@charset "UTF-8";
/* CSS Document */

/**********************************/
/***********Tags généraux**********/
/**********************************/
a {color: #000;}
a:link {color: #000;}
a:visited {color: #000;}
a:focus {color: #666;}
a:hover {color: #666;}
a:active {color: #000;}


html, body {
	background-color: #666;
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	scrollbar-face-color:#dedede;
	scrollbar-arrow-color:#fff;
	scrollbar-track-color: #dedede;
	scrollbar-3dlight-color: #eaeaea;
	scrollbar-darkshadow-color: #dadada;
}
form {
	margin: 0;
	padding: 0;
}
#pageActu h2 {color: #FCF596;}
hr {
	margin: 15px 5px 20px 20px;
	border-top: 1px dotted #aaa;
}
img {
	border: 0px none #000;
}
li {
font-size: 11px;
margin: 5px 0;
}
p, div, h1, h2, h3, h4, h5, h6, td, li, input, select, textarea, a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
	font-size: 11px;
	line-height: 16px;
	margin: 5px 0 10px 0;
	padding: 0;
	font-weight: normal;
}
select { font-size: 12px;}
#pageMerchandising p {
margin-left: 6px;
margin-bottom: 0;
padding-bottom: 6px;
width: 380px;
}
#pageMerchandising p#titreDeco  {width: auto;}
/**********************************/
/***********Conteneurs*************/
/**********************************/
#bdp {
	font-size: 10px;
	line-height: 17px;
	color: #333;
	text-align: center;
	border-top: 1px dotted #999;
	margin: 0;
	padding: 5px 0 7px 0;
	background-color: #ccc;
}
#pageAccueil #bdpGlobal { display: none;}
#bdp a:link, #bdp a:visited {
	color: #333;
	text-decoration: underline;
}
#bdp a:hover, #bdp a:active {
	color: #ccc;
	text-decoration: none;
}
#blocActu {
background: #176BA2;
margin: 0;
padding: 0;
width: 198px;
}
#blocActu p {
/*border: 1px solid red;*/
background: #176BA2 url(../images/commun/puceActu.gif) right top no-repeat;
line-height: 14px;
margin: 2px 3px 2px 0;
padding: 0 15px 0 0;
}
#blocAstuce p {
line-height: 14px;
margin: 0 3px;
}
#blocActu a, #blocAstuce a {
color: #FFF;
text-decoration: none;
}
#blocActu a:hover, #blocAstuce a:hover {
color: #CCC;
}
#blocActu p, #blocAstuce p {
color: #FFF;
text-align: right;
}
#blocDroiteAccueil {
background: #176BA2 url(../images/commun/bg-ampoule.gif) left bottom no-repeat;
height: 516px;
left: 778px;
margin: 0 0 0 4px;
position: absolute;
top: 64px;
width: 198px;
}
#blocGauche {
float: left;
width: 390px;
}
#flashActu {
left: 778px;
margin: 0;
padding: 0;
position: absolute;
top: 64px;
z-index: 2;
}
#flashIntro {
left: 240px;
position: absolute;
top: 132px;
}
#global {
	position: relative;
	width: 990px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: transparent url(../images/commun/fond_repeat.jpg) left top repeat-y;
}
#imgActu { }

#cadre {
background: #CCC;
border: 1px solid #000;
margin: 0;
padding: 15px 0 0 10px;
}
#pageMerchandising #cadre,
#pageConseil #cadre,
#pageEntreprise #cadre,
#pageReseau #cadre {padding: 0;}

#cadre2 {
background: #CCC;/*676767*/
border: 4px solid #CCC;
height: 429px;
margin: 0;
padding: 4px;
}
html>body #cadre2 {
height: auto;
min-height: 429px;
}

#pageConseil #cadre2 {
background: #CCC;/*676767*/
}
#pageEntreprise #cadre2 {
background: #797641 url(../images/commun/bg-entreprise.jpg) left top no-repeat;
}

#pageReseau #cadre2 {
background: #124275 url(../images/commun/bg-reseau.jpg) left top no-repeat;
position: relative;
}
#pageContact #cadre2 {
height: 875px;
}
html>body #pageContact #cadre2 {
height: auto;
min-height: 875px;
}
#pageTelechargement #cadre2 {
height: 550px;
}
html>body #pageTelechargement #cadre2 {
height: auto;
min-height: 550px;
}
#contenuGlobal {
	width: 990px;
	margin: 0;
	padding: 0;
}
#contenuGlobalGauche {
	width: 242px;
	margin: 0;
	padding: 145px 0 0 0;
	vertical-align: top;
	text-align: left;
	background: url(../images/gb/nav_gauche.jpg) left top no-repeat;
}
#contenuGlobalGauche img {
	margin: 0 0 0 20px;
}

#contenuGlobalGauche ul {
	margin: 0 0 20px 10px;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
	text-align: left;
}
#contenuGlobalGauche li {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #fff;
}
#contenuGlobalGauche li a:link, #contenuGlobalGauche li a:visited {
	display: block;
	width: 215px;
	margin: 0;
	padding: 0 0 2px 15px;
	color: #fff;
	text-decoration: none;
}
#contenuGlobalGauche li a:hover, #contenuGlobalGauche li a:active {
	display: block;
	width: 215px;
	margin: 0;
	padding: 0 0 2px 15px;
	color: #fff;
	text-decoration: none;
	background-color: #666;
}
#contenuGlobalDroite {
	vertical-align: top;
	background-color: #ccc;
}
#pageAccueil #contenuGlobalDroite {
	background-color: transparent;
}
#navHautGlobal {
	position: relative;
	width: 748px;
	height: 126px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/commun/nav_haut_fond_int.jpg) left top no-repeat;
}

#pageAccueil #navHautGlobal {
background: transparent url(../images/commun/nav_haut_fond_accueil.jpg) left top no-repeat;
height: 580px;
}
#cheminAcces {
	position: absolute;
	top: 105px;
	left: 40px;	
	margin: 0;
	padding: 0;	
	font-size: 10px;
	color: #666;
	font-weight: bold;
}
#cheminAcces a:link, #cheminAcces a:visited {
	font-size: 10px;
	color: #666;
	text-decoration: underline;
	font-weight: normal;
}
#cheminAcces a:hover, #cheminAcces a:active {
	font-size: 10px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}
#contenuRedac {
/*border: 1px solid red;*/
	width: 730px;
	margin: 0 0 0 10px;
	padding: 0;
}

#contenuRedac h1 {
	font-size: 21px;
	line-height: 25px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: uppercase;
	text-align: left;
}
#contenuRedac h2 {
	font-size: 17px;
	line-height: 20px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: uppercase;
	text-align: left;
}
#pageActu #contenuRedac h2 {color: #186AA2;}
#contenuRedac h3 {
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: uppercase;
	text-align: left;
}
#contenuRedac h4 {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: uppercase;
	text-align: left;
}
#contenuRedac h5 {
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: uppercase;
	text-align: left;
}
#contenuRedac h6 {
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
#listeProduitsGlobal {
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: uppercase;
}
#listeProduitsGlobal td {
	vertical-align: top;
}
#ficheProduitsGlobal {
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}
#ficheProduitsGlobal td {
	vertical-align: top;
}
#ficheProduitsGlobal p {
	margin: 5px 0 10px 5px;
}
#produitsConnexes {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
#produitsConnexes a:link, #produitsConnexes a:visited {
	font-size: 10px;
	color: #666;
	text-decoration: underline;
	font-weight: normal;
}
#produitsConnexes a:hover, #produitsConnexes a:active {
	font-size: 10px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

#pageEntreprise {color:#FFF;}

#pageActu #titreDeco,
#pageConseil #titreDeco,
#pageMerchandising #titreDeco,
#pageEntreprise #titreDeco,
#pageReseau #titreDeco,
#pageContact #titreDeco,
#pageMentions #titreDeco,
#pageTelechargement  #titreDeco{
/*border: 1px solid green;*/
color: #888;
font-family: Verdana, sans-serif;
font-size: 50px;
font-weight: bold;
line-height: 50px;
margin: 0 0 10px 0;
padding: 0;
position: relative;
text-transform: uppercase;
}
#pageReseau #titreDeco {
color: #46618F;
padding: 5px 0 0 0;
}

#recherche {
	position: absolute;
	top: 27px;
	left: 607px;
	width: 128px;
	margin: 0;
	padding: 0;
}
#reseauContact {
height: 240px;
margin: 0 0 20px 0;
overflow: auto;
}
#reseauPays, #reseauFrance {
/*border: 1px solid red;*/
height: 260px;
padding: 40px 0 0 0;
position: absolute;
text-align: center;
width: 300px;
}

#reseauFrance {
left: 405px;
}
#reseauPays {
left: 13px;
}
#reseauPays p, #reseauFrance p {
color: #00182F;
font-weight: bold;
}
#reseauPays div, #reseauFrance div {
	/*border: 1px solid red;*/
bottom: 2px;
	left: 15px;
	position: absolute;
	text-align: center;
	width: 300px;
}

#titreDeco div {
/*border: 1px solid yellow;*/
color: #F1F941;
display: block;
font-size: 18px;
/*line-height: 18px;*/
left: 0;
margin: 2px 0 0 0;
padding: 0 0 0 6px;
position: absolute;
top: 0;
}

#pageReseau #titreDeco div {padding: 5px 0 0 0;}


/******************************************/
/***************** Contact ****************/
/******************************************/


form#formContact {
	margin: 0 0 0 70px;
	padding: 0;
	width: 530px;
	}		
fieldset {
	margin: 0;
	padding: 0;
	border: 1px none #000;
	}
	#contenuRedac fieldset h2 {
		margin: 0 0 15px 0;
		padding: 7px 0 2px 0;
		font-size: 14px;
		line-height: 18px;
		color: #777;
		font-weight: bold;
		border-bottom: 1px dotted #777;
		clear: both; 
		}
	fieldset p {
		margin: 0;
		padding: 0;
		clear: both;
		color: #000;
	}
	fieldset p.note1 {
		font-size: 11px;
		text-align: justify;
	}
	fieldset span {
		font-size: 12px;
	}
	fieldset label {
		font-size: 11px;
		line-height: 17px;
		float: left;
		width: 220px;
		margin: 0;
		padding: 7px 0;
		color: #000;
	}
	fieldset input, fieldset select, fieldset textarea {
		width: 300px;
		margin: 5px 0 5px 0;
		padding: 0;
		background-color: #fafafa;
		border: 1px solid #ccc;
		float: left;				
	}
	fieldset textarea {
			height: 100px;				
		}
	fieldset input.radio, fieldset input.checkbox {
		width: 20px;
		height: 20px;
		vertical-align: middle;
		background-color: transparent;
		border: 0px solid #eee;
		float: none;
	}
	fieldset input.btn {
		width: 100px;
		height: 25px;
		color: #f7e819;
		background: #186aa2;
		font-size: 16px;
		line-height: 22px;
		font-weight: bold;
		margin: 20px 0 20px 220px;
		text-transform: uppercase;
		cursor:pointer;		
	}
	fieldset input.btnCorriger {
		width: 200px;
		color: #c5230c;
		font-size: 16px;
		font-weight: bold;
		margin: 20px 0 10px 200px;
		
	}		

p#txtChampsObligatoires {
	margin: 5px 0 15px 0;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #000;	
	text-align: center;
}

table#cfWindow {
	width: 100%;
	}
	table#cfWindow tr td {
	padding: 5px;
	}
h3.sstitreContact {
		margin: 0;
		padding: 5px 0 5px 0;
		font-size: 13px;
		line-height: 25px;
		font-weight: normal;
		color: #174479;
		font-weight: bold;
		text-align: center;
	}	



/**********************************/
/***********Classes****************/
/**********************************/

.alignRight {
	text-align: right;
}
.asterisque {
	font-size: 16px;
	font-weight: bold;
	color: #f00;
}
.blocFond1 {
	margin: 0 0 10px 0;
	padding: 0;
}
.blocFond1 td {
	vertical-align: top;
}
.blocQuestionReponse {
/*border: 1px solid red;*/
float: left;
width: 292px;
}
.blocSchemaReponse {
float: left;
font-size: 0.7em;
margin: 3px 0 0 10px;
width: 395px;
}
table.blocSchemaReponse {
border-collapse: collapse;
}
table.blocSchemaReponse td {
vertical-align: top;
width: 33%;
}
#contenuRedac .blocQuestionReponse h2 {
background: transparent url(../images/commun/bg-conseil-question.gif) left top no-repeat;
color: #666;
font-size: 0.7em;
font-style: italic;
font-weight: bold;
height: 85px;
line-height: normal;
margin: 0;
padding: 8px 4px 0 64px;
text-transform: none;
}
#contenuRedac .blocQuestionReponse h2 strong {color: #000;}
.blocQuestionReponse .reponse {
background: #176BA2 url(../images/commun/bg-conseil-reponse.gif) left top repeat-y;
margin: 0;
padding: 0 0 10px 0;
}
.blocQuestionReponse .reponse p {
color: #FFF;
margin: 0;
padding: 0 0 0 15px;
}
.blocQuestionReponse .reponse p.solution {
color: #F1F941;
font-family: Verdana, sans-serif;
font-size: 1.1em;
font-weight: bold;
padding: 10px 0 10px 15px;
}
#contenuRedac h2.bold01 {
color: #186AA2;
font-size: 1.2em;
font-weight: bold;
}
.bord1H {
	background: transparent url(../images/commun/produits/bord1_h.gif) repeat-x left top;
}
.bord1D {
	background: transparent url(../images/commun/produits/bord1_d.gif) repeat-y left top;
}
.bord1B {
	background: transparent url(../images/commun/produits/bord1_b.gif) repeat-x left top;
}
.bord1G {
	background: transparent url(../images/commun/produits/bord1_g.gif) repeat-y left top;
}

#pageActu .date {
color: #666;
font-weight: bold;
}
.rechercheMateriaux {
	background-color: #fff;
	margin: 0 0 15px 0;
}
.rechercheMateriaux td {
	text-align: center;
	font-size: 10px;
}
.rechercheMateriaux td p {
	text-align: left;
	font-size: 10px;
	font-weight: bold;
}
.rechercheMateriaux td a:link img, .rechercheMateriaux td a:visited img {
	border: 2px solid #fff;
}
.rechercheMateriaux td a:hover img, .rechercheMateriaux td a:active img {
	border: 2px solid #14366a;
}
.rechercheMateriaux img {
border: none;
height: 40px;
margin: 2px;
width: 40px;
}
.btnOk {
	width: 26px;
	height: 18px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #14366a;
	margin: 0;
	padding: 0;
	border: 1px none #000;
}
.champRecherche {
	width: 100px;
	height: 16px;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	margin: 0;
	padding: 0;
	border: 1px solid #14366a;
}
.champ {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	margin: 0 0 5px 0;
	padding: 2px;
	border: 1px solid #000;
}
.clearBoth {
	clear: both;
}
.etapeRechercheTxt {
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	margin: 0 0 0 5px;
	padding: 0;
	text-transform: uppercase;
	text-align: left;
}
.alignCenter {
	text-align: center;
}
.floatLeft {
	float: left;
	margin: 0 0 0 10px;
}
.floatRight {
	float: right;
}
.gras {
	font-weight: bold;
}
.imgFloatRight {
float: right;
margin: 0;
}
.imgFloatLeft {
float: left;
margin: 0;
}
.txtCouleur1 {
	color: #174479;
}
.txtCouleur2 {
	color: #7f7f7f;
}
.fondCouleur1 {
	background-color: #fff;
}
.fondCouleur2 {
	background-color: #ccc;
}
.listeProduitsTech1 {
	font-size: 9px;
	background-color: #eaeaea;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
	margin: 0;
	padding: 0 3px;
	border-right: 2px solid #fff;
}
.produitsSlogan {
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	color: #7f7f7f;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.produitsAutresResultats {
	text-align: right;
	margin: 0;
	padding: 0;
}
.produitsAutresResultats {
	text-align: right;
	margin: 0;
	padding: 0;
}
.produitsAutresResultats a:link, .produitsAutresResultats a:visited {
	font-size: 12px;
	color: #174479;
	text-decoration: underline;
	font-weight: normal;
}
.produitsAutresResultats a:hover, .produitsAutresResultats a:active {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}
.produitsDescriptif1 {
	font-size: 9px;
	line-height: 13px;
	font-weight: bold;
	color: #000;
	margin: 0 0 0 5px;
	padding: 0;
	text-transform: uppercase;
}
.produitsDescriptif2 {
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	color: #000;
	margin: 0 0 5px 5px;
	padding: 0;
	text-transform: uppercase;
}
.produitsEntete1 {
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 8px 3px 0 3px;
	text-transform: uppercase;
	text-align: center;
	background-color: #666;
	border-right: 2px solid #ccc;
}
.produitsRef {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	margin: 0 0 0 5px;
	padding: 0;
	text-transform: uppercase;
}
.produitsAttacheType {
	vertical-align: middle;
}
.produitsAttacheType p {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
.produitsValeurs {
	font-size: 9px;
	line-height: 12px;
	font-weight: bold;
	margin: 0 0 10px 5px;
	padding: 0;
	text-transform: uppercase;
	background-color: #666;
}
.produitsValeurs th {
	text-align: center;
	vertical-align: top;
	color: #666;
	background-color: #d9d9d9;
	padding: 5px;
}
.produitsValeurs td {
	text-align: left;
	vertical-align: top;
	color: #000;
	background-color: #fff;
	padding: 5px;
}
.separateur {
clear: both;
visibility: hidden;
}
.txtNote1 {
	font-size: 9px;
	color: #777;
}

.txtOkErrAlert {
	margin: 25px 0 0 0;
	padding: 20px;	
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;	
	line-height: 26px;
	color: #f00;
	font-weight: bold;
	background-color: #fff;
}
.txtReseau {
color: #FFF;
font-size: 1em;
font-weight: bold;
}


.width1 {
	width: 50%;
}
.zoneTxt {
	font-size: 12px;
	width: 450px;
	height: 200px;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	margin: 0;
	padding: 2px;
}

.newsImg {
	margin: 0 15px 0 0;
	float: left;
}


/**********************************/
/***** Navigation langues *********/
/**********************************/

div#navLanguesGlobale {
	position: absolute;
	top: 10px;
	/*left: 660px; valeur avec le drapeau espagnol */
	left: 685px;
	width: 85px;
	margin: 0;
	padding: 0;
}
div#navLangues {
	width: 85px;
	height: 14px;
	margin: 0;
	padding: 0;
}
div#navLangues ul#menuNavLangues {
	position: relative;
	/*width: 85px; valeur avec le drapeau espagnol */ 
	width: 55px;
	height: 14px;
	background: transparent url(../images/commun/langues.gif) top left no-repeat;
	margin: 0;
	padding: 0;
}

div#navLangues ul#menuNavLangues li {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: -9999px;
	top: 0;
	}
	
ul#menuNavLangues li, ul#menuNavLangues a {
	height: 14px;
	display: block;
	}
div#navHaut ul#menuNavLangues li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#navFr {left: 0; width: 19px;}
#navGb {left: 28px; width: 19px;}
#navEs {left: 56px; width: 19px;}

#navFr a:hover {background: transparent url(../images/commun/langues.gif) 0 -14px no-repeat;}
#navGb a:hover {background: transparent url(../images/commun/langues.gif) -28px -14px no-repeat;}
#navEs a:hover {background: transparent url(../images/commun/langues.gif) -56px -14px no-repeat;}

/**********/

.x-dlg .x-dlg-hd-left {background-color:#186aa2; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right {background-color:#186aa2; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right .x-dlg-hd {background-color:#186aa2; background-image:none;}
.x-dlg .x-dlg-dlg-body {border-bottom:3px solid #186aa2; border-right:3px solid #186aa2; border-left:3px solid #186aa2;}

.x-dlg-mask {opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; background-color: #000;}