@font-face {
  font-family: 'GB';
  src: url('/assets/GROBOLD.ttf');
}

html,body { margin:0; padding:0; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  font-size:13px; }
html { background-image:url('/assets/img/background_html_2.jpg'); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; }

h1 { font-family:'GB'; font-weight:normal; font-size:16px; }
h2 { font-family:'GB'; font-weight:normal; font-size:14px; }
h1.niveau1, h2.niveau1, div.niveau1 { padding:7px 10px 5px 10px; margin:10px 0px 4px 0px; color:#fff; background-color:#00abd2; }

div.niveau1 { font-family:'GB'; font-weight:normal; font-size:14px; letter-spacing: 0.05em; }

.niveau2 { font-family:'GB'; font-weight:normal; font-size:14px; color:#000; margin:5px 0 0 0; letter-spacing: 0.1em; } 
.niveau3, .niveau4 { font-weight:bold; font-size:14px; color:#000; margin:10px 0 10px 0; }
.niveau5 { font-family:'GB'; font-weight:bold; font-size:14px; color:#00abd2; margin:10px 0 0 0; } 
.niveau6 { font-weight:normal; font-size:14px; }

fieldset { border:solid 1px #00abd2; margin:10px 0 10px 0; padding:0px 10px 10px 10px; }
fieldset legend { font-family:'GB'; font-weight:normal; font-size:14px; color:#00abd2; margin:10px 0 0 0; padding:0 8px 0 8px; }

a { text-decoration:none; }
a.sans_mise_en_forme { color:#000; text-decoration:none; }

hr { border:none; border-top:solid 1px #00abd2; margin-top:18px; margin-bottom:18px; }

#container { display:block; width:1000px; margin:auto; padding:0px; background:#fff;

	-moz-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	box-shadow: 0px 0px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=10); 
}

#header { display:block; position:relative; padding-bottom:24px; }
#header div.superposer { position:absolute; top:222px; left:10px; color:#00abd2; font-weight:bold; font-size:90%; line-height:110%; } /* 210 - 10 */
#header img.superposer { position:absolute; top:0px; left:0px; }
#header hr { width:998px; position:absolute; top:180px; left:0px; border:solid 1px #00abd2; margin:0px; }
#header #logo { left:-46px; }

#header ul { display:block; position:absolute; top:202px; left:352px; padding:6px 9px 5px 9px; font-family:'GB'; font-size:13px; font-weight:normal; border-top:solid 2px #00abd2; border-bottom:solid 2px #00abd2; color:#00abd2; }
#header ul li { display:inline; padding:8px 8px 8px 8px; }
#header ul li a { color:#00abd2; }
#header ul li a:hover { color:#000; }

#header #search { display:block; position:absolute; top:185px; margin-left:350px; padding:2px; font-family:'GB'; font-size:14px; font-weight:normal; }
#header #search input { color:#00abd2; font-style:italic; width:590px; border:solid 1px #00abd2; padding:1px 4px 1px 4px; margin-right:2px;  }
#header #search button { border:solid 0px #555; background:#00abd2; color:#FFFFFF; padding:3px 6px 2px 6px; font-family:'GB'; }

#body { display:block; padding:220px 10px; min-height:700px; }
#body ul { position:relative; left:16px; width:95%; margin:0; padding:6px 0 4px 0; }
#body li { padding:3px 0px 3px 0px; }
#body p { margin:0; padding:4px 0 6px 0; }
#body fieldset { padding-top:10px; }
#body .pagination { text-decoration:none; padding:1px; }

#body .campagne-img img { display:block; margin:0px auto 15px auto; }
#body .campagne-swf object { display:block; margin:auto; }

#content_left { display:block; width:790px; float:left; margin-right:10px; }
#content_right { display:block; width:170px; float:right; }

#content_right .rubrique { display:block; width:164px; padding-top:12px; }
#content_right .rubrique .rubrique_haut { display:block; width:154px; height:33px; background-image:url('/assets/img/rubrique_haut.png'); padding-top:25px; padding-left:10px; font-family:'GB'; font-size:120%; color:#fff; text-align:center; }
#content_right .rubrique .rubrique_bas { display:block; width:100%; height:14px; background-image:url('/assets/img/rubrique_bas.png');	 	 }
#content_right .rubrique .rubrique_milieu { display:block; width:144px; height:auto; background-image:url('/assets/img/rubrique_milieu.png'); padding-left:16px; padding-right:5px; }
#content_right .rubrique .rubrique_milieu img { display:block; width:120px; border:solid 1px #000; margin:0px auto 0px auto;  } 
#content_right .rubrique .rubrique_milieu a { color:#fff; text-decoration:none; }	
#content_right .rubrique .rubrique_milieu p { color:#fff; text-align:center; font-size:90%; margin:0px auto 0px auto;  padding:4px; } 
#content_right .rubrique .rubrique_milieubis { display:block; width:144px; height:auto; background-image:url('/assets/img/rubrique_milieu.png'); padding-left:16px; padding-right:5px; }
#content_right .rubrique .rubrique_milieubis a { color:#ff9933; text-shadow: 1px 1px 2px #fff; text-decoration:none; }	
#content_right .rubrique .rubrique_milieuter { display:block; width:144px; height:auto; background-image:url('/assets/img/rubrique_milieu.png'); padding-left:16px; padding-right:5px; }
#content_right .rubrique .rubrique_milieuter img { display:block; width:120px; border:none; margin:0px auto 0px auto;  } 

#footer { width:100%; background-color:#fff; background-image: url('/assets/img/fond_footer.png'); border-left: solid 1px #052b42; border-right: solid 1px #052b42; position:relative; left:-1px; }
#footer_padding { padding:12px 10px 5px 40px; height:200px; }
#footer a { color:#fff; }
#footer .texte { font-size:100%; text-transform: uppercase; color:#fff; position:absolute; top:160px; }
#footer .copyright { font-size:90%; text-transform: none; color:#fff; }
#footer table { width:100%; }
#footer table th { font-family:'GB'; font-weight:normal; font-size:16px; color:#fff; text-align:left; width:194px; }
#footer table td { margin:0px; padding:0px; }

.formulaire_erreur { color:red; font-weight:bold; }
.information_manquante { color:red; font-weight:bold; }
.successful { margin-top:14px; font-size:120%; color:red; font-weight:bold; }
.texte-noir { color:#000; }
.spacer { clear:both; height:1px; }

.message_popup {
  position : absolute;
  text-align : center;
  height : 200px;
  width : 400px;
  left : 50%;
  top : 100px;
  margin-left : -200px;
  border : 1px solid #000;
  background-color : #ffffff;
}