*{ margin: 0; padding: 0; }* 
html,body{margin:10px 0 0 0;padding:0; background-color:#f3f3fe;}
body{font: 76% arial,sans-serif;}
p{margin:0 10px 10px;}
.rouge { color: #ac0707;}
.noir {color:#000000;}

div#header {background-color:#0e14a3; background-image:url(../styles/img/bandeau-bleu.jpg); background-repeat:no-repeat; height:109px; margin:0; }
/*div#header h1{height:80px; line-height:80px;   padding-left:10px;  color:#79B30B;}*/
div#logo { position:absolute; margin:10px 0px 10px 20px; padding:0; background-color:#FFFFFF; border:1px solid #0f447c; width:230px; height:80px; text-align:center;  font-variant:small-caps; font-size:11px; color:#0f447c;}
div#adresse { position:absolute; margin:-100px 0px 0px 720px; padding:0;  text-align:left;  font-size:12px; color:#fff;}
	#adresse a {color:#FFFFFF; text-decoration:none;}
	#adresse .gros {font-size:1.2em; font-weight:bold;}
div#menu { position:absolute; margin:-30px 0px 0px 300px; padding:0;  text-align:left;  color:#fff; z-index:1000;}
	/*#menu li { display:inline; padding: 0 ; border-left: 1px solid #fff;}
	#menu a {color:#FFFFFF; text-decoration:none;}*/
div#drapeau { position:absolute; margin:-30px 0px 0px 850px; padding:0;  text-align:left;  font-size:12px; color:#fff; z-index:1000;}
	#drapeau img {border:0;}
div#container{text-align:left; margin:0; padding:0;}
div#content p{line-height:1.4;}
	#content h1 { font-size:16px; font-weight:bold; color:#000000; margin-left:10px; margin-top:10px;}
	#content h2 { font-size:14px; font-weight:bold; color:#ac0707; margin-left:10px; margin-top:10px; margin-bottom:10px;}
	hr {height: 1px; margin: -0.5em 0; padding: 0; color: #AC0707; background-color: #AC0707; border: 0;}
	.form-gauche {padding-right:10px; text-align:right;}
	.form-envoyer {text-align:center;}
	.form-text {padding:0 10px 0 10px; text-align: justify;}
div#photo{background-color:#ccc; float:left; width:268px; height:184px; margin:10px; border:1px solid #000000;}
	.accueil{ background-color:#ccc; background-image:url(../styles/img/photo-gauche-blog.jpg);}/* escalade : conseil-assurance-escalade.jpg*/
	.succes{ background-color:#ccc; background-image:url(../styles/img/succes-risk-manager.jpg);}
	.savoir-faire{ background-color:#ccc; background-image:url(../styles/img/savoir-faire-conseil-assurance.jpg);}
	.savoir-faire-personne{ background-color:#ccc; background-image:url(../styles/img/assurance-personne.jpg);}
	.missions{background-color:#ccc; background-image:url(../styles/img/missions-audit-des-risques.jpg);}
	.contact{background-color:#ccc; background-image:url(../styles/img/contact-audit-assurance.jpg);}
	.photo-ml{background-color:#ccc; background-image:url(../styles/img/ml.jpg);}
	.photo-plan{background-color:#ccc; background-image:url(../styles/img/plan.jpg);}
	.grimaud{background-color:#ccc; background-image:url(../styles/img/poussins.jpg);}
	.noz{background-color:#ccc; background-image:url(../styles/img/magasin.jpg);}
	.saemes{background-color:#ccc; background-image:url(../styles/img/parking.jpg);}
	.jti{background-color:#ccc; background-image:url(../styles/img/interim.jpg);}
	.inox{background-color:#ccc; background-image:url(../styles/img/inox.jpg);}
	#photo p, #photo p a { color:#FFFFFF; font-size:12px; line-height:1.5em;  text-decoration:none;}
	#photo h3 {margin-top:117px; line-height:1.5em; font-size:14px; font-weight:bold; margin-left:10px; color:#FFFFFF; text-decoration:underline;}	
	#photo h3 a {margin-top:117px; line-height:1.5em; font-size:14px; font-weight:bold; margin-left:0px; color:#FFFFFF; text-decoration:underline;}	
	#photo h3.rouge { color: #ac0707;}
	#photo h3.orange { color: #ff9b0c;}
	#photo h3.jaune { color: #fff005;}
	#photo h3.vert { color: #1dae0d;}
div#navigation{background:#f3f3fe;}
div#footer{color: #FFF;}
div#footer p{margin:0;padding:5px 10px;}

div#container{width:957px; margin:0 auto;}

div#content-accueil{float:right; width:630px; margin-bottom:10px;margin-right:6px; margin-top:10px; background-color:#ccc; min-height:382px;border:1px solid #000; background-repeat:no-repeat; background-position:top left; width:630px; height:382px;  background-image:url("../styles/img/fond-transp.jpg"); }
div#content-accueil-en{float:right; width:630px; margin-bottom:10px;margin-right:6px; margin-top:10px; background-color:#ccc; min-height:382px;border:1px solid #000; background-repeat:no-repeat; background-position:top left; width:630px; height:382px;  background-image:url("../styles/img/fond-transp-en.jpg"); }
	.content-acc {}
	#content-accueil h1, #content-accueil-en h1 { font-family: "Comic Sans MS", Arial, "Myriad Pro Light",  "Myriad Pro", "Myriad Web", Verdana, sans-serif; font-size:14px; font-weight:normal; color:#fff; margin: 5px 50px 0 0px; text-indent:0px;}
	#content-accueil p, #content-accueil-en p { font-family: "Comic Sans MS", "Myriad Pro Light", Arial, "Myriad Pro", "Myriad Web", Verdana, sans-serif; font-size:12px; font-weight:normal; color:#fff; margin-right:70px; margin-top:5px; text-align:right;}
	.question:before {   content: url("../styles/img/comment1.png"); margin-right:20px;}
	.question:after {   content: url("../styles/img/comment2.png"); margin-left:20px;}
	.signature {} 
	.lettrine {float: left; /* positionnement de la lettrine dans le conteneur*/ font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/ font-weight: normal; font-family:verdana, arial, Helvetica, sans-serif,  serif; width:40px; color: #ff9b0c; /* border: 1px solid #990000; définition d'une bordure autour de la lettrine background-color: #FFFFCC; margin: 1px; padding: 1px;line-height: 1em;*/ background-image: url("../styles/img/comment1.gif"); background-repeat:no-repeat; margin-left:30px;}
	.lettrine2 {float: right; /* positionnement de la lettrine dans le conteneur*/ font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/ font-weight: normal; font-family:verdana, arial, Helvetica, sans-serif,  serif; width:40px; color: #ff9b0c; /* border: 1px solid #990000; définition d'une bordure autour de la lettrine background-color: #FFFFCC; margin: 1px; padding: 1px;line-height: 1em;*/ background-image: url("../styles/img/comment1right.gif"); background-repeat:no-repeat; margin-right:-30px; margin-top:-30px;}


	div#content{float:right; width:615px; margin-bottom:10px;margin-right:6px; margin-top:10px; background-color:#FFFFFF; min-height:403px;}
	.content-rouge {border:1px solid #ac0707; border-right:37px solid #ac0707; }
	.content-orange {border:1px solid #ff9b0c; border-right:37px solid #ff9b0c;}
	.content-jaune {border:1px solid #fff005; border-right:37px solid #fff005;}
	.content-vert {border:1px solid #1dae0d; border-right:37px solid #1dae0d;}
	div#bande-cote {float:right;  background-repeat:no-repeat; background-position:right bottom; width:36px; height:382px; margin-right:-36px;}
		.bande-cote-rouge {background-image:url(img/bande-rouge-droite.png); }
		.bande-cote-orange {background-image:url(img/bande-orange-droite.png);}
		.bande-cote-jaune {background-image:url(img/bande-jaune-droite.png);}
		.bande-cote-vert {background-image:url(img/bande-vert-droite.png);}
div#content-gauche {width: 280px; text-align:justify; color:#000000;  margin-left:0px; margin-top:10px; }
div#content-droite {width: 280px; text-align:justify; color:#000000;  margin-left:310px; margin-top:-500px; padding:0;  }
	#content-droite li { padding: 0px 10px 5px 10px; margin: 0 10px 0 10px; background: #fff url(../styles/img/menuarrow.jpg) no-repeat 0px 5px;  list-style-type:none; line-height:1.5; }
	#content-droite a { color:#ac0707;}
	#content-gauche h3, #content-droite h3 {margin:10px 0 5px 10px;}
	#content-mission h3 {font-size:12px; margin-top:15px; margin-bottom:10px;}
	#content-mission p {margin-top:15px;}
	.grosrouge {color: #ac0707; font-size:1.5em;}
	#content-personne h3 {font-size:12px; margin-top:15px; margin-bottom:10px;}
	#content-personne p {margin-top:12px; line-height:1.5;}
	#content-personne li  {       padding: 0px 10px 5px 0px; margin: 0 10px 0 10px; list-style-type:none;   list-style-type:none; line-height:1;    }
	#content-succes h3 {font-size:12px; margin-top:15px; margin-bottom:10px;}
	#content-succes p {margin-top:15px;}
		#content-succes li  {       padding: 0px 10px 5px 10px; margin: 0 10px 0 10px; background: #fff url(../styles/img/menuarrow.jpg) no-repeat 0px 7px;  list-style-type:none; line-height:1.5;    }
		#content-succes a {     color:#ac0707; text-decoration:none;   }
		#content-succes a:hover {     color:#777; text-decoration:underline;  }
		#content-succes-gauche {        width: 100%; margin-top:10px;   margin-left: 10px; }
		#content-succes-droite {      width: 100%; margin-top:10px;  margin-left: 10px;    }
		#content-succes-gauche li {  padding: 0px 10px 5px 10px; margin: 0 10px 0 10px; background: #fff url(../styles/img/menuarrow.jpg) no-repeat 0px 7px;  list-style-type:none; line-height:1.5; } 
		#content-succes-droite li {  padding: 0px 10px 5px 10px; margin: 0 10px 0 10px; background: #fff url(../styles/img/menuarrow.jpg) no-repeat 0px 7px;    list-style-type:none; line-height:1.5; }
		/*hr { clear: both; visibility: hidden }*/
	#content-interview { margin-top:10px;  }
		#content-interview h3 {font-size:12px; margin-top:15px; margin-bottom:10px; font-weight:normal; }
		#content-interview ul {margin-bottom:15px;}
		#content-interview li {	     list-style:none; margin-left:10px; margin-right:10px;	}
		.interview {	    font-weight: bold;  margin-top:15px; margin-bottom:10px;  	}
		.interview:before {	   content: "Question : ";	   font-weight: bold;   color: #ac0707; 	}
		/*.interview:after	{	   content: " ?";	}*/
		.interview-liste:before {	   content: "- ";	     color: #ac0707; 	}
div#content-droite-sf {width: 280px; text-align:justify; color:#000000;  margin-left:310px; margin-top:-580px; padding:0;  }
	#content-droite-sf li { padding: 0px 10px 5px 10px; margin: 0 10px 0 10px; background: #fff url(../styles/img/menuarrow.jpg) no-repeat 0px 5px;  list-style-type:none; line-height:1.5; }
	#content-droite-sf a { color:#ac0707;}


	#content h3 {margin-left:10px;}
	#content img.gauche {float:left; border:1px solid #000000;  margin-right:10px;}
	#content img.droite {float:right; border:1px solid #000000; margin-right:10px; margin-left:10px;}
	#content img.droitesansfloat {border:1px solid #000000; margin-right:10px; margin-left:60px;}
	
div#plan { clear:both; margin-top:30px;}
	#plan li {margin-top:10px; background: #fff url(../styles/img/menuarrow.jpg) no-repeat 0px 7px;    list-style-type:none; line-height:1.5; padding: 0px 10px 5px 10px; margin: 0 10px 0 10px;}	
	#plan li li {margin-left:30px;}	
	#plan li a { color:#ac0707;}	

div#navigation{float:left; clear:left; width:268px; margin:2px 5px 10px 10px;  border:1px solid #000000; }
	#navigation li { font-size: 1em; list-style:none; padding:0px 0px 0px 5px; margin:5px 5px 5px 0px;  }
	#navigation li a {  background: #f3f3fe; color: #000; text-decoration:none; display:block;   }
	#navigation li.rouge  {  border-left: 8px solid #ac0707;  }
	#navigation li.orange  {  border-left: 8px solid #ff9b0c;  }
	#navigation li.jaune  {  border-left: 8px solid #fff005;  }
	#navigation li.vert  {  border-left: 8px solid #1dae0d;  }
	#navigation li.multicolor  {  border-left: 8px solid  #417CD6;  }
	#navigation li.rouge a:hover { color: #fff;  background-color:#ac0707;}
	#navigation li.orange a:hover { color: #000;  background-color:#ff9b0c;}
	#navigation li.jaune a:hover { color: #000;  background-color:#fff005;}
	#navigation li.vert a:hover { color: #fff;  background-color:#1dae0d;}
	#navigation li.multicolor a:hover { color: #1A8DFF;  background-color:#eeeeee;}
div#presentationblog a {text-decoration:none; color:#0e14a3; padding-right:10px; font-weight:bold;   }
div#footer{clear:both; width:941px; background:#0e14a3 url(../styles/img/bandeau-bas-bleu.png) repeat-y; height:15px; padding-left:10px; margin-bottom:3px;  }
	#footer a {text-decoration:none; color:#FFFFFF;  }
div#begoodinweb{clear:both; width:941px; text-align:right;  padding-right:10px; margin-bottom:10px; color:#0e14a3;  }
	#begoodinweb a {text-decoration:none; color:#0e14a3;  }
div#anim{ position:absolute; margin:7px 0 0 320px; z-index:1;}
div#anim-en{ position:absolute; margin:7px 0 0 360px; z-index:1;}

#liste-decalee li  { padding: 0px 10px 5px 10px; margin: 0 10px 0 10px; background: #fff url(../styles/img/menuarrow.jpg) no-repeat 0px 7px;  list-style-type:none; line-height:1.5;    }
#liste-decalee-ol ol  { padding: 0px 0px 5px 20px; margin: 0 10px 0 10px; /*background: #fff url(../styles/img/menuarrow.jpg) no-repeat 0px 7px;  list-style-type:none;*/ line-height:1.5;     }
#conseil { text-align:center; font-size:2em; font-weight:bold; color:#AC0707; }