@charset "windows-1252";
body {font-family: Trebuchet MS,Verdana,Arial; font-size: 0.8em; margin: 0; padding: 0; background-color: #eeeeee;  background-repeat: repeat-x; }

#conteneur {width: 850px; margin: 0 auto; padding:0; border: 0px solid magenta} 

#header {height: 70px; background-color: #eeeeee; background-image: url(../img/head.jpg); background-repeat: no-repeat; background-position: center; }


/* DEFINITION DU MENU */
#menu {position: absolute; border-width: 0px; height: 31px; width: 900px; padding: 0;padding-left: 24px;padding-top: 1px; margin: 0;   background-image: url(../img/menu_bgd.jpg); background-repeat: no-repeat; z-index:5}
span, dl, dt, dd, ul, {display : inline}
span, dl, dt, dd, ul, li {margin: 0; padding: 0; list-style-type: none}	

#menu .s2 {width: 200px;  margin:3px; padding:0;margin-top: -5px; border: 1px solid white; position: absolute}
#menu .s3 {width: 200px;  margin:4px; padding:0;margin-top: -5px; border: 1px solid white; position: absolute} 
#menu .s4 {width: 200px;  margin:4px; padding:0;margin-top: -5px; border: 1px solid white; position: absolute}
#menu .s5 {width: 200px;  margin:3px; padding:0;margin-top: -5px; border: 1px solid white; position: absolute}		 
#menu .s6 {width: 200px;  margin:5px; padding:0;margin-top: -5px; border: 1px solid white; position: absolute}	 
#menu .s7 {width: 120px;  margin:4px; padding:0;margin-top: -5px; border: 1px solid white; position: absolute}	 
#menu .s8 {width: 100px;  margin:-35px; padding:0;margin-top: -5px; border: 1px solid white; position: absolute}

#menu dl {float: left; }

#menu dt { cursor: pointer; text-align: center; font-weight: bold; border: 0px solid gray; padding:0;height: 31px;}
#menu span dl a.titre {color : #5D5D5D; text-decoration: none}
#menu span dl a.titre:hover {color : #000000}
#menu dd {display: none;  padding-left: 0px;}

#menu li {text-align: left; background: #e3e3e3;text-indent: 2px; list-style-position: outside;width:100%}

#menu li a {color: #197bab; text-decoration: none; height: 100%; display: block; border: 0 none; background-color: transparent}

#menu li a:hover, #menu li a:focus {background: #ffffff; }	


/* DEFINITION DU CORPS DE PAGE */
#centre {background-color: #FFFFFF; border-width: 0px; border-style: solid; border-color: #767676; z-index: 2; margin-top: 31px; padding: 0 25px 20px 30px; font-family: Trebuchet MS,Verdana,Arial; background-image: url(../img/bgd.jpg); color: #405a6e;}

#centre h1 {color: #788C94; text-align: left; font-size: 16pt; margin-top: 10px; font-weight: bold; text-transform: uppercase;}
#centre h1.t1 {width:735px; height: 40px; border-bottom:1px solid #c9c9c9; margin:0 25px 0 25px; padding:25px 0 0 0 }
#centre h2 {color: #557892; text-align: left; font-size: 1em; margin:20px 25px 0 25px; padding:5px 0 0 0; font-weight: bold; font-family: Trebuchet MS, Verdana, Arial; font-style: italic; text-transform: uppercase;border-bottom:1px solid #c9c9c9;}
#centre h3 {color: #557892; text-align: left; font-size: 1.1em; font-weight: bold; margin-top: 20px; margin:0 25px 0 25px; padding:25px 0 0 0 }
#centre h4 {color: #006f9f; text-align: left; font-size: 1.1em; font-weight: bold; margin-top: 20px; margin:0 25px 0 25px; padding:25px 0 0 0;text-decoration:underline }
#centre .text {font-family: Trebuchet MS, Verdana, Arial;font-size:1em;color: #405a6e;margin:0 35px 0 25px; padding:5px 0 0 0 }
#centre .job {font-family: Trebuchet MS, Verdana, Arial;font-size:0.9em;color: #405a6e;margin:0 25px 0 25px; padding:5px 0 0 0 }

#centre p {color: #405a6e; text-align: justify; font-size: 1em; margin: 25px; font-weight: normal}
#centre .content {color: #405a6e; text-align: justify; font-size: 1em; margin: 0 25px 0 25px; font-weight: normal}
#centre dt {font-weight: bold}
#centre dl {font-weight: normal; padding-left: 30px; font-style: italic}
#centre dd {margin-left: 10px;}
#centre li {margin-left:50px; list-style: disc; } /*list-style-position: outside; list-style-image: url(../img/puceListe.jpg)*/

#centre input, textarea {border: 1px solid silver}


#centre img {padding:0; margin:0}
#centre .imgD {float: right; padding-left: 25px; padding-bottom: 5px; font-size: 0.9em; font-style: italic; text-align: right} 
#centre .imgG {margin:0;padding:0; padding-left: 25px; padding-bottom: 5px; font-size: 0.9em; font-style: italic; text-align: right; border:0px solid red}		  

#centre a, a:visited {color : #f29400; text-decoration : none}
#centre a:hover {text-decoration : underline}

#centre table.liste {margin:0 25px 0 25px; color: #405a6e; border:0px}/* border-top: 1px solid #405a6e; border-left: 1px solid #405a6e}*/
#centre td.ligne {border:0; border-bottom: 1px solid #405a6e; padding: 25px}/*border-right: 1px solid #405a6e;*/

#centre table h3 {color : #565656; font-size : 1em; text-align:center}
#centre table {color : #565656; font-size : 1em; text-align:center}
#centre table  {border-top: 1px solid #565656; border-left: 1px solid #565656}
#centre td {border-bottom: 1px solid #565656;border-right: 1px solid #565656; padding: 5px}

/* BLOC DROIT */
#blocDroit {float:right; position: absolute;margin:0; margin-left:455px; width:340px; border:0px solid red; z-index:2}
#blocDroit form {margin-left:20px;padding:15px; border: 0px solid red; position : absolute}
#blocDroit label {width:80px; display : inline; float:left; color:#959595;  margin:5px 0 0 0;  }
#blocDroit label.on {color: #FF9C00; font-weight:bold}
#blocDroit input, textarea, select {width:180px;  border: 1px solid #959595;  margin:5px 0 0 0px}
#blocDroit input.btn{width:50px;  border: 1px solid #959595; background-color:white;  margin:15px 0 0 125px}
#blocDroit input.on, textarea.on  {border: 1px solid #ff9c00;}
#blocDroit input.formReadOnly {border: none; color: #959595;background-color:#F6F6F6; font-size:1em;font-weight:bold;}
#blocDroit input.radio {margin-left:10px; margin-right:15px; padding:0; border :0px solid red; width:20px}
#blocDroit input.file { margin:5px 0 0 0px border: 1px solid #959595; width:180px}

/* REQUEST */
h1.request {margin-left:25px; color : #FF9C00}
h2.request {color: #557892; text-align: left; font-size: 1em; margin:20px 25px 15px 0; padding:5px 0 0 0; font-weight: bold; font-family: Trebuchet MS, Verdana, Arial; font-style: italic; text-transform: uppercase;border-bottom:1px solid #c9c9c9;}
form.request {color: #959595;}
#err {color: #FF0000; font-style:italic;  border: 1px dotted #FF0000; background-color:#FFECEC}
p.message1 { color : #557892; text-align : center;}

/* LITTERATURE */
#litterature {width:750px; height: 25px; border: 0px solid red; position: relative;background-image: url(../img/puce2.jpg); background-repeat: no-repeat;background-position: 35px 5px}
#litterature span {margin-left: 50px; color: #959595; float: left;  }
#btn_dl {margin-left:50px;padding-top:3px; color: #959595;float: left; position: absolute; right:250px}
 /*FF9C00*/
/* BLOC GAUCHE */
#blocGauche {width:470px; border:0px solid red}
table {color : #959595;}
#blocGauche li {font-family: Trebuchet MS, Verdana, Arial; font-size: 1em;  list-style-type: disc; margin-left:50px;padding-left:0px}

.backTop {position: relative;cursor:pointer; right:0; bottom:20px;float:right;z-index: 5}

/* CENTRE HOME*/
#btnRequest {border: 0px blue solid; float: right;width:401px; padding: 0 ;margin:0; margin-bottom:25px}
#btnRequest img {margin:0;padding:0; margin-right:7px;}
#textHome {border: 1px blue solid; width: 401px; height: 325px; padding: 0; margin: 0; float: right; right: 25px; position: relative}


#centre .imgHome {float: left;padding:0; position: relative; margin:0; margin-left:-6px}

/* NEWS */
#news {float: left; width: 340px;  height: 550px; border: 0px red solid;  margin:0; padding: 0; background: url(../img/i_newsCadre.jpg) 21px 0; background-repeat: no-repeat;position: relative; padding-right:20px}
 
#support {position: relative; float: right; width: 278px; height: 470px; overflow: hidden; border: 0px solid #000; padding: 0; margin: 0; left: 10px; top: 40px;}
#news .btnSlideup {position: relative; cursor:pointer; right:0px; ;float:right; padding:0;margin: 32px 15px 0 0; z-index: 5 }
#news .btnSlidedwn {position: relative; margin:40px 15px 25px 0 ;cursor:pointer; right:0; bottom:0;float:right;z-index: 5} 
#news .btnMore {position: relative;cursor:pointer;top:5px; right:0; bottom:20px;float:right;z-index: 5}
/* Dans l'index */
#new_home{position: relative; border: 1px solid black;color: #959595;}

#news h1 {color:#557892; font-size : 0.9em; font-weight:bold;margin:0;}
#news p {color:#959595; font-size : 0.9em; font-weight:normal;margin:0; margin-bottom:25px; text-align: left}
	
/* POPUP NEWS */
#popup_news {background-color: #fafafa; padding: 15px} 
#popup_news h1 {color:#557892; font-size : 0.9em; font-weight:bold;margin:0;}
#popup_news p {color:#959595; font-size : 0.9em; font-weight:normal;margin:0; margin-bottom:25px; text-align: left}
#popup_news a {text-align: center}


/* PRODUITS DROIT ET GAUCHE */
#produitsGauche {position: relative; margin: 0;margin-right:15px;padding-left:15px; float: left; width: 250px;  border: 0px solid red; }
/*# {float:left;width:250px; border:1px solid red; background-color:green; height:650px}  */
/* menu */
#produitsMenu { width: 248px; margin:10px 0 0 0; padding:0;font-family: Trebuchet MS,Verdana,Arial;}
#produitsMenuH {height: 26px; width: 248px; margin: 0; padding: 0; background-image: url(../img/i_produitsCadreH.jpg); padding-left: 10px; padding-top: 10px; color: white; font-size: 1.3em; font-weight: bold; background-repeat: no-repeat}
#produitsMenuB {height: 18px; width: 248px; margin: 0; padding: 0; background-image: url(../img/i_produitsCadreB.jpg)}
#produitsMenuM {width: 248px; margin: 0; padding: 0; background-image: url(../img/i_produitsCadreM.jpg); background-repeat: repeat-y;}
#produitsMenuM a {color: #959595;text-decoration: none;padding-left:10px}
#produitsMenuM a:hover {color: #ff9c00;text-decoration: none;}
#produitsMenuM img {border: 0px;} 
#produitsMenuM span.h1 {color:#177aaa; font-size: 1em;font-weight:bold}
#produitsMenuM span.h1 a:hover {color: #ff9c00;text-decoration: none;}
#produitsMenuM span.selected {color: #ff9c00;font-weight: bold;}
 
#btn_pdf {float: right; margin: -25px 20px 0}

/* DEFINITION DU PIED DE PAGE */
#pied {height: 36px; padding: 25px; color: #5D5D5D; text-align: center; font-family: Verdana; font-size: 0.7em; margin: 0px; background: url(../img/foo.jpg) top; background-repeat: no-repeat; position: relative}
#pied a {color: #5D5D5D; text-decoration : none;}
#pied a:hover {color: #5D5D5D; text-decoration : underline;}
#pied p {text-align: center; margin : 0}

/* MENU TREE */
#tree {font-family: Trebuchet MS,Verdana,Arial;}

/* MSG */
#msg1 {text-align: center; width: 150px; border: 1px solid #557892; background-color: #DCDFEF; padding:25px; margin-top:100px ;margin-bottom:100px ; margin-left:280px}