body { 
margin : 0; 
padding : 0; 
font-family : arial, helvetica, clean, sans-serif; 
font-size : 0.75em; 
font-size : 10pt; 
background-color : #999999; 
} 
img, h1, h2, h3, h4, h5, h6 { 
border : 0; 
} 
#site { 
margin-left : auto; 
background-color : #d7d7d7; 
margin-right : auto; 
width : 909px; 
text-align : left; 
color : #333333; 
} 

#site2 {
margin-left: auto; 
background-color:#d7d7d7;
margin-right: auto; 
width: 909px; /* largeur du contenu */ 
height:700px;
 /* rétablit l'alignement normal du texte */	 
}
#bandeauCentre { 
position : relative; 
width : 909px; 
height : 200px; 
text-align : center; 
background-color : #7f418e; 
} 

#entete {
height: 599px;	
margin: 0;
padding-left: 0;
background: url(../images/img/haut.jpg) no-repeat;
}


#bonnerson{ 
width:884px;
margin-top:262px;
text-align:center;
background-color:#FFFFFF;
}
#gauche{
background-color:#D7D7D7;
color:#FFFFFF;
height:300px;
margin-top:219px;
position:absolute;
width:24px;
}
#droit{
background-color:#D7D7D7;
color:#FFFFFF;
height:405px;
margin-left:884px;
margin-top:63px;
position:absolute;
width:25px;}


/* boîte d'affichage de chaque raison à la volée  */
#raisonbox{
position: absolute; 
top:305px;
margin-left:620px;
height:274px;
width:217px;
background: url(../images/img/fondraison.gif) no-repeat;

}
/*  afficher en dessous de chaque pages*/

#nossixraison{
position:absolute;
margin:-20px 0 0 680px;
font-size:14px;
color:#993399;
font-weight:bold;
width:127px;
}

#nossixraison2{
position:absolute;
margin:-250px 0 0 680px;
font-size:14px;
color:#993399;
font-weight:bold;
width:127px;
}

#nossixraison3{
position:absolute;
margin:-160px 0 0 680px;
font-size:14px;
color:#993399;
font-weight:bold;
width:127px;
}
#nossixraison4{
position:absolute;
margin:-100px 0 0 680px;
font-size:14px;
color:#993399;
font-weight:bold;
width:127px;
}
#nossixraison5{
position:absolute;
margin:50px 0 0 680px;
font-size:14px;
color:#993399;
font-weight:bold;
width:127px;
}
#nossixraison a{color:#993399}
#nossixraison2 a{color:#993399}
#nossixraison3 a{color:#993399}
#nossixraison4 a{color:#993399}
#nossixraison5 a{color:#993399}

/*  titre dynamique de chaque raison à la volé sur les pages*/
#tiraison{
position:relative;
margin:-69px 0 0 65px;
color:#4B1261;
font-size:14px;
font-weight:bold;
padding-bottom:15px
}


/*  numéro dynamique de chaque raison à la volé sur les pages*/
#numero {	
  height:75px;
  width:78px;
  font-size:22px;
  font-weight:bold;
  text-align:center;
  color:#fff;
  margin-left:-7px;
  padding-top:7px;
  }


#raisonboxchiffre #textraison2{
width:145px;
margin: 0 25px 0 58px;
}

#raisonbox #textraison{
width:145px;
margin: -10px 25px 0 58px;
}
/* ****************         Fin bôite raison****************************/

/*  Debut Les Experts affichage ds le cercle */
#expert{
padding-top:145px;
height: 43px;
color:#6B297B/* rétablit l'alignement normal du texte */; 
text-align: center;
}
/* Fin Affichage expert*/
/* *************** ****      Positionnement image page ******************/
#poimg  {
position: absolute;
margin-left:15px;
top:305px;
height:10px;
}
#poimg2  {
height:10px;
margin-left:80px;
position:absolute;
top:275px;
}
/* *************** ****      FIN Positionnement image page ******************/

/* ************************* Début du contenu des pages***/
#contenu { 
background-color : #fff; 
margin : 0 25px 0 25px; 
} 
/* text contenu */
#contenu .htext { 
margin : 45px 0 0 165px; 
width : 50%; 
padding : 0 0 5px 5px; 
text-align : justify; 
} 

#pucereflogi ul li{list-style: url(../images/img/pucemarron.gif)}

#contenu .ctext { 
margin : 45px 0 0 165px; 
width : 50%; 
padding : 0 0 30px 5px; 
text-align : justify; 
width:400px;
}

#contenu .ctext ul
{
list-style : url(../images/img/pucemarron.gif); 
}

#contenu .ctext ul li
{
padding :0 0 5px 0;
}
contenu .ctext span{color:#D94F28; }

#contenu .htext .stext ul{list-style : url(../images/img/pucevert.gif); }
#contenu .htext .stext span{color: #9FBC0C }

#contenu .htext ul { 
position : relative; 
list-style : url(../images/img/puceorange.gif); 
text-align : justify; 
} 
#contenu .htext ul li { 
padding : 0 0 5px 0; 
} 

/*tracabilité page */
#contenu .trtext { 
margin:57px 0 0 175px;
width : 50%; 
padding : 0 0 0 5px; 
text-align : justify; 
} 
#contenu .trtext ul { 
position : relative; 
list-style : url(../images/img/puceorange.gif); 
text-align : justify; 
} 

#contenu .trtext ul li { 
padding : 0 0 10px 0; 
}

#contenu .htext table tr, td { 
font-size : 13px; 
border : 1px solid #000; 
} 
#contenu .htext caption { 
font-size : 16px; 
font-weight : bold; 
text-align : left; 
} 
#contenu .htext span{text-align:left; color:#FF9900; font-weight:bold;}
#contenu .trtext span{text-align:left; color:#FF9900; font-weight:bold;}

.titre{ 
margin-left : 350px; 
width : 263px; 
height : 67px; 
} 
 .titre img{margin:20px 5px 0 -345px;}
 
  .positiontitre{position:relative;}

#annee{font-size:16px;font-weight:bold;color:#9FBC0C; text-align:center}
#prix{font-size:16px;font-weight:bold;color:#006699; text-align:center}

 
 /* Gabarit Tableau tableau de telechargement de pdf*/
#tableaupos{position: absolute;margin:-130px 0 0 250px;}
#tableaupos2{ left:250px;
position:relative;
top:-10px;
width:30px;}
#tableaupostr{position: absolute;margin:-10px 0 0 190px; }

.tableDonnees { border:none;text-align:left;left:25px ; padding:0; position:relative;width:800px;color:#000000}
	.tableDonnees td, .tableDonnees th { border:none;}
	.tableDonnees tr.ligneEnTete, .tableDonnees th {background:url(../images/tableau_fondentete.gif) repeat-x left bottom; border-top:2px solid #DEE3E5; border-bottom:2px solid #DEE3E5; font-weight:bold;color:#7F3E90;font-size:11pt; text-align:center;}
	.tableDonnees .colonneEnTete { background-color:#EAEEF1;font-weight:bold;}
	.tableDonnees .ligneImpaire { background-color: #CCCCFF;}
	.tableDonnees .lignePaire { background-color: #CC99FF;}
	.tableDonnees .ligneSurvole { background-color: #CCCCFF;}
		.legende { font-size:18px; font-weight:bold;color: #9FBC0C;padding-top:30px;}
     		.legende1 { font-size:18px; font-weight:bold;color:#FF9900;padding-top:50px;}
			 .legende2 { font-size:18px; font-weight:bold;color:#FF9900;padding-top:0;}
			 .legende3 { font-size:18px; font-weight:bold;color:#D94F28;;padding-top:30px;}
			 .legende4 { font-size:18px; font-weight:bold;color:#FF9900;;padding-top:100px;}

              .client{ text-align:center; font-weight:bold;}
.intitule {
font-weight:bold;
padding:10px;
text-align:justify;
}            

.tableDonnees1 { border:none;text-align:left;left:25px ;padding:0; position:relative;width:300px;color:#000000}
	.tableDonnees1 td, .tableDonnees1 th { border:none;}
	.tableDonnees1 tr.ligneEnTete, .tableDonnees1 th {background:url(../images/tableau_fondentete.gif) repeat-x left bottom; border-top:2px solid #DEE3E5; border-bottom:2px solid #DEE3E5; font-weight:bold;color:#7F3E90;font-size:11pt; text-align:center;}
	.tableDonnees1 .colonneEnTete {background-color:#EAEEF1;font-weight:bold;}
	.tableDonnees1 .ligneImpaire {background-color: #F6F7F8;}
	.tableDonnees1 .lignePaire {background-color: #CC99FF;}
	.tableDonnees1 .ligneSurvole {background-color: #CCCCFF;}

/* ************************* fin  du contenu des pages***/

 
#nostechno { position:relative; display:inline;
width:50px;list-style: url(../images/img/pucemarron.gif);padding:10px 0 10px 0} 
#nostechno div{padding:10px 0 0 170px;  width:400px} 

#nostechno ul ul li { 
list-style : url(../images/img/pucerond.jpg); 
text-decoration : underline; 
color : #0066ff; 
 
} 
#nostechno #titresol { 
margin-top:-45px;
color : #ea682d; 
font-size : 14px; 
font-weight : bold; 
text-align : center; 
} 

#imghaut{
width:95px;
height:85px;
padding-left:60px;
}
#imgste{
height:330px;
margin-left:520px;
position:absolute;
top:205px;}
#adresse{
color:#7F418E;
font-size:17px;
font-weight:bold;
padding-bottom:12px;
padding-left:50px;
padding-top:10px;}

#adresse a{
color:#7F418E;
font-size:17px;
font-weight:bold;
padding-bottom:12px;
padding-left:50px;
padding-top:10px;}

#contact{
position:relative;
margin:265px 0 0 0px;
padding-left:50px;
padding-bottom:0;
font-size:20px; 
font-weight:bold;
color:#7F418E; 
}

#txrec{
position: absolute;
margin:-340px 0 0 250px;
width:300px; 
padding:0 0 100px 10px;
}/* recrutement */
#txrec ul li{ 
list-style: url(../images/img/pucemarron.gif);
}

#ref{
padding:0 0 0 130px;
font-weight:bold;
color:#000;
background-color:#FFFFFF;
font-size:10px;
}/* contact */


#pieddepage {
background: #D7D7D7 url("../images/img/pied.gif") no-repeat;
height:24px;
font-size: 8pt;
color: #eee;
text-align:left;
padding-left: 50px;
padding-right:50px;
margin-left:25px;
margin-right:25px;
}

#pieddepage2 {
background: url("../images/img/pied.gif") no-repeat;
height:24px;
font-size: 8pt;
color: #eee;
text-align:left;
padding-left: 50px;
padding-right:50px;
margin-left:25px;
margin-right:25px;
}
#pieddepage3 {
background: url("../images/img/pied.gif") no-repeat;
height:24px;
font-size: 8pt;
color: #eee;
text-align:left;
padding-left: 50px;
padding-right:50px;
margin-left:25px;
margin-right:25px;
margin-top:-12px;
position: relative
}
.espace {
background: #D7D7D7;
padding-bottom:35px;
}

.espace2 {
background: #FFF;
padding-bottom:75px;
}

/* page valeur attention */

#sixraison
{
background-color:#682779 ;
}  

#trsixraison
{
color:#fff;
font-size:28px; 
font-weight:bold;
text-align:center;
padding-bottom:45px;
}
  
#sixraisnumber{
background:#682779 url(../images/img/basraison.jpg) no-repeat;
height:90px;
width: 909px;
font-size:36px;
font-weight:bold;
text-align:center;
color:#FFF;
}
#sixraisnumber div{
padding-right:820px;
padding-top:9px;
 }

#sixraistir{
color:#fff;
font-size:20px; 
font-weight:bold; 
width:400px;

}

#sixraistir div{
position: absolute;
margin:-68px 0 0 90px;
}

#sixraistext{
color:#fff;
font-size:13px; 
padding-bottom:15px;
padding-left:25px; 
margin:-30px 0 0 10px;
}
#sixraistext div{
width:700px;
padding-left:50px;
}
/*  Page Methode*/
#banvaleur{background:url(../images/img/hautvaleur.jpg) no-repeat;margin:-7px 0 0 0;}
#banvaleur #vtitre{font-size:16px;color:#FFFFFF; font-weight:bold; text-align:justify;margin:10px 0 0 10px;padding:15px;}
     #banvaleur #vtext{font-size:14px;color:#FFFFFF;margin:5px 0 0 10px; text-align: left}
	      #banvaleur #vtext ul { padding:0 0 25px 0;	}

#banvaleur #vtext2{
 position:relative;list-style: url(../images/img/pucevert.gif);
 margin:348px 0 0 25px;
 padding:0 50px 0 50px;
 text-align:justify;	
}
#banvaleur #vtext2 ul li{ padding:0 0 5px 0;	}
#banvaleur #vtext2 span{ color:#8FB113; font-weight:bold;}
#banvaleur #vtext2 .titrevtext2{color:#8FB113; font-weight:bold;padding-left:60px; font-size:14px
}

#droitmethode{
margin:-90px 0 0 550px;
position:absolute;
text-align:justify;
width:255px;
}
#droitmethode .titredroit{
color:#8FB113; 
font-weight:bold;
width:200px;
padding-left:60px;
padding-bottom:10px;

}
#droitmethode li{ 
position:relative;
list-style: url(../images/img/pucevert.gif);

}

#droitmethode span{ color:#8FB113; font-weight:bold;}
/*formulaire d'envoi de mail de candidature*/

#formmail {left:5em;top:0;text-align:left;margin-top:10px;color:#1B5996}
#formmail div{text-align:left;margin:10px 0 0 10px;}
   #formmail label{display:block;float:left;width:85px;margin:0 0 5px 0px;}
      #formmail input{font-size:12px;color:#fff; text-decoration:none; background-color:#7F418E;padding:2px 5px 5px 5px;}
	  #formmail a{font-size:11px;color:#fff; text-decoration:none; background-color:#7F418E;padding:2px 5px 5px 5px;font-weight:bold}
	  #formmail .bouton{font-size:11px;color:#fff; border:1px solid #F79C10; text-decoration:none; background-color:#7F418E;padding:2px 5px 5px 5px;
	  font-weight:bold;
margin-left:125px;}
	  
      #formmail .trform {font-weight:bold; font-size:18px; text-align:center;}
	      #avertissement{color:#FF0000; font-size:12px; text-decoration:underline; padding-left:150px}

#bouton{ padding:10px 0 0 0}
#bouton a{font-size:11px;color:#006600; border:1px solid #F79C10; text-decoration:none; background-color:#FFFF99;text-align:center;padding:2px 5px 5px 5px}
#bouton a:hover{background:#FFCC99;color:#000}


.error {
	color:#FF0033;
	font-size:14px;
	}

/*page equipe*/
#equipe{margin:0;padding-bottom:10px;}
#equipe .texthaut{
padding:20px 50px 10px;
text-align:justify;
}
#equipe #photo{
position:relative;
margin:25px 0 0 55px;
}
#equipe #photo img { 
border:1px solid #000000;
}

.titresituation{ 
font-weight: bold; 
font-size:16px; 
text-decoration: underline;
color:#8FB113;
}
#tableausit{ 
font-weight: bold; 
font-size:16px; 
border:none;
}

#tableausit td{ border:none; vertical-align:text-top}
/* page d'affichage individuelle des infos de l'équipe*/
.image {
 float: left;
 margin: 0 6px 6px 10px;
 border:1px solid #000000;
 }
 
 .nomequipe { 
 font-size:16px;
 color:#8FB113;
 }
  .equipetext {
  color:#000000;
 font-size:12px;
 text-align:justify;
 padding-left:15px;
 padding-right:25px;
 }
 /*  popup************************************/
 
 /* moodalbox CSS */

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
}

div#mb_center {
background-color: #FFF;
}

div#mb_contents {
width: 400px;
height: 400px;
border: 1px solid #FF9900 ;
overflow: auto;
background-color: #FFF;
visibility: hidden;
}

.mb_loading {
background: #DDD   no-repeat center center;
}
#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}

#mb_error em {
font-size: 0.8em;
}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
/*border: 10px solid #DDD;*/
border-top-style: none;
}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
/*background: transparent  url(../images/closelabel.gif) no-repeat center;*/
margin: 5px 0;
}

div#mb_caption {
margin-right: 71px;
}