#articleContainer {
  	width: 735px;margin-left:15px;
  	font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;font-size:12px;color:#000;
  }

h1, h2, h3, h4, h5, h6, p, ul, ol {margin:1em 0;}
h1, h2, h4, h5 {color:#0035ad;} 
h3 {color:#75abcb;}
h4 {margin-top:2em;margin-bottom:-.65em;font-weight:normal;font-size:1.15em;}
strong span {color:#5489a8;}

#articleContainer .header{overflow:hidden;zoom:1;}
#articleContainer .header h1{float:left;}
#articleContainer .header .menu{margin-left:60px;display:inline;float:left;width:400px;}

#articleContainer .menu ul{list-style-type:none;border-left:solid 1px #75abcb;}
#articleContainer .menu li{padding:2px 0;}
#articleContainer .menu span{color:#0035ad;}
#articleContainer .menu a:link,  #articleContainer .menu a:visited {color:#75abcb;text-decoration:none;}
#articleContainer .menu a:hover,  #articleContainer .menu a:active,  #articleContainer .menu a:focus,
#articleContainer .menu .selected a:link, #articleContainer .menu .selected a:visited  {color:#0f5da2;}
#articleContainer .menu a:hover,  #articleContainer .menu a:active,  #articleContainer .menu a:focus {text-decoration:underline;}
#articleContainer .menu strong {font-weight:normal;/*text-transform:uppercase;*/}


#articleContainer .title {margin:1.5em 0 2em 0;padding:0;color:#3f7eb5;font-size:1.2em;}

#articleContainer .header {color:#75abcb;}

#articleContainer .highlighted {margin:1.5em 0;padding-left:30px;color:#75abcb;border-left:solid 1px #75abcb;}

#articleContainer .numbered_blocks {list-style-type:none}
#articleContainer .numbered_blocks li{overflow:hidden;zoom:1;padding-left:80px;}
#articleContainer .numbered_blocks .visu{float:left;display:inline;margin-top:1.5em;margin-left:-80px;}


#articleContainer .lamarque-1-leau {position:relative;width:737px;height:451px;background:#000 url('lamarque-1-leau.jpg') no-repeat left top;}
@font-face {
	font-family: "DINOTRegular";
	src: url("font/dinot.eot");
	src: local("DIN OT"), local("DINOT"), 
	url("font/dinot.woff") format("woff"), 
	url("font/dinot.ttf") format("truetype"), 
	url("font/dinot.svg#DINOT") format("svg");
}

#articleContainer .lamarque-1-leau p {margin:0;color:#fff;position:absolute;left:230px;top:230px;width:490px;height:180px;text-align:center; font-size:16px;text-shadow:0 2px 1px #000000; font-family:"DINOTRegular","Trebuchet MS",Arial,Georgia,serif;}

#articleContainer .lamarque-2-composition {margin:1em auto;width:550px;list-style-type:none;}
#articleContainer .lamarque-2-composition  li{overflow:hidden;zoom:1;border-top:solid 1px #9a9b9c;padding:3px 0 3px 140px;}
#articleContainer .lamarque-2-composition  li.fst{border-top-width:0;}
#articleContainer .lamarque-2-composition  li {line-height:2em;color:#9a9b9c;}
#articleContainer .lamarque-2-composition  li strong{float:left;display:inline;margin-left:-130px;width:120px;overflow:hidden;color:#3f7eb5;font-weight:normal;}
#articleContainer .lamarque-2-composition  li.lst strong{line-height:1em;}


#articleContainer .lamarque-6-engagements {position:relative;width:737px;background:#000 url('lamarque-6-bg.jpg') no-repeat left top;}
#articleContainer .lamarque-6-engagements div {padding:75px 100px 100px 100px;}
#articleContainer .lamarque-6-engagements h2 {margin-top:0;margin-bottom:2em;text-transform:uppercase;font-weight:normal;}
#articleContainer .lamarque-6-engagements h2 strong {display:block;font-size:1.5em;}
#articleContainer .lamarque-6-engagements p ,#articleContainer .lamarque-6-engagements h2 , #articleContainer .lamarque-6-engagements h3{color:#fff;}