* {margin: 0; padding: 0; border: 0; font-style: normal; text-decoration: none; list-style: none }
/* hack FF pour masquer les contours pointillé sur les liens
-------------------------------------------------------*/
a{outline: none;}
:focus{-moz-outline-style: none;}

.clear {
  height:100px;
  background:#fff;
}


body {
	background:#f0f0f0 url(../img/fond.jpg) no-repeat center top;
}
#global {
	width: 944px; /* -> 3 */
	margin: 0 auto; /* -> 4 */
	
}

/* En-tête */
#en_tete {
height: 241px;
width: 944px;
position: relative;
}
#en_tete h1{
position: absolute;
top:33px;
left:0px;
}
#en_tete p{
position: absolute;
right:10px;
top:44px;
}


/*Page contact*/

#btn_contact {
  margin-left:20px;
}

#contact_img {
  float:left;
  margin:14px 25px 14px 14px ;
}

#contact span {
  font-weight:bold;
}

#contact {
  margin-top:10px;
}


#titre: {padding:0px; margin:0px; margin-bottom:-5px;}

/* Bloc central contenant #navigation et #contenu */
#centre {
padding-top:20px
}
html>/**/body #centre {
	width: 944px; /* -> 5 */
	overflow: hidden; /* -> 5 */
}
/* Menu de navigation */
#navigation {
	width: 257px;
	float: right; /* -> 6 */
}

#page {
	background-color:#fff;
	margin-right:14px;
	padding-top:14px;
}
*+html #page{ margin-top: -4px; }
* html #page{ margin-top: -4px; }



#page p {
	
margin-left:180px;
margin-right:20px;
font-family:Arial;
font-size:13px;
color:#57453b;
line-height:16px;
padding-bottom:17px;
}



#page ul{
  margin-left:20px;
  font-family:Arial;
    font-size:13px;
    color:#57453b;
    line-height:16px;
    padding-bottom:17px;
}


#page a {text-decoration:underline; font-family: Arial;color:#21b8ed;}

#page h3 {font-family:Arial;
font-size:16px;
color:#3abdec;
margin-left:180px;
font-weight:bold;
margin-bottom:20px;
margin-top:38px;}


#page_norm h3 {font-family:Arial;
font-size:16px;
color:#3abdec;
margin-left:180px;
font-weight:bold;
margin-bottom:20px;
margin-top:38px;}


#page h4 {margin-left:20px;font-family:Arial;
font-size:14px;
color:#57453b;
font-weight:bold;
font-style: italic;
margin-bottom:7px;}

#page h2 {
  font-size:25px ;
  font-family:Georgia;
  color:#563830;

}

#page_norm p {
    margin-left:20px;
margin-right:20px;
font-family:Arial;
font-size:13px;
color:#57453b;
line-height:16px;
padding-bottom:17px;
}

#page_norm {
	background-color:#fff;
	margin-right:14px;
	padding-top:14px;
}

#page_norm h2 {
  font-size:25px ;
  font-family:Georgia;
  color:#563830;

}
#page_norm a {text-decoration:underline; font-family: Arial;color:#21b8ed;}

#page_norm h4 {margin-left:20px;font-family:Arial;
font-size:14px;
color:#57453b;
font-weight:bold;
font-style: italic;
margin-bottom:7px;}

#page_norm ul{
  margin-left:20px;
  font-family:Arial;
    font-size:13px;
    color:#57453b;
    line-height:16px;
    padding-bottom:17px;
}

#dossier {margin-left:190px!important;}


#hwc_logo {margin-left:205px!important;}

#langues{
   text-align:right;
  margin-bottom:5px;
  margin-right:15px;
}

#equipe_photo {
   margin-left:180px;
}


#equipe_photo_desc {
  margin-left:110px;
}


#float_left {
	float:left;
	margin-left:20px;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:15px;
}

#bandeau{
  margin-left:20px;
}


#float_right {
	float:right;
	margin-left:10px;
	margin-right:20px;
	margin-bottom:10px;
	margin-top:15px;
}

#page span {color:#ffae00;}



#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#bouton_presse, #bouton_adherent{ margin:10px 0}
*+html #bouton_presse,*+html #bouton_adherent{ margin:12px 0 }
* html #bouton_presse,* html #bouton_adherent{ margin:12px 0 }
   
#bouton_presse a{ display: block; width: 257px; height: 55px; background: url(../img/btn_presse.png) no-repeat top left }
#bouton_presse a:hover{background: url(../img/btn_presse.png) no-repeat bottom left }

#bouton_adherent a{ display: block; width: 257px; height: 55px; background: url(../img/btn_adherent.png) no-repeat top left }
#bouton_adherent a:hover{background: url(../img/btn_adherent.png) no-repeat bottom left }

#video {width:257px;height:220px;background-color:#fff;}
#daily {padding-left:18px;padding-top:12px;}

#partenaires {margin-top:12px;}


.bloc_top {background: url(../img/box_blanche_top.png) no-repeat scroll 0 0;width:257px;height:11px;padding-top:11px;}
.bloc_top img {margin-left:18px}

.bloc_bottom {background: url(../img/box_blanche_bottom.png) no-repeat scroll 0 0;width:257px;height:11px;}
html>/**/body .bloc_bottom {margin-bottom:10px}  

#contenu {  margin-right: 257px; /* -> 8 */}

/* fin */  

#navigation ul strong, #menu ul li a strong,h2 strong, span strong, #menu_right h2 strong, #menu_droite li strong, .titre1 strong, .titre2 strong,.titre3 strong,.titre4 strong{position:absolute; left:-7000px; top:-7000px;margin:0px;}

/*  ----------------------------*/
/*  MISE EN PLACE DU MENU HAUT */
/*  --------------------------*/
#menu{z-index:3000; width:944px; position:absolute; top:186px; margin:0; background: url(../img/bg_menu.gif) repeat-x top;}
#menu ul {padding:0;background: url(../img/bg_ul_menu.gif) no-repeat right;}
#menu ul li {position:relative; float: left;}
#menu ul li ul {display: none;}

#menu #item5 a{ display: block; width: 165px; height: 55px; background: url(../img/menu/item1.gif) no-repeat top left }
#menu #item5.active a:link{ background: url(../img/menu/item1.gif) no-repeat bottom left }
#menu #item5.active a:visited{ background: url(../img/menu/item1.gif) no-repeat bottom left }
#menu #item5 a:hover{background: url(../img/menu/item1.gif) no-repeat bottom left }

#menu #item6 a{ display: block; width: 139px; height: 55px; background: url(../img/menu/item2.gif) no-repeat top left }
#menu #item6.active a:link{ background: url(../img/menu/item2.gif) no-repeat bottom left }
#menu #item6.active a:visited{ background: url(../img/menu/item2.gif) no-repeat bottom left }
#menu #item6 a:hover{background: url(../img/menu/item2.gif) no-repeat bottom left }

#menu #item7 a{ display: block; width: 122px; height: 55px; background: url(../img/menu/item3.gif) no-repeat top left }
#menu #item7.active a:link{ background: url(../img/menu/item3.gif) no-repeat bottom left }
#menu #item7.active a:visited{ background: url(../img/menu/item3.gif) no-repeat bottom left }
#menu #item7 a:hover{background: url(../img/menu/item3.gif) no-repeat bottom left }

#menu #item20 a{ display: block; width: 106px; height: 55px; background: url(../img/menu/item4.gif) no-repeat top left }
#menu #item20.active a:link{ background: url(../img/menu/item4.gif) no-repeat bottom left }
#menu #item20.active a:visited{ background: url(../img/menu/item4.gif) no-repeat bottom left }
#menu #item20 a:hover{background: url(../img/menu/item4.gif) no-repeat bottom left }

#menu #item9 a{ display: block; width: 76px; height: 55px; background: url(../img/menu/item5.gif) no-repeat top left }
#menu #item9.active a:link{ background: url(../img/menu/item5.gif) no-repeat bottom left }
#menu #item9.active a:visited{ background: url(../img/menu/item5.gif) no-repeat bottom left }
#menu #item9 a:hover{background: url(../img/menu/item5.gif) no-repeat bottom left }

#menu #item10 a{ display: block; width: 94px; height: 55px; background: url(../img/menu/item6.gif) no-repeat top left }
#menu #item10.active a:link{ background: url(../img/menu/item6.gif) no-repeat bottom left }
#menu #item10.active a:visited{ background: url(../img/menu/item6.gif) no-repeat bottom left }
#menu #item10 a:hover{background: url(../img/menu/item6.gif) no-repeat bottom left }

#menu #item11 a{ display: block; width: 80px; height: 55px; background: url(../img/menu/item7.gif) no-repeat top left }
#menu #item11.active a:link{ background: url(../img/menu/item7.gif) no-repeat bottom left }
#menu #item11.active a:visited{ background: url(../img/menu/item7.gif) no-repeat bottom left }
#menu #item11 a:hover{background: url(../img/menu/item7.gif) no-repeat bottom left }

#menu #item12 a{ display: block; width: 162px; height: 55px; background: url(../img/menu/item8.gif) no-repeat top left }
#menu #item12.active a:link{ background: url(../img/menu/item8.gif) no-repeat bottom left }
#menu #item12.active a:visited{ background: url(../img/menu/item8.gif) no-repeat bottom left }
#menu #item12 a:hover{background: url(../img/menu/item8.gif) no-repeat bottom left }





/* Contenu */

#fiche_identite {
  float:left;
  width:164px;
  background: url(../img/id_bg.jpg);
  padding-top:65px;
  margin-right:17px;
  margin-left:5px;
}

#fiche_identite h4 {
    color:#37a6db;
    font-size:12px;
    margin-bottom:3px;
}

#fiche_identite p{
  font-size:11px;
  color:#7a7a7a;
  margin-left:20px;
}


#qui_sommes_nous { height:183px;background: url(../img/box_qui_sommes_nous.png) no-repeat;}
#qui_sommes_nous p {font-size:13px; color:#57453b;font-family: Arial;width:488px; padding-top:84px;padding-left:26px;}
#qui_sommes_nous a {color:#27baee; text-decoration:underline;}
#qui_sommes_nous a:hover {color:#256adc; text-decoration:none;}
#qui_sommes_nous span {color:#27baee;}
#qui_sommes_nous img {float:right; margin-top:65px;margin-right:27px;}



#action { width:249px;height:213px;background: url(../img/box_action_france.png) no-repeat;float:left;margin:21px 0 20px 0;}
h2.first{padding-top:54px;  }
#action h2 {color:#64544e; font-family:Arial; font-weight:bold; font-size:16px;margin-left:22px;}
#action p {color:#595959; font-size:12px;font-family:Arial;margin-left:22px;margin-right:17px;margin-bottom:14px;}
#action a {font-size:10px; color:#7f0504;text-decoration:underline;font-family:Arial;float:right;margin-right:17px;}


#actus { width:411px;height:213px;background: url(../img/box_actus.png) no-repeat;float:left;margin-top:21px;margin-left:11px;}
#actus h2 {color:#232323; font-family:Arial; font-weight:bold; font-size:16px;margin-left:22px;}
#actus p {color:#fff; font-size:12px;font-family:Arial;margin-left:22px;margin-right:17px;margin-bottom:14px;}
#actus a {font-size:10px; color:#d8ff00;text-decoration:underline;font-family:Arial;float:right;margin-right:17px;}

/* actu */
#page .article_presse {
left:10px;
padding-bottom:50px;
margin-top:30px;
position:relative;
}

#page .article_presse  p {
  line-height:14px;
  margin-bottom:10px;
  margin-top:10px;

}

#page .article_presse a img {
  border:3px solid #E6E6E6;
  height:100px;
  margin-top:22px;
  width:150px;
}

#page .article_presse a:hover {
  width:150px;
  height:100px;
}


#page .article_presse  h2  a{
color:#563830;
text-decoration:none;
font-size:25px;

}

#page .article_presse p.date {
  background:#3ABEED none repeat scroll 0 0;
  color:#FFFFFF;
  font-family:arial;
  font-size:11px;
  font-weight:bold;
  margin:0 10px 0 0;
  padding:2px 4px;
  position:absolute;
 right:-6px;
  text-align:right;
  top:-6px;
}

#page .text {
left:-5px;
position:absolute;
top:-18px;
}

#page .text h2 {
color:#563830;
font-family:Georgia !important;
font-size:25px;
font-weight:normal;
margin-left:15px;
text-transform:uppercase;
}
/* Pied de page */
#pied {margin: 0;background: url(../img/footer.png) no-repeat scroll 0 0;width:388px;height:86px;color:#fff;}
#pied a {text-decoration:underline; font-family: Arial; font-size:11px;color:#fff;font-weight:bold;}
#pied a:hover {text-decoration:none;font-weight:bold;}
#pied p {padding-top:60px;padding-left:15px;}