@charset "UTF-8";

/********************************************/
/* Elements de base */
/********************************************/
a:link, a:visited {color:#e55e15; font-weight:bold; font-size:11px; }
a:hover, a:active {color:#e55e15; text-decoration:underline; }

a.Blc:link, a.Blc:visited {color:#fff; font-weight:bold; text-decoration:underline; font-size:11px; }
a.Blc:hover, a.Blc:active {color:#fff; }

a.logoBlc:link, a.logoBlc:visited {background:transparent url(../img/com/picto_feuille_rge2.gif) left top no-repeat; padding-left:30px; color:#fff; }
a.logoBlc:hover, a.logoBlc:active {color:#000; }

a.loupe:link, a.loupe:visited {background:transparent url(../img/com/picto_plus.gif) left center no-repeat; padding-left:14px; color:#e55e15; }
a.loupe:hover, a.loupe:active {color:#7f7f7f; }

a.caddy:link, a.caddy:visited {background:transparent url(../img/com/picto_caddy.gif) left top no-repeat; padding-left:22px; color:#e55e15; }
a.caddy:hover, a.caddy:active {color:#7f7f7f; }

a.pdf:link, a.pdf:visited {background:transparent url(../img/com/picto_pdf.gif) left top no-repeat; padding-left:16px; color:#7f7f7f; }
a.pdf:hover, a.pdf:active {color:#e55e15; }

a.web:link, a.web:visited {background:transparent url(../img/com/picto_web.gif) left top no-repeat; padding-left:16px; color:#7f7f7f; }
a.web:hover, a.web:active {color:#e55e15; }

a.logo:link, a.logo:visited, a.logo:hover, a.logo:active {background:transparent url(../img/com/picto_feuille_rge.gif) left top no-repeat; padding-left:25px; }

body {
	background-color:#d8d8d8;
	padding:0;
	margin:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	}

h1 {
	font-size:24px;
	font-weight:normal;
	}

h2 {
	background: transparent url(../img/com/antislash_orange.gif) left no-repeat;
	padding-left:10px;
	font-size:21px;
	font-weight:normal;
	vertical-align:text-top;
	text-align:left;
	}

h3 {
	background: transparent url(../img/com/antislash_blc.gif) left no-repeat;
	padding-left:10px;
	font-size:21px;
	font-weight:normal;
	color:#fff;
	vertical-align:text-top;
	text-align:left;
	}

h4 {
	font-size:18px;
	font-weight:normal;
	}

h5 {
	font-size:16px;
	font-weight:normal;
	}
h6 {
	font-size:14px;
	font-weight:normal;
	}

img {border: 0;}

hr.clearboth {
	clear:both;
	visibility:hidden;
}
.ClearBoth {
	clear: both;
	height:1px;
	visibility:hidden;
	}
/********************************************/
/* Conteneurs généraux */
/********************************************/

#global {
	margin: auto;
	padding: 0;
	top:0;
	position: relative;
	width:990px;
	text-align:left;
	}

#Top {
	background:transparent url(../img/fr/top.gif) left top no-repeat;
	margin:0;
	padding:0;
	width:990px;
	height:272px;
	}
#TopGb {
	background:transparent url(../img/gb/top.gif) left top no-repeat;
	margin:0;
	padding:0;
	width:990px;
	height:272px;
	}
#BlocExtranet	{
	width:96px;
	height: 65px;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	top:120px;
	}	

#Rechercher	{
	width:auto;
	height: 65px;
	margin:0;
	padding:0;
	position:absolute;
	left: 525px;
	top:140px;
	}
	#Rechercher	form {
		margin: 0;
		padding: 0;
		}
	#Rechercher input	{
		margin: 0;
		padding: 0;
		width: 100px;
		height:20px;
		border: 1px solid #cccbcb;
		}	
		#Rechercher input.btnChpRecherche	{
			font-weight: normal;
			margin:0;
			padding:0;
			height:18px;
			}
			
#Center{
	background:#fff;
	margin:0;
	padding:0;
	top:0;
	width:990px;
	}
	#Center #Navig {
		padding-left:40px;
		margin-top:30px;
		width:200px;
		float:left;
		}
		#Center #Navig #InfosComplementaires {
			margin:0;
			padding-top:30px;
			width:150px;
			font-size:10px;
			text-align:justify;
			}
			#Center #Navig #InfosComplementaires a:link, #Center #Navig #InfosComplementaires a:visited {
				color:#898989;
				font-weight:bold;
				font-size:10px;
				}
	#Center #BlocGche{
		padding:0;
		margin-top:30px;
		margin-right:35px;
		margin-left:30px;
		width:410px;
		text-align:justify;
		float:left;
		}
		#Center #BlocGche input{
			margin: 0;
			padding: 0;
			border:1px solid #898989;
			font-size:11px;
			}
			#Center #BlocGche input:hover	{
				cursor:pointer;
				border:1px solid #e55e15;
				color:#e55e15;
			}
		#Center #BlocGche table, #Center #BlocGche table.Contact, #Center #BlocGche table.Candidature, #Center #BlocGche table.RessourcesDoc {
			padding:0;
			margin:0;
			}
			#Center #BlocGche table hr, #Center #BlocGche table.Contact hr#Center #BlocGche table.Candidature hr{
				width:100%;
				text-align:left;
				}
			#Center #BlocGche table th{
				font-weight:bold;
				padding-right:10px;
				vertical-align:text-top;
				}
				
			#Center #BlocGche table td{
				margin:0;
				padding:2px;
				vertical-align:text-top;
				top:0;
				}
			#Center #BlocGche table.Contact th{
				font-weight:bold;
				color:#0b96a3;
				padding-right:10px;
				vertical-align:text-top;
				}
			#Center #BlocGche table.Candidature th, #Center #BlocGche table.InscriptionNews th{
				font-weight:bold;
				color:#e55e15;
				padding-right:10px;
				vertical-align:text-top;
				}
			#Center #BlocGche table.RessourcesDoc th{
				background-color:#ecddd6;
				font-size:11px;
				font-weight:normal;
				}
			#Center #BlocGche table.RessourcesDoc th.titre{
				background-color:#ce9880;
				font-size:11px;
				font-weight:bold;
				}

	#Center #BlocDroite{
		margin-top:30px;
		margin-left:15px;
		padding:0 0 70px 0;
		width:250px;
		float:left;
		}
		
#diapBottom {
	background-color:transparent;
	margin:0;
	padding:0;
	width:990px;
	height:346px;
	position: relative;
}
#diapBottomHome {
	background-color:#d8d8d8;
	margin:0;
	padding:0;
	width:990px;
	height:346px;
	position: relative;
}
	img#Diaporama {
		margin:0;
		padding:0;
		width:246px;
		height:346px;
		float:left;
		display: block;
	}
	#Bottom{
		background-color:transparent;
		margin:0;
		padding:0;
		width:744px;
		height:346px;
		float:left;
		}
	#BottomHome {
		background-color:#d8d8d8;
		margin:0;
		padding:0;
		width:744px;
		height:346px;
		float:left;
		}
	
	#Bottom #Contenu, #BottomHome #Contenu{
		margin-top:10px;
		padding-left:24px;
		padding-right:70px;
		line-height:14px;
		float:left;
		}
		#Bottom #Contenu table, , #BottomHome #Contenu table {
			margin:0;
			padding:0;
			}
			#Bottom #Contenu table th, , #BottomHome #Contenu table th {
				margin:0;
				padding-right:10px;
				}
			#Bottom #Contenu table td, , #BottomHome #Contenu table td {
				margin:0;
				padding:0;
				vertical-align:text-top;
				}
	#Bottom #BDP, #BottomHome #BDP{
		margin:0;
		color:#7f7f7f;
		font-size:10px;
		font-weight:bold;
		text-align:left;
		position:absolute;
		left:270px;
		bottom:60px;
		clear: both;
	}
				
body#pageAccueil #Center {background:#fff url(../img/com/arrondi_orange_pale.gif) right bottom no-repeat;}
body#pageAccueil #Center img {border:1px solid #d5d1d2;}
body#pageAccueil #Bottom {background:url(../img/com/bas_accueil.gif) 0 0 no-repeat;}
body#pageAccueil #Bottom img {border:1px solid #d5d1d2;}
body#pageCTP #Bottom {background-image:url(../img/com/bas_ctp.gif);}
body#pageRechercheInnovation #Bottom {background-image:url(../img/com/bas_recherche.gif);}
body#pageConseilExpertise #Bottom {background-image:url(../img/com/bas_conseil_expertise.gif);}
body#pageLaboratoiresEssais #Bottom {background-image:url(../img/com/bas_laboratoires.gif);}
body#pageFormationsSeminaires #Bottom {background-image:url(../img/com/bas_formations.gif);}
body#pageRessourcesDocumentaires #Bottom {background-image:url(../img/com/bas_ressources.gif);}
body#pageContact #Bottom {background-image:url(../img/com/bas_contact.gif);}
body#pageActualites #Bottom {background-image:url(../img/com/bas_actualites.gif);}
body#pageAccesCTP #Bottom {background-image:url(../img/com/bas_acces_ctp.gif);}
body#pageAbonnementNews #Bottom {background-image:url(../img/com/bas_abonnement_news.gif);}
body#pageAppelsOffresFournisseurs #Bottom {background-image:url(../img/com/bas_appels_offres.gif);}
body#pageRessourcesHumaines #Bottom {background-image:url(../img/com/bas_rh.gif);}
body#pageLiens #Bottom {background-image:url(../img/com/bas_liens.gif);}
body#pageBoutique #Bottom {background-image:url(../img/com/bas_boutique.gif);}
body#pageMentionsLegales #Bottom {background-image:url(../img/com/bas_mentions_legales.gif);}



/********************************************/
/* Fenetres pop-up */
/********************************************/
.x-dlg .x-dlg-hd-left {background-color:#292a28; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right {background-color:#292a28; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right .x-dlg-hd {background-color:#292a28; background-image:none;}
.x-dlg .x-dlg-dlg-body {border-bottom:3px solid #292a28; border-right:3px solid #292a28; border-left:3px solid #292a28;}
.x-dlg-mask {opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; background-color: #000;}

/********************************************/
/* Les classes */
/********************************************/
.Bold {font-weight:bold;}
.Souligne {text-decoration:underline;}
.Italique {font-style:italic;} 
.Gris {color:#7f7f7f;}
.Orange {color:#e55e15;}
.Noir {color:#000;}
.Rouge {color:#d8001b;}
.Violet {color:#a77eb8;}
.Bleu {color:#62c9d8;}
.Vert {color:#93b07d;}
.Marron {color:#b17d66;}
.BleuPetrole {color:#0b96a3;}
.Blc {color:#fff;}

.Intro, .MentionsLegales {
	background: transparent url(../img/com/antislash_gris.gif) left top no-repeat;
	padding-left:10px;
	font-weight:bold;
}

/********************************************/
/* Positionnement */
/********************************************/
.droite {float: right;}
.gauche {float: left;}
.Centre {text-align:center;}
.Justifie {text-align:justify;}
.ClearBoth {
	clear: both;
	height:1px;
	visibility:hidden;
}
		
#Bottom div#Contenu div {
	margin:0;
	padding:0;
}
#Bottom div#Contenu div.divRight {
	float:left;
	width:235px;
}
#Bottom div#Contenu div.divLeft {
	color:#fff;
	float:left;
	height:240px;
	margin-right:43px;
	overflow:auto;
	width:370px;
}

/****************************************************************/
/* "Extranet"  */
/****************************************************************/
div#Extranet {
	width: 96px;
	height: 65px;
	margin: 0;
	padding: 0;
	border: 0;
	float:right;
	}
	div#Extranet ul#menuExtranet {
		width: 96px;
		height: 65px;
		margin: 0;
		padding: 0;
		background: url(../img/fr/extranet_clients.gif) right top no-repeat;
		}
		div#Extranet ul#menuExtranet li {
			margin: 0;
			padding: 0;
			list-style: none;
			left: 0;
			height:65px;
			display:block;
			}
			div#Extranet ul#menuExtranet li a {
				text-indent: -9999px;
				text-decoration: none;
				display:block;
				height:65px;
				}		
#navExtranet {left: 0px; width: 96px;}	
#navExtranet a:hover {background: transparent url(../img/fr/extranet_clients.gif) 0 -65px no-repeat;}

#categorieLien {
	margin:0 0 10px 0;
	padding:0;
}
#categorieLien li {list-style:none;}

/****************************************************************/
/* "Extranet" GB  */
/****************************************************************/
div#ExtranetGb {
	width: 96px;
	height: 65px;
	margin-top: 120px;
	padding: 0;
	border: 0;
	float:right;
	}
	div#ExtranetGb ul#menuExtranetGb {
		width: 96px;
		height: 65px;
		margin: 0;
		padding: 0;
		background: url(../img/gb/extranet_clients.gif) right top no-repeat;
		}
		div#ExtranetGb ul#menuExtranetGb li {
			margin: 0;
			padding: 0;
			list-style: none;
			left: 0;
			height:65px;
			display:block;
			}
			div#ExtranetGb ul#menuExtranetGb li a {
				text-indent: -9999px;
				text-decoration: none;
				display:block;
				height:65px;
				}		
#navExtranetGb {left: 0px; width: 96px;}	
#navExtranetGb a:hover {background: transparent url(../img/gb/extranet_clients.gif) 0 -65px no-repeat;}

#categorieLienGb {
	margin:0 0 10px 0;
	padding:0;
}
#categorieLienGb li {list-style:none;}


/****************************************************************/
/* FCKEDITOR */
/****************************************************************/
a.fckCTPOrange {
	color:#e55e15; 
	font-weight:bold; 
	text-decoration:underline; 
	font-size:11px;
}
a.fckCTPOrangeImg {
	background:transparent url(/img/com/picto_feuille_rge.gif) left top no-repeat; 
	padding-left:25px; 
	color:#e55e15; 
	font-weight:bold; 
	text-decoration:underline; 
	font-size:11px;
}
a.fckCTPWhite {
	background:transparent url(/img/com/picto_feuille_rge2.gif) left top no-repeat; 
	padding-left:30px; 
	color:#fff; 
	font-weight:bold; 
	text-decoration:underline; 
	font-size:11px;
}

h1.fckCTP {
	font-weight:bold;
	font-size:24px;
}
h4.fckCTP {
	font-weight:bold; 
	font-size:18px;
}

img.fckCTPLeft {
	border:1px solid #d5d1d2; 
	margin-right:10px;
}
img.fckCTPRight {
	border:1px solid #d5d1d2; 
	margin-left:10px;
}

p.fckCTPIntro {
	background:transparent url(/img/com/antislash_gris.gif) left top no-repeat; 
	font-weight:bold; 
	padding-left:10px;
}
span.fckCTPBleu{color:#62c9d8;}
span.fckCTPMarron{color:#b17d66;}
span.fckCTPOrange{color:#e55e15;}
span.fckCTPRouge{color:#d8001b;}
span.fckCTPVert{color:#93b07d;}
span.fckCTPViolet{color:#a77eb8;}
#Center #BlocGche table.tabThese {
	padding:0;
	margin:0;
}
#Center #BlocGche table.tabThese tr td{
	margin:0;
	padding:2px;
	vertical-align:middle;
	text-align:left;
	top:0;
	border-bottom:1px solid #ce9880;
}
/***************************************/
/******** Boutique *********************/
/***************************************/
#menuEtape li {
	border: 1px solid #dedede;
	list-style-type: none;
	margin: 0 0 3px 0;
	padding: 10px 5px;
}
	#menuEtape li a {
		color: #666;
		display: block;
		text-decoration: none;
		text-transform: uppercase;
	}
	
#navEtape-1 {background: #faeeec url(../boutique/img/com/bg-etape-1.gif) right bottom no-repeat;}
#navEtape-2 {background: #faeeec url(../boutique/img/com/bg-etape-2.gif) right bottom no-repeat;}
#navEtape-3 {background: #faeeec url(../boutique/img/com/bg-etape-3.gif) right bottom no-repeat;}
#navEtape-4	{background: #faeeec url(../boutique/img/com/bg-etape-4.gif) right bottom no-repeat;}

#navEtape-1-hover {background: #dedede url(../boutique/img/com/bg-etape-1.gif) right bottom no-repeat;}
#navEtape-2-hover {background: #dedede url(../boutique/img/com/bg-etape-2.gif) right bottom no-repeat;}
#navEtape-3-hover {background: #dedede url(../boutique/img/com/bg-etape-3.gif) right bottom no-repeat;}
#navEtape-4-hover {background: #dedede url(../boutique/img/com/bg-etape-4.gif) right bottom no-repeat;}

#detailPanier a:link,
#identityLoginForm a:link {color: #595959;}
#detailPanier a:visited,
#identityLoginForm a:visited  {color: #595959;}
#detailPanier a:focus,
#identityLoginForm a:focus  {color: #595959;}
#detailPanier a:hover,
#identityLoginForm a:hover  {color: #595959;}
#detailPanier a:active,
#identityLoginForm a:active  {color: #595959;}

#detailPanier table.champQte {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 40px;
}
#detailPanier table.champQte a {
	display: block;
	height: 10px;
	margin-bottom: 1px;
	text-decoration: none;
	width: 10px;
}
form#basketForm table#detailPanier table.champQte td {
	border: none;
	padding: 0;
	text-align: left;
}


table#detailPanier, table#renderPaiement {
	border-collapse: collapse;
	margin: 0 0 1em 0;
	width: 100%;
}
	table#detailPanier p {margin: 0.5em 0;}
form#basketForm table#detailPanier td, div#colDroite table#detailPanier td, div#colDroite table#renderPaiement tr td {
	background:#faeeec;
	border-bottom:1px solid #fff;
	padding:0.5em;
	vertical-align:middle;
}
#detailPanier td#SSLPaiement {text-align:center;}
#detailPanier td#SSLPaiement input {
	background: url(../boutique/img/com/bg-btn-form.gif) left top repeat-x;
	border: 1px solid #616F37;
	color: #333;
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	padding: 0 6px;
}
#detailPanier th, #renderPaiement th {
	background: #dedede;
	border-bottom: 1px solid #fff;
	color: #595959;
	padding: 0.5em;
	text-align: left;
}
	th.colCommander {width: 140px;}

#paiementChooser {width:100%;}
#adresseFacturation {width:100%;}

#adresseFacturation td,	
#customerLogin td,
#paiementChooser td {
	background-color:#faeeec;
	padding:0.5em;
	border-bottom:1px solid #fff;
}
#colDroite table#customerLogin td, #colDroite table#adresseFacturation td {vertical-align:middle;}

#adresseFacturation th, 
#customerLogin th,
#paiementChooser th,
#detailPanier .info {
	background-color:#dedede;
	color:#595959;
	padding:0.5em;
	text-align:left;
	border-bottom:1px solid #fff;
}
#adresseFacturation th {width: 30%;}
#adresseFacturation th.typeAdresse,
#paiementChooser th.typeAdresse,
#customerLogin th.typeAdresse {
	background-color:#979797;
	color:#fff;
	letter-spacing:2px;
	text-transform:uppercase;
}

.choixPaiement {float: left;text-align:;}
#designation {width: 40%;}
#prix {
	white-space:nowrap;
	width: 15%;
}
#identityLoginForm {border-collapse:separate;}
#identityLoginForm h4 {
	color:#fff;
	background-color:#979797;
	font-size:12px;
	margin:0;
	padding:2px 0;
	text-transform:uppercase;
	width:100%;
	text-align:center;
}
#identityLoginForm td {
	background-color:#faeeec;
	border-bottom:1px solid #fff;
	padding:10px 0 0 10px;
	vertical-align:top;
	width:40%;
}
#identityLoginForm td p {padding-left:10px;}
#identityLoginForm p {margin:0.5em 0;}
#infoLegale {
	padding-right: 20px; 
	padding-bottom: 100px;
	text-align: justify;
}
#page-commande h3 {
	border-bottom: 1px solid #A8BE63;
	margin-bottom: 1em;
	text-transform: uppercase;
}

#colDroite p#virPos {margin:5px 0 0 10px;}
#colDroite p.virPos {margin:3px 0 3px 10px;}

.floatLeft {float: left;}
.floatRight {float: right;}

.b-formPaiement-cb, .b-formPaiement-virement {
	background:url(../boutique/img/com/bg-b-paiement-cb.gif) left top no-repeat;
	color: #333;
	cursor: pointer;
	font-weight: bold;
	height: 70px;
	padding: 0 6px;
	width: 150px;
}
.b-formPaiement-virement {background: url(../boutique/img/com/bg-b-paiement-virement.gif) left top no-repeat;}

p#forTemplate {margin-bottom:100px;}
.quantite {width:20px;}*
.right {text-align:right;}
strong.orange {color:#d46d32;}
.center {text-align:center;}
#choixPaiement {text-align:center;}

div#colDroite table#adresseFacturation input.noBorder,
div#colDroite p.virPos input#mailing.noBorder,
#colDroite form p input#cbCGV,
table#paiementChooser div#choixPaiement input.b-formPaiement-cb,
table#paiementChooser div#choixPaiement input.b-formPaiement-virement {
	border:none;
}

ul {margin-top:-10px;}


#footer {
	background: #D8001B url(/img/com/ctp2.gif) left bottom no-repeat;
	min-height: 346px;
	position: relative;
	color:#FFF;
}
#footer h3 {
	margin-top:0;
}
#footer img#Diaporama {
	bottom: 0;
	left: 0;
	position: absolute;
}
#footerActu {
	background: #D8001B url(/img/com/bas_accueil-2.gif) right bottom no-repeat;
	margin-left: 246px;
	width: 744px;
	min-height:346px;
}
#footerActu div {padding: 10px 10px 160px 10px;}
#footer #BDP {
	margin:0;
	color:#7f7f7f;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	position:absolute;
	left:270px;
	bottom:60px;
	clear: both;
}