@charset "utf-8";
/*///////////////// STYLES GÉNÉRAUX ///////////////*/
body {
	background:url(../medias/interface/communs/fond.jpg) top center repeat-x #163d5b;
	color:#5b5a5a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
h1{ 
	color:#4396d9;	
	font-size:18px;
	font-weight:normal;	
	line-height:19px;
	margin:0px;	
}
h1 img{ display:inline; }
h2{ 
	color:#4396d9;	
	font-size:18px;
	font-weight:normal;
	line-height:19px;
	margin:0px;	
}
h2 .h2_partie_grise{ color:#5b5a5a; }

fieldset{ 
	border:none;
	padding:0px;
	margin:0px;
}

div.clear,
br.clear {
	clear:both;	
	height:0;
	width:100%;
}

#spacer{ 
	clear:both; 
	height:40px;
}

img,
form {
	border:0;
	display:block;
	margin:0;
	padding:0;	
}
img.img_align_center{
	margin:auto;
}

a:link, a:active, a:visited { 
	color:#3E91D7; 
	text-decoration:none;
}
a:hover { 
	color:#2671af; 
	text-decoration:underline;
}

p{ margin:10px 0px; }

#conteneur {
	background:#ffffff;
	margin-left:auto;
	margin-right:auto;	
	padding:0px;
	width:850px;	
}

#contenu {
	clear:both;
	margin-left:34px;
	width:790px;
}

#bandeau{
	margin-bottom:22px;
}

#bandeau img{
	display:inline;
	float:left;
}

.col_1-2{
	float:left;	
	width:395px;
}

.col_1-3{
	float:left;	
	width:270px;
}

.col_2-3{
	clear:right;
	float:left;
	width:480px;		
}

.col_2-3_content{
	padding : 10px 0 0 35px;
}



form input,
form select, 
form textarea{ 
	border:1px solid #b8b8b8; 
	color:#5b5a5a;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
form input,
form textarea{
	padding:1px 5px 1px 5px;
	overflow:hidden;
}

form input.noBorder {
	border:0;
}


table.table_produits {
	width:100%;
	border:1px solid #919ca5;
	margin:5px 0 10px 0;
}

table.table_produits th {
	background-color:#4396d9;
	border-bottom:1px solid #919ca5;
	color:#ffffff;
	text-align:left;
	text-transform:uppercase;
}

table.table_produits tr.alternatif {
	background-color:#d9eaf7;
}

table.table_produits td.table_cat {
	font-weight:bold;
	padding-left:4px;
}

/*///////////////// STYLES GÉNÉRAUX - MENU PRINCIPAL ///////////////*/
#conteneur #menu_principal {
	margin: 0px 0px 18px 34px;
	padding-top:38px;
	width:790px;
}
#menu_principal #logo_haut{ float:left; }

#menu_principal #menu_droit{ float:right; }

#menu_principal #menu_droit a#lien_contact{ color:#788489; }

#menu_principal #menu_droit .chromestyle {
	border-top:1px solid #d6d6d6;
	float:right;
	padding-top:8px;
}

#menu_principal #menu_droit .chromestyle a {
	float:left;
}
#menu_principal #menu_droit .chromestyle div{
	float:left;
	font-size:14px;	
	display:inline;
	color:#c5c5c5;
	position:relative;
	top:-1px;
}

#menu_principal #menu_droit #menu_langue {
	color:#788489;
	margin-top:67px;
	padding-bottom:8px;
	text-align:right;	
}

#menu_principal #menu_droit #menu_langue a {
	margin:0 4px;
	text-decoration:none;	
}

#menu_principal #menu_droit #menu_langue a:hover { color:#3e91d7; }

#menu_principal #menu_droit #menu_langue a.selected { color:#3e91d7; }

#menu_principal #menu_droit #menu_langue form#fLangue {
	color:#788489;
	float:right;
	margin-left:4px;	
}
		
form#fLangue label#lbl_langue {
	color:#788489;
	font-size:11px;	
	margin-left:3px;
}

form#fLangue select#langue {
	border:1px solid #a0a0a0;
	color:#757575;
	font-size:10px;
	width:68px;	
}

form#fLangue label#lbl_langue, 
form#fLangue select#langue { margin-top:-2px; }

ul.menu_secondaire{	
	font-size:12px;
	list-style-type:none;
	padding:0px;
	margin:5px 0px 22px 0px;
}

ul.menu_secondaire li{
	border-bottom:1px solid #dedede;
	width:240px;
}

ul.menu_secondaire a{
	color:#5b5a5a;
	text-decoration:none;
	display:block;
	width:236px;
	padding:6px 4px;
	background:url(../medias/interface/communs/btn_menusecondaire_fond_up.gif) no-repeat top right #ffffff;
}

ul.menu_secondaire a:hover{
	color:#2671af; 
	text-decoration:underline;
}	
ul.menu_secondaire a.selected{
	color:#fff;
	background:url(../medias/interface/communs/btn_menusecondaire_fond_over.gif) no-repeat top right #3e91d7;
}

.chromestyle{
width: 99%;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
margin:0; padding:0;
}


.chromestyle ul li{
display: inline;
float:left;
}



/* DROPDOWN MENU */
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	border:1px solid #dedede;
	line-height:18px;
	z-index:100;
	background-color:#ffffff;
	width: 187px;
	visibility: hidden;
	padding:4px 0;
}

.dropmenudiv ul,
.dropmenudiv li {
	margin:0;
	padding:0;
	list-style-type:upper-roman;
}

.dropmenudiv li {
	float:left;
	width:180px;
	display:inline;
}

.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 8px;
	text-align:left;
	border-bottom: 1px solid #d6d6d6; /*THEME CHANGE HERE*/
	padding: 4px 0;
	text-decoration:none;
	color: #5b5a5a;
	height:17px;
	background-color:#ffffff;
	margin:0 4px;
}

.dropmenudiv a:hover{
	background-color:#3e91d7;
	color:#ffffff;
}

.dropmenudiv a span{
	font-weight:normal;
}

* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
}


/*///////////////// STYLES GÉNÉRAUX - MENU BAS ///////////////*/
#menu_bas {
	padding:20px 14px 40px 14px;
	width:822px;
	margin: auto;
}

#menu_bas img#logo_bas,  
#menu_bas img.separateur { float:left; }

#menu_bas img#fleche_haut {
	float:left;
	margin-left:14px;
	margin-top:8px;	
}
#menu_bas #menu_contact {
	color:#3392cb;
	float:left;
	margin-left:14px;
	position:relative;
	top:-3px;	
}
#menu_bas #menu_contact span.turquoise { color:#ffffff;	}
#menu_bas #menu_liens {
	color:#3392cb;		
	float:left;
	margin:9px 0px 14px 14px;	
}
#menu_bas #menu_liens a {
	color:#3392cb;
	margin:0px 4px;	
	text-decoration:none;		
}
#menu_bas #menu_liens a:hover { color:#ffffff; }

/*///////////////// PAGE INDEX ///////////////*/
td.logo_cert {
	padding-top:5px;
	width:55px;
	border-bottom:1px solid #dedede;
}

td.titre_cert {
	padding-left:22px;
	border-bottom:1px solid #dedede;
}

/*///////////////// PAGE SOUMISSION ///////////////*/
#soumission{ clear:both; }
#soumission #spacer{ height:50px; }

#soumission .col_1-3{ width:273px; }

#soumission h2.h2_marge_bas{ margin-bottom:15px; }

.note_champs_obligatoires{
	color:#aeaeae;
	margin:0px 0px 15px 0px;
}
table.etape_form{
	background:url(../medias/interface/soumission/bkg_degrade.jpg) repeat-x bottom;
	border-bottom:1px solid #dedede;	
	margin:0px 0px 20px 0;
	padding:10px 0px 15px 15px;
	text-align:left;
	width:480px;
}

#bloc_envoi{
	
}
#bloc_envoi p{
	border-right:1px solid #dedede;
	float:left;
	padding:5px 20px;
	width:290px;
}

form#fSoumission label{
	display:block;
	width:130px;
	position:relative;
	top:-2px;
}

#bloc_envoi input{
	margin:23px 0px 0px 15px;
	border:none;
}
.col_1-3 #consigne_form{
	border-right: 1px solid #dedede;
	padding:10px 8px 0px 0px;	
}
.col_1-3 #consigne_form p img{
	float:left;
	margin-right:5px;
}

.col_1-3 #consigne_form .infos_contact{
	font-size:13px;
	line-height:17px;	
}
#soumission table.etape_form .champ_infos_additionnelles{ width:175px; height:100px; overflow:auto; }
table.etape_form tr{ line-height:23px; }
select { font-size:11px; }

table.etape_form td{ vertical-align:top; }
label{ width:300px;	}
span.champs_obligatoire{ color:#ff0000; }

/*///////////////// PAGE CONTACT ///////////////*/
#contact .col_1-3{ width:273px; }
#contact #box_representants{
	border-top:1px solid #dedede;
	margin-top:20px;
	padding-top:18px;	
	width:240px;
}

#contact a img{	float:left; }

/*///////////////// PAGE PRODUITS ///////////////*/
#produits #contenu{
	font-size:12px;
}
ul.menu_deroulant{
	list-style:none;
	padding:0;
	margin:0;
}

div.div_menu_deroulant{
	width:100%;
	border-bottom:1px solid #cee3f0;
	padding:5px 0px 5px 0;
	background: url(../medias/interface/produits/img_fleche_produits.gif) right no-repeat;
}

a.btn_menu_deroulant{
	color:#2181bb;
	text-decoration:none;
}


input.champsCache{ display:none; }

img.img_border {
	border: solid 1px #999999;
	margin: 15px 0px 10px 35px;
}
.parag_avec_img{
	width:345px;
	float:left;
	margin:15px 0px 0px 5px;
}
.parag_fibre{
	width:200px;
	float:left;
	margin:10px 0px 0px 0px;
}
.parag_protecteur{
	width:345px;
	float:left;
	margin:0px 0px 0px 5px;
}
.float_left{
	float:left;
	margin-top:5px;
}

/*///////////////// PAGE CARRIERES //////////////////////*/

#carriere #fiche_metier{
	font-size:12px;
}

/*
#carriere #fiche_metier ul{
	padding:0px;
	list-style:inside;
	margin:-6px 0px 0px 0px;
}*/

#carriere #spacer{
	height:80px;
}

/*///////////////// PAGE PRESENTATION //////////////////////*/
#presentation p{
	font-size:	12px;
	line-height:17px;
	margin: 	12px 0;
}

#presentation div.col_1-3{
	border-right:1px solid #DEDEDE;
	width:250px;
	margin-right:20px;
}

/*///////////////// CONFIRMATION FORMULAIRES //////////////////////*/
div.confirmation{
	background-color:#f2f8e8;
	border: 1px solid #bede92;
	padding: 5px 15px 5px 15px;
	margin: 0 0 20px 0;
	color:#678047;
	font-size:11px;
	
}

div.confirmation img{
	float:left;
}

div.confirmation p{
	float:left;
	margin-left:15px;
}

/*///////////////// PAGE R&D //////////////////////*/
#rd p{
	font-size:12px;
}
#rd div.col_1-3{
	border-right:1px solid #DEDEDE;
	width:271px;
	margin-right:20px;
}

#rd div.col_2-3 p.bloc_info{
	border-bottom:1px solid #DEDEDE;
	padding-bottom:18px;
	margin-bottom:10px;
	width:465px;
}

#rd #chapeau{	
	border-bottom:1px solid #DEDEDE;
	color:#4396d9;	
	font-size:18px;
	font-weight:normal;	
	line-height:19px;
	padding-bottom : 25px;
	margin-bottom: 25px;
}

#rd #box_flash_sept_seg{
	margin-left:35px;
}
#rd #box_flash_sept_seg .notice_flash{
	font-size:10px;
	margin-bottom:10px;
}