@charset "utf-8";
/* CSS Document */
ol
{
	margin-bottom:0px;
	margin-top:0px;
	margin-left:20px;
}
li
{

	margin-left:20px;
}
/* Page */ 
html { 
  font-size: 100%; } 

body { 
	padding:0px;   
	margin: 0px; 
	font-family: Arial, Helvetica, FreeSans, sans-serif;    
	font-size: 12px;   
	line-height: 1.4;   
	color: #1b1b1b;  
	background-image:url(img/_ww/background/fond.jpg); 
	background-repeat:repeat-x;
}  



#header {
	position: absolute;
	width:965px;
	height:100px;
	left:0px;
	top:0px;
	}

.flash_1 {
	
	z-index:9999;
	position:absolute;
	top:120px;
	}


.input
{
	border: 1;
	background-image:url(img/_ww/background/input/fond.jpg);
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	border-color: #900;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	width: 150px;
	color: #FF9900;
}

.input_grand
{
	border: 1;
	background-image:url(img/_ww/background/input/fond.jpg);
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	border-color: #900;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	width: 395px;
	color: #FF9900;
}

.input_grand_1
{
	border: 1;
	background-color: #EEE;
	border-color: #CCC;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #444;
	margin-top:5px;
	margin-bottom:5px;

	width: 395px;

}
.input_grand_2
{

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	background-color:#EEE;
	color: #444;
	margin-top:5px;
	margin-bottom:5px;
	width: 470px;
}

#global_div { margin-left: auto; margin-right: auto; width: 975px; position:relative; background-color:#FFF; height:710px;} 
#global_div1 { margin-left: auto; margin-right: auto; width: 975px; position:relative; background-color:#FFF; height:980px;} 
#global_div2 { margin-left: auto; margin-right: auto; width: 975px; position:relative; background-color:#FFF; height:950px;} 
#nav {background-image: url(img/_ww/background/nav.jpg); background-repeat:no-repeat; width: 975px; height:70px}
#centre {
	position: absolute;
	width:918px;
	height:430px;
	text-decoration:none;
	padding-left:57px;
	background-image:url(img/_ww/background/centre_planette.jpg);
	background-repeat:no-repeat;
	left:0px;
	top:139px;
	background-color:#FFF
}
#centre_1 {position: absolute; width:918px; height:430px; text-decoration:none; padding-left:57px;F left:0px; top:200px; background-color:#FFF}
#centre a.rouge  { font-weight:bold; color:#900; text-decoration:none }
#centre a.rouge:hover {text-decoration:underline }

#flash {
	position:absolute;
	z-index:200;
	left: 1px;
	top: 268px;
	width: 965px;
	}


#boite_1 {
	position:absolute;
	left: 26px;
	top: 541px;
	height: 126px;
	
}

#boite_1 .texte {
	font-size:11px;
	color:#333;
	vertical-align:text-top;
	padding-left:15px;
		
}


#boite_2 {
	position:absolute;
	left: 677px;
	top: 371px;
	height: 353px;
	width:280px;

}

.tagg_rouge_01 {
	font-size:20px;
	color:#930;
	font-weight:bold;
		line-height:20px;
}
.tagg_rouge_01_petit {
	font-size:14px;
	color:#930;	line-height:20px;
}
.tagg_rouge_02 {
	font-size:20px;
	color:#C00;
	font-weight:bold;	line-height:20px;
}

.tagg_rouge_02_petit  {
	font-size:13px;
	color:#C00;
	font-weight:bold;	line-height:20px;
}


.tagg_gris_01 {
	font-size:20px;
	color:#8d8a8d;
	font-weight:bold;	line-height:20px;
}
.tagg_gris_01_petit {
	font-size:14px;
	color:#8d8a8d;	line-height:20px;
}
.tagg_gris_02 {
	font-size:20px;
	color:#565256;
	font-weight:bold;	line-height:20px;
}

.tagg_gris_02_petit  {
	font-size:13px;
	color:#565256;
	font-weight:bold;	line-height:20px;
}

#boite_3 {
	position:absolute;
	left: 677px;
	top: 126px;
}
#boite_4 {
	position:absolute;
	left: 356px;
	top: 541px;
	height: 126px;
}

#boite_4 .texte {
	font-size:11px;
	color:#333;
	vertical-align:text-top;
	padding-left:15px;
		
}


#TITRE_GRIS_1 {
	position:absolute;
	left: 26px;
	top: 270px;
	width: 605px;
	font-style:normal;
	color:#696969 ;
	font-size:14px;
	line-height:18px;
	text-align:justify;
}


#Fenetre_03 {
	position:absolute;
	left: 443px;
	top: 371px;
	width: 188px;
	height: 153px;
	background-image:url(img/_ww/home/fenetre_03.jpg);
	background-repeat:no-repeat;
 	font-weight:bold;
	line-height : 12px
}
#Fenetre_03_ON {
	position:absolute;
	left: 425px;
	top: 357px;
	width: 224px;
	height: 183px;
	background-image:url(img/_ww/home/fenetre_03_ON.jpg);
	background-repeat:no-repeat;
 	font-weight:bold;
	line-height : 12px
}

#Fenetre_TEXTE {
	position:absolute;
	left: 443px;
	top: 366px;
	width: 188px;
	height: 153px;
	background-image:url(img/_ww/home/fenetre_03.jpg);
	background-repeat:no-repeat;
 	font-weight:bold;
	line-height : 12px
}


.soulignement {
	background-image:url(img/_ww/background/soustitre.jpg);
	background-repeat:repeat-x;
	height:18px;
	font-weight: bold;
}


.box {	 font-size: 12px;}

.box .leftup 
{
	background-image: url(img/_ww/box/left_up.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 3px;
}

.box .up 
{ color:#b11638;
font-weight:bold;
text-align:center;
	background-image: url(img/_ww/box/up.png);
	background-repeat: repeat-x;
	height: 24px;
	width: 255px;
	padding-left:15px
}

.box .up a
{ color:#b11638;
font-weight:bold;
text-align:center;
	height: 24px;
	width: 255px;
	padding-left:15px;
	text-decoration:none;
}

.box .up a:hover
{ color:#b11638;
font-weight:bold;
text-align:center;
	height: 24px;
	width: 255px;
	padding-left:15px;
	text-decoration:underline;
}


.box .rightup
{
	background-image: url(img/_ww/box/right_up.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 3px;
}

.box .left
{
	background-image: url(img/_ww/box/left.png);
	background-repeat: repeat-y;
	height: 100%;
	width: 3px;
}

.box .middle
{
	background-image: url(img/_ww/box/background.png);
	background-repeat: repeat-x;
	background-color:#FFF;
	height: 100%;
	width: 255px;
	padding-left:15px;
	padding-top:15px;
	padding-bottom: 15px;
	
}

.box .middle_box
{
	background-image: url(img/_ww/box/background.png);
	background-repeat: repeat-x;
	background-color:#FFF;
	width:225px;
	height: 100%;
	padding-top:4px;
	padding-bottom: 2px;
	line-height: 15px;
	color: #1b1b1b; 
	padding-left:8px;
	padding-right:8px
	
}

.box .middle_box1
{
	background-color:#FFF;
	width:225px;
	height: 20px;
	padding-top:4px;
	padding-bottom: 2px;
	color: #1b1b1b; 
	padding-left:15px;
	padding-right:5px
	
}

.box .middle_box1 .input

{
	border: 1;
	background-color: #EEE;
	border-color: #CCC;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	width: 100px;
	color: #444;
	margin-top:5px;
	margin-bottom:5px;
}

.box .middle_box1 .input_1

{
	font-size: 12px;
	background-color:#EEE;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	width: 150px;
	color: #444;
	margin-top:5px;
	margin-bottom:5px;
}

.box .middle_box1 .input_grand

{
	border: 1;
	background-color: #EEE;
	border-color: #CCC;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	width: 390px;
	color: #444;
	margin-top:5px;
	margin-bottom:5px;
}

.ligne {
	text-align:right;
	padding-right:10px;
	
	
	
	}

.titrebox 
{
	width:590px;
	background-color:#CCC;
	color:#333;
	font-size:12px;
	height:20px;
	padding-left:50px;
	vertical-align:middle;
	font-weight:bold;
	text-transform: capitalize;
}

.titre_formulaire {
	background-color:#FFF;
	color:#900;
	font-size:12px;
	text-align:left;
	padding-left:20px;
	height: 20px;
	text-transform: uppercase;
	vertical-align: bottom;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #C0C0C0;
	border-bottom-color: #900;
	}


.box .right
{
	background-image: url(img/_ww/box/right.png);
	background-repeat: repeat-y;
	height: 100%;
	width: 3px;
}



.box .leftdown
{
	background-image: url(img/_ww/box/down_left.png);
	background-repeat: no-repeat;
	height: 3px;
	width: 3px;
}

.box .down 
{
	background-image: url(img/_ww/box/down.png);
	background-repeat: repeat-x;
	height: 3px;
	width: 255px;
}

.box .rightdown
{
	background-image: url(img/_ww/box/down_right.png);
	background-repeat: no-repeat;
	height: 3px;
	width: 3px;
}



.box .input
{
	border: 1;
	background-color: #FFFFFF;
	border-color: #cccccc;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	width: 100px;
	color: #666666;
	margin-top:5px;
	margin-bottom:20px
}



.box1 {	 font-size: 12px;}

.box1 .leftup 
{
	background-image: url(img/_ww/box/left_up1.png);
	background-repeat: no-repeat;
	height: 3px;
	width: 3px;
}

.box1 .up 
{ 
	background-image: url(img/_ww/box/up1.png);
	background-repeat: repeat-x;
	height: 3px;
	width: 255px;
}

.box1 .rightup
{
	background-image: url(img/_ww/box/right_up1.png);
	background-repeat: no-repeat;
	height: 3px;
	width: 3px;
}

.box1 .left
{
	background-image: url(img/_ww/box/left.png);
	background-repeat: repeat-y;
	height: 100%;
	width: 3px;
}

.box1 .middle
{
	background-image: url(img/_ww/box/centre1.png);
	background-repeat: repeat-x;
	background-color:#FFF;
	height: 100%;
	width: 255px;
	text-align:center;

	
}

.box1 .middle_box
{
	background-image: url(img/_ww/box/centre1.png);
	background-repeat: repeat-x;
	background-color:#FFF;

	height: 100%;
	padding-top:4px;
	padding-bottom: 2px;
	line-height: 15px;
	color: #1b1b1b; 
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}



.box1 .right
{
	background-image: url(img/_ww/box/right.png);
	background-repeat: repeat-y;
	height: 100%;
	width: 3px;
}



.box1 .leftdown
{
	background-image: url(img/_ww/box/down_left.png);
	background-repeat: no-repeat;
	height: 3px;
	width: 3px;
}

.box1 .down 
{
	background-image: url(img/_ww/box/down.png);
	background-repeat: repeat-x;
	height: 3px;
	width: 255px;
}

.box1 .rightdown
{
	background-image: url(img/_ww/box/down_right.png);
	background-repeat: no-repeat;
	height: 3px;
	width: 3px;
}



.box1 .input
{
	border: 1;
	background-color: #FFFFFF;
	border-color: #cccccc;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	width: 235px;
	color: #666666;
	margin-top:5px;
	margin-bottom:20px
}



.texte_news {
	font-size: 11px;   
	line-height: 1.4;   
	color: #666;  
	
	}
.texte_news_titre {
	font-size: 11px;   
	line-height: 1.4;   
	color: #933;  
	
	}

.texte { color:#1b1b1b;  }
.texte a { color:#666 !important; text-decoration:none; }
.texte a:hover  { color:#666; text-decoration:underline; }

.news { color:#1b1b1b; 	line-height: 15px;}
.news a { color:#666 !important; text-decoration:none; }
.news a:hover  { color:#666; text-decoration:underline; }


.box .separateur_box { width:1px; background-color:#e5e5e5}




#div_flash {
	position:absolute;
	left: 26px;
	top: 126px;
	width: 602px;
	height: 135px;
}


.flash { font-size:20px;
		 color:#FFF;
		 font-weight:bold;
		 text-align:center
}


.flashnormal { font-size:16px;
		 color:#FFF;
		 font-weight:bold;
		 		 text-align:center
}
/* Titres */ 
h1, h2, h3, h4, h5, h6 {   margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */   line-height: 1.2;   font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; } 
h1 {   font-size: 1.75em; } 
h2 {   font-size: 1.5em; } 
h3 {   font-size: 1.25em; } 
h4 {   font-size: 1em; } 
 
/* Listes */ 

td.carrieremail {
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}

td.carrieremail a {
	color: blue !important;
}

/* Paragraphes */ 
p {   margin: .15px 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address {   margin: .75em 0;   font-style: normal;} 
 
/* Liens */ a {   text-decoration: underline; color:#82756b} 
a:link {   color: #11C; } 
a:visited {   color: #339;} 
a:hover, a:focus, a:active {   color: #00F; } 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active {   outline: none; } 
/* Pas de bordure autour des images dans les liens */ 
a img {   border: none; } 
 
/* Divers éléments de type en-ligne (8) */ 
em {   font-style: italic; } 
strong {   font-weight: bold; } 
 
/* Formulaires */ 
form, fieldset {   margin: 0;   padding: 0;  border: none; } 
input, button, select {   vertical-align: middle; /* Solution pb. d'alignement. (9) */ }





#citation_vierge { position:absolute; left:26px; top:145px; width:925; height:95px; background-image:url(img/_ww/background/citation_vierge.jpg); background-repeat:no-repeat}
#citation { position:absolute; left:26px; top:145px; width:925; height:95px; background-image:url(img/_ww/background/citation.jpg); background-repeat:no-repeat}
#citation .texte {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold; font-style:italic; color: #FFF; text-align:center; vertical-align:top; padding-top:20px}


#titre {position:absolute; left:286px; top:270px; height:33px; width:665px; background-image:url(img/_ww/background/titre.jpg); background-repeat:no-repeat; font-size:16px; font-weight:bold; color:#666; text-align:center; padding-top:5px}

#corps {
	position:absolute;
	left:288px;
	width:665px;
	color:#333;
	top:310px;
	height: 215px;
	text-align:justify;
}


#corps1 {
	position:absolute;
	left:286px;
	width:685px;
	color:#333;
	top:310px;
	height: 700px;
	text-align:justify;
}



#corps2 {
	position:absolute;
	left:288px;
	width:665px;
	color:#333;
	top:310px;
	text-align:justify;
}

div#banner
{
	position:absolute;
	left:288px;
	width:665px;
	color:#333;
	top:620px;
	text-align:justify;
}
	
input.submit {
background-color:transparent;
background-image:url(img/_ww/picto/bt_gris.png);
background-position:center center;
background-repeat:no-repeat;
border:0 solid #FFFFFF;
cursor:pointer;
height:33px;
vertical-align:middle;
width:150px;
}
	
/* ------------------------------------------------------------------------------------
PHOTOS Chapitre
------------------------------------------------------------------------------------ */
#photo_vgscore {position:absolute; left:26px; top:270px; height:378px; width:213px; background-image:url(img/_ww/background/photo_vgscore2.jpg); background-repeat:no-repeat}
#photo_expertise {position:absolute; left:26px; top:270px; height:378px; width:213px; background-image:url(img/_ww/background/photo_expertise.jpg); background-repeat:no-repeat}
#photo_produit_compliance {position:absolute; left:26px; top:270px; height:378px; width:213px;}
#photo_vgcheck {position:absolute; left:26px; top:270px; height:378px; width:213px; background-image: url(img/_ww/background/photo_produit_vgchek.jpg); background-repeat:no-repeat}
#photo_vgscan {position:absolute; left:26px; top:270px; height:378px; width:213px; background-image: url(img/_ww/background/photo_produit_vgscan.jpg); background-repeat:no-repeat}
#photo_carriere {position:absolute; left:40px; top:340px; height:378px; width:213px; background-image: url(img/_ww/background/photo_carriere.jpg); background-repeat:no-repeat}
#photo_liens {position:absolute; left:26px; top:270px; height:378px; width:213px; background-image: url(img/_ww/background/photo_lien.jpg); background-repeat:no-repeat}
#photo_liens_1 {position:absolute; left:26px; top:270px; height:378px; width:213px; background-image: url(img/_ww/background/photo_lien1.jpg); background-repeat:no-repeat}
#photo_contact {position:absolute; left:26px; top:270px; height:378px; width:213px; background-image: url(img/_ww/background/photo_immeuble.jpg); background-repeat:no-repeat}
#photo_boite_1 {position:absolute; left:26px; top:270px; height:378px; width:213px; background-image: url(img/_ww/background/photo_boite_1.jpg); background-repeat:no-repeat}
#photo_boite_2 {position:absolute; left:26px; top:270px; height:378px; width:213px; background-image: url(img/_ww/background/photo_boite_2.jpg); background-repeat:no-repeat}
#photo_boite_3 {position:absolute; left:26px; top:270px; height:378px; width:213px; background-image: url(img/_ww/background/photo_boite_3.jpg); background-repeat:no-repeat}
#photo_evaluation {position:absolute; left:26px; top:270px; height:378px; width:213px; background-image: url(img/_ww/background/photo_evaluation_risque.jpg); background-repeat:no-repeat}
/* ------------------------------------------------------------------------------------
LISTE
------------------------------------------------------------------------------------ */
#corps ul, #corps2 ul  {
	/*font-weight:bold;*/
	list-style-type: circle;
	list-style-image: url(img/_ww/picto/puce1.jpg);
	font-size:13px;
	color:#666;
	line-height:17px;
	margin: 0 0 0 0;

} 
#corps ol li, #corps2 ol li {list-style-type: circle; list-style-image: url(img/_ww/picto/puce2.jpg);line-height:15px; font-size:12px; margin-left:10px; font-style:normal; font-stretch:normal; font-weight:normal; padding-bottom:2px; padding-top:2px; margin: 0 0 0 0; } 

.liste_2 ul  {
	list-style-type: circle;
	list-style-image: url(img/_ww/picto/puce1.jpg);
	font-size:13px;
	line-height:normal;
	color:#666;
	margin: 0 0 0 0;



} 

.liste_2 li  {
	list-style-type: circle;
	list-style-image: url(img/_ww/picto/puce1.jpg);
	font-size:13px;
	line-height:normal;
	color:#666;
	font-style:normal ;
		padding-bottom:2px;
		padding-top:2px;
  font-weight:normal
} 

#corps a, #corps2 a {color:#666; text-decoration:none;}
#corps a:hover, #corps2 a:hover {color:#666; text-decoration:underline}

.liste_2 ol li {
	list-style-type: circle;
	list-style-image: url(img/_ww/picto/puce1.jpg);
	font-size:13px;
	line-height:normal;
	color:#666;
		padding-bottom:2px;
		padding-top:2px;
	font-style:normal ;
} 

.rouge {color:#900}
#text_blanc {position:absolute; width:975px; height:70px; top: 110px;font-family: Verdana, Geneva, sans-serif;font-size: 9px;color: #999999; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; background-image:url(img/_ww/background/nav.jpg); background-repeat:no-repeat;  }
#text_blanc .espace {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#900; vertical-align: middle}
#text_blanc .espace a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#900; text-decoration:none ; vertical-align: middle}
#text_blanc .espace a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#900; text-decoration:underline ; vertical-align: middle}


				
/*********************************
 *        Fil d'Ariane          *
 *********************************/ 
 /* Fil d'ariane */
#Fil { position:absolute;width:500px;height:18px ;top: 118px;left: 26px;font-family: Verdana, Geneva, sans-serif;font-size: 10px; color: #b1b1b1 !important; }
#Fil a  {font-family: Verdana, Geneva, sans-serif;font-size: 10px;color:#999999;text-decoration: none}
#Fil a:hover  {font-family: Verdana, Geneva, sans-serif;font-size: 10px;color:#999999; text-decoration:underline}


/*********************************
 *       Connexion          *
 *********************************/ 
 /* Connexion */
#connexion { position:absolute;width:300px;height:30px ;top: 180px;left: 650px;font-family: Verdana, Geneva, sans-serif;font-size: 11px; color: #b1b1b1 !important; vertical-align:middle }



/*********************************
 *             Haider            *
 *********************************/ 
 /* Haider */ 
#haider
 { 	position:relative; width:975px;height:110px; top: 0px;left: 0px;}

 /*********************************
 *             Nav            *
 *********************************/ 
 /* Nav 




/*********************************
 *             Footer            *
 *********************************/ 
 /* Footer */
#footer {
	position: absolute;
	background-image: url(img/_ww/background/footer.jpg);
	background-repeat:no-repeat;
	width: 975px;
	height:45px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	top:680px;
	z-index:5;
	left: 0px;
}
#footer1 {
	position: absolute;
	background-image: url(img/_ww/background/footer.jpg);
	background-repeat:no-repeat;
	width: 975px;
	height:45px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	top:900px;
	z-index:5;
	left: 0px;
}


#footer2 {
	position: absolute;
	background-image: url(img/_ww/background/footer.jpg);
	background-repeat:no-repeat;
	width: 975px;
	height:45px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	top:950px;
	z-index:5;
	left: 0px;
}

#footer3 {
	position: absolute;
	background-image: url(img/_ww/background/footer.jpg);
	background-repeat:no-repeat;
	width: 975px;
	height:45px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	top:950px;
	z-index:5;
	left: 0px;
}

p.parcours
{
	font-size: 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align: justify;
	color: black;
}

#footer4 {
	position: relative;
	background-image: url(img/_ww/background/footer.jpg);
	background-repeat:no-repeat;
	width: 975px;
	height:45px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	z-index:5;
	left: 0px;
}

#corps3 {
	margin: 10px 20px 0 20px;
	color:#333;
	text-align:justify;
}

#corps3 ul {
	margin: 5px 0 5px 0;
}