.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cf { display: inline-block; }
* html .cf { height: 1%; }
.cf { display: block; }

p.date_actu{
line-height: auto;
font-weight: bolder;
color: #000000;
margin-bottom:5px;}

p.titre_actu{
line-height: auto;
font-weight: bolder;
margin-bottom: 5px;}


 img.actu_starter { 
     max-width: 180px; 
     max-height: 115px; 
	border: solid 0px #000000 ; 
	margin:5px;
	<!--[if IE]>
	
  _width: expression((this.offsetWidth>=this.offsetHeight) ? 
      Math.min(parseInt(this.offsetWidth), 180 ) : true); 
  _height: expression((this.offsetHeight>this.offsetWidth) ? 
      Math.min(parseInt(this.offsetHeight), 120 ) : true);
         <![endif]-->
    }

 img.actu_list { 
     max-width: 120px; 
     max-height: 120px; 
	border: solid 0px #000000 ; 
	margin:5px;
	<!--[if IE]>
	
  _width: expression((this.offsetWidth>=this.offsetHeight) ? 
      Math.min(parseInt(this.offsetWidth), 120 ) : true); 
  _height: expression((this.offsetHeight>this.offsetWidth) ? 
      Math.min(parseInt(this.offsetHeight), 120 ) : true);
         <![endif]-->
    }

div.contenu {padding:5px;}

div.fil {border:1px solid #000070;}

div.fil a:link{
    color:#FFFFFF;
	font-size: 13px;
	font-weight: bolder;
	}
div.fil a:visited{
    color:#FFFFFF;
	font-size: 13px;
	font-weight: bolder;
	}
div.fil a:hover{
	color:#FFFFFF;
	font-size: 13px;
	font-weight: bolder;
	}
	

.spacer {
  clear: both;
  margin: 4px;
}


table.sponsors {
  v-align:middle;
  align:left;}
  
td.bg{
  font-weight: bolder;
  background-color: #F5F7FF;
  }
  
tr.sponsorsplus tr {height:25px;}


td.sponsors td {
  background-color: #F5F7FF;
  font-weight: bolder;
  v-align:middle;
  border-bottom: 1px solid ;
  align:left;}
  
 tbody.sponsors td {
  v-align:middle;
  border-bottom: 1px solid #F5F7FF;
  align:left;} 

body.mceContentBody {
	padding:5px;
	background: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	text-align:left;
	padding: 0;
	margin: 0;
}
  
body{
	background-image:url(../../images/fond_ecran.jpg);
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	text-align:center;
	padding: 0;
	margin: 0;
	}
	
a:link,  body.a:link{
	color: #9c790f;
	font-size: 12px;
	text-decoration: none;
}

a:visited,  body.a:visited{
	color: #9c790f;
	/*font-size: 11px;*/
	text-decoration: none;
}
	
a:hover, body.a:hover {
	color:#000000;
	/*font-size: 11px;*/
	text-decoration: none;
}

h1{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#9c790f;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

h2{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#9c790f;
	margin: 0px;
	padding: 0px;
}

h3{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#9c790f;
	margin: 0px;
	padding: 0px;
}

p.info{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#9c790f;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	text-align:right;
}

p,td,th,p.suite{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

p.suite{text-align:right;
         margin: 0px 5px 0px 0px;}
	
#boiteTexte{
	width: 998px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 0px auto;
	text-align: left;
	background-image: url(../../images/fond_site.jpg);
}

#logo{
	width: 990px;
	height:auto;
	padding: 0px 0px 0px 0px;
}

div.haut_haut
  {
	height:0px;
	width: 100%;
	background-color: #FFFFFF;
	background-repeat:repeat-x;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
  }
div.haut_bas {
	height:8px;
	width: 100%;
	background-repeat:repeat-x;
	padding: 0px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
  }

div.haut{
	width: 100%;
	height:34px;
	background-image:url(../../images/menu_haut.jpg);
	background-repeat:repeat-x;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	font-weight: bolder;
}

div.haut a:link{
    color:#FFFFFF;
	font-size: 12px;
	font-weight: bolder;
	}
div.haut a:visited{
    color:#FFFFFF;
	font-size: 12px;
	font-weight: bolder;
	}
div.haut a:hover{
	color:#000000;
	font-size: 12px;
	font-weight: bolder;
	}

div.menu_haut{
	width: 100%;
	height:34px; 
	line-height: 34px;
	float:left;
	margin-top: 7px;
	margin-left: 5px;
	vertical-align:bottom;
}

#identifier{
    line-height: 25px;
	width: 380px;
	height:25px;  
	float:right;
	margin-top: 1px;
	margin-right: 3px;
	text-align:right;
	vertical-align:middle;
}

#pseudo, #password { 
     border:1px solid #000000;    
      border-style: outset;	  
     font-size:13px;
	 background-color:#FFFFFF;  
	 color: #000070;}


div.menuIcons { /* block menu */
width: 100%;
margin: 0px;
float: left;
}

div.menuIcons ul { /*block liste du menu*/
margin : 0px;
padding : 0px;
list-style : none; 
width : 100%;
}

div.menuIcons ul li { /*toutes les sections*/
float : left;
text-align : center;
}

div .menuIcons  ul  li .sep{
	width: 1px;
	height:22px;
	background-image:url(bg_img_tab_sep.gif);
	background-repeat:repeat-x;
	padding: 0px 0px 0px 0px;
	border:1px solid #4749D4;
	border-style: groove;
	}

div.menuIcons ul li span {/*toutes les sections*/ 
display : block;
padding-left : 20px;
padding-right : 20px;
white-space : nowrap;
}

div.menuIcons ul li.menu_flags img { /*separation drapeau*/ 
margin : 0px;
}

div.menuIcons ul li.menu_admin { /* section admin */
float:right;
padding-left : 10px;
padding-right : 10px;
}

div.menuIcons ul li a span { /* lien menu horizontal */
text-decoration: none;
cursor: pointer;
} 

div.menuIcons ul li a:hover span { /* lien survolé horizontal*/
}


div.tblbox ul li a:hover span, td.tblbox ul li a:hover span { /* lien latéral survolé*/
width: 50px;
background-color: inherit; position: relative; top: 0px; left: 1px;
}

div.menuIcons ul li.menu_admin { /* section admin */
float:right;
padding-right:4px;
}


#left{
	width: 180px;
	height:auto; 
	float:left;
	margin: 0px;
	padding: 0px;
}


	
#vertmenu {
	font-size:12px;
	width: 100%;
	padding: 0px;
	text-align: left;
	color:#FFFFFF;
	background-image: url(../../images/fond_menu_gauche.jpg);
}

#vertmenu h1 {
display: block;
font-size:12px;
color:  #FFFFFF;
margin-top: 0px;
margin-left: 15px;
margin-right: 0px;
margin-bottom: 4px;

}

#vertmenu ul {
        font-size:12px;
		margin-left: 15px;
        margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
padding : 0px;
list-style : none; 
list-style-image : none; 
}

#vertmenu ul li {
        font-size:12px;
		display : list-item;
		list-style-image : url(puce8.gif);
		list-style-position: inside;
		padding : 0px;
        margin: 0px;
}

#vertmenu ul li.home {
        font-size:12px;
		display : list-item;
		list-style-image : url(puce7.gif);
		list-style-position: inside;

		padding : 0px;
        margin: 0px;
}

#vertmenu ul li.info {
		font-size:12px;
		display : list-item;
		list-style-image : url(puce2.gif);
		list-style-position: inside;
		padding : 0px;
        margin: 0px;
}

#vertmenu ul li.link {
		font-size:12px;
		display : list-item;
		list-style-image : url(puce5.gif);
		list-style-position: inside;
		padding : 0px;
        margin: 0px;
}

#vertmenu ul li.autre {
		font-size:12px;
		display : list-item;
		list-style-image : url(puce3.gif);
		list-style-position: inside;
		padding : 0px;
        margin: 0px;
}


#vertmenu ul li a:link{
    font-size:12px;
	color: #FFFFFF;
	text-decoration: none;
}
#vertmenu ul li a:visited{
	font-size:12px;
	color: #FFFFFF;
	text-decoration: none;
}
#vertmenu ul li a:hover{
	font-size:12px;
	color: #666666;
	text-decoration: none;
}


#main_body{
	/*width: 810px;*/
	height:auto; 
	float:left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}	



#speed_search{
	width: 194px;
	 height:auto; 
	float:right;
	margin-top: 0px;
	text-align:right;
}

#footer{
	width: 998px;
	height:97px;
	padding-top: 3px;
	background-image: url(../../images/footer.jpg);
	background-repeat: no-repeat;
}

div.aplat { /* block menu */
background-color: #F5F7FF;
}



div.aplat_auto { /* block menu */
background-color: #F5F7FF;
height: auto; 
width: auto; 
}

div.aplat_right { /* block menu */
background-color: #F5F7FF;
height: auto; 
width: auto; 
float:right;
}

div.aplat_left { /* block menu */
background-color: #F5F7FF;
height: auto; 
width: auto; 
float:left;
}

div.affi_diap { /* block menu */
padding:10px; 
margin:10px;
text-align:center;
}

#write_comm{ /* block menu */
background-color: #F5F7FF;
}

input {
     font-size:11px;
     font-family:Arial, Helvetica, sans-serif;
	 background-color: #F5F7FF;
	 color: #000070;
}

input.submit, input.file {
     font-size:11px;
     font-family:Arial, Helvetica, sans-serif;
	 background-color: #F5F7FF;
	 color: #000070;
    cursor: pointer;
}


select {
     font-size:11px;
     font-family:Arial, Helvetica, sans-serif;
	 background-color: #F5F7FF;
	 color: #000070;
}
textarea {
     font-size:11px;
     font-family:Arial, Helvetica, sans-serif;
	 background-color: #F5F7FF;
	 color: #000070;
}

        div.contenu ul li , div.menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FFFFFF;
	display : list-item;
	list-style-image : url(puce7.gif);
	list-style-position: outside;
		} 
		
		div.contenu ul li ul li, div.menu ul li ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #9c790f;
	display : list-item;
	list-style-image : url(puce8.gif);
	list-style-position: outside;
		} 
		div.contenu ul li ul li ul li , div.menu ul li ul li ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #9c790f;
	display : list-item;
	list-style-image : url(puce2.gif);
	list-style-position: outside;
		} 
		div.contenu ul li ul li ul li ul li ,div.menu ul li ul li ul li ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #9c790f;
	display : list-item;
	list-style-image : url(puce5.gif);
	list-style-position: outside;
		}  
		
         #main_body ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FFFFFF;
	display : list-item;
	list-style-image : url(puce7.gif);
	list-style-position: outside;
		} 
		
		#main_body  ul li ul li  {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
	display : list-item;
	list-style-image : url(puce8.gif);
	list-style-position: outside;
		} 
		 #main_body  ul li ul li ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
	display : list-item;
	list-style-image : url(puce2.gif);
	list-style-position: outside;
		} 
		 #main_body ul li ul li ul li ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #999999;
	display : list-item;
	list-style-image : url(puce5.gif);
	list-style-position: outside;
		} 
        
/*----------------------------------------------------------------------------
  ~4 - Offices
----------------------------------------------------------------------------*/

#offices #primaryContent { margin: 0 }

#offices_mapLoader, #offices_map {
	height: 350px;
	width: 788px;
}

#offices_mapLoader {
	background-image: url(../../images/map/loader-bg.gif);
	overflow: hidden;
}

	#offices_mapLoader img {
		display: block;
		margin: 163px 0 0 282px;
	}

#offices_activeInfoWindow {
	height: 176px;
	width: 250px;
	position: relative;
	top: -2px;
	color: #0e0e0e;
}

#offices_detailLink {
	float: right;
	position: relative;
	top: -18px;
}

#offices_infoWindowContactDetails {
	clear: both;
	padding-top: 8px;
}

#offices_mapControlPanel {
	background: #EFF4F9 url(../../../images/map/legend-bg.gif) repeat-y right;
	border-top: 1px solid #A8B5C2;
	border-bottom: 1px solid #A8B5C2;
}

#offices_mapControlPanel h2 {
	font-size: 1.08333em;
	margin: 0;
}

#offices_continentLinkList {
	float: left;
	list-style: none;
	margin: 0;
	padding: 37px 0 34px;
	text-align: center;
	width: 496px;
}

	#offices_continentLinkList li {
		display: inline;
		margin: 0;
		padding-right: 1.75em;
	}

	#offices_continentLinkList a {
		font-size: 10px;
	}

		#offices_continentLinkList li.last { padding: 0 }

		#offices_continentLinkList a:focus { outline: 0 }

	#offices_continentLinkList .current { color: #000 }

#offices_mapLegend {
	list-style: none;
	margin: 0;
	padding: 1.5em 16px 1em 5px;
	float: right;
	width: 210px;
}

	#offices_mapLegend li {
		background: no-repeat top left;
		font-weight: bold;
		margin-bottom: 5px;
		padding: 3px 0 0 35px;
		min-height: 21px;
	}

			* html #offices_mapLegend li { height: 21px }

	li#offices_mapLegendRedPointer    { background-image: url(../../images/map/legend-red-pointer.gif) }
	li#offices_mapLegendYellowPointer { background-image: url(../../images/map/legend-yellow-pointer.gif) }

	#offices #footerPush { margin-top: 0 }

#offices_ownedOfficesContactDetails { padding: 0; }

	#offices_ownedOfficesContactDetails ul {
		margin: 20px 0 !important;
		padding: 0px !important;
		list-style: none;
	}

	#offices_ownedOfficesContactDetails li {
		display: inline;
		float: left;
		margin: 0 2% 0 0 !important;
		padding: 0 !important;
		width: 31%;
	}

	#offices_ownedOfficesContactDetails li.first {
		margin: 0 0 15px 0;
		width: 100%;
	}

	#offices_ownedOfficesContactDetails li.wide { width: 245px }
	
	#main_body.offices ul li a:hover { color: #CCC; }
	
	#main_body #offices_continentLinkList { text-align: center; width: 534px; }
		#main_body #offices_continentLinkList li { list-style-type: none; display: inline; list-style-image: none; }
		
	#main_body #offices_mapLegend li { color: #000; }
	
	#main_body #offices_ownedOfficesContactDetails h2 { font-size: 18px; color: #FFF; }
		#main_body #offices_ownedOfficesContactDetails ul li { list-style-type: none; list-style-image: none; color: #FFF; line-height: 20px; }
		
	#main_body #offices_mapControlPanel, #main_body #offices_ownedOfficesContactDetails { margin-bottom: 30px; }