/*---------------------------  VISUEL CONTOUR SITE ---------------------------*/
body#b2b  {
	background:url(../images/clr_fond_B2B.jpg) repeat-x 0% 0%;
	background-color :#A9B2C1;
}

#contenant_all_fd_droit {
	background:url(../images/fond_droit_b2b.gif) 100% 0px no-repeat white; /* image dégradé coté droite */
}

#contenanthaut {
	background:url(../images/fond_haut_b2b.gif) repeat-x 0 0; /* image de fond haut (en arrière plan du menu) */
}

#arrondiHG {
	background:url(../images/bhg_b2b.gif) 0% 0% no-repeat; /* image de fond pour l'arrondi haut gauche */
}

#contenant_all_fd_bas {
	background:url(../images/fond_bas_b2b.gif) 0% 0px no-repeat white; /* image bas de page */
}

/*--------------------------- STYLE PICTO DE NAVIGATION ----------------------------------- */

#navigation li.menugour a {
	background:url(../images/picto_fond_b2b_gour_off.gif) 0 2px no-repeat;
}
#navigation li.menusoc a {
	background:url(../images/picto_fond_b2b_soc_off.gif) 0 2px no-repeat;
}
#navigation li.menuactu a {
	background:url(../images/picto_fond_b2b_actu_off.gif) 0 2px no-repeat;
}
#navigation li.menubonbid a {
	background:url(../images/picto_fond_b2b_bonbid_off.gif) 0 2px no-repeat;
}


/*---------------------------  couleur de bordure LI ---------------------------*/

#mardistricomanu li ul li, #navigation li ul li {
	border-left-color:#C5D2DB;
}

/*---------------------------  couleur de bordure lien ---------------------------*/

#mardistricomanu li ul li a, #navigation li ul li a {
	border-left-color:#404D67;
}

#navigation li.menugour:hover a,* html #navigation li.hovergour a {
	background:url(../images/picto_fond_b2b_gour_on.gif) 0 2px no-repeat;
}

#navigation li.menusoc:hover a,* html #navigation li.hoversoc a {
	background:url(../images/picto_fond_b2b_soc_on.gif) 0 2px no-repeat;
}

#navigation li.menuactu:hover a,* html #navigation li.hoveractu a {
	background:url(../images/picto_fond_b2b_actu_on.gif) 0 2px no-repeat;
}

#navigation li.menubonbid:hover a,* html #navigation li.hoverbonbid a {
	background:url(../images/picto_fond_b2b_bonbid_on.gif) 0 2px no-repeat;
}

/*---------------------------  Couleur en RollOver pour le texte du menu ---------------------------*/

#navigation li:hover a,#navigation li a:hover, #navigation li a.active, #navigation li a:focus, #mardistricomanu li ul li a:hover,
#navigation li ul li a:hover,#navigation li.menugour ul li a:hover,#navigation li.menusoc ul li a:hover,
#navigation li.menuactu ul li a:hover,#navigation li.menubonbid ul li a:hover {
	color: #A9B2C2;
	text-decoration: none;
}

/*--------------------------- BASELINE ---------------------------*/

#baseline a {
	color:white;
}

/*--------------------------- COULEUR TEXTE  ---------------------------*/
h1, strong {
color:#404D67
}

h1 {
	background-repeat:no-repeat;
	background-position: 0% 0%;
	background-color:transparent;
	height:29px;
}

h1.competence {
	background-image:url(../images/titre_competence.gif);
	width:202px;
}

h1.competence_gb {
	background-image:url(../images/titre_competence_gb.gif);
	width:202px;
}
h1.atout_industriel {
	background-image:url(../images/titre_atout_industriel.gif);
	width:282px;
}

h1.atout_industriel_gb {
	background-image:url(../images/titre_atout_industriel_gb.gif);
	width:282px;
}

h1.recherche_ino {
	background-image:url(../images/titre_recherche_ino.gif);
	width:310px;
}

h1.recherche_ino_gb {
	background-image:url(../images/titre_recherche_ino_gb.gif);
	width:380px;
}

h1.qualite {
	background-image:url(../images/titre_qualite.gif);
	width:269px;
}

h1.qualite_gb {
	background-image:url(../images/titre_qualite_gb.gif);
	width:280px;
}

h1.logistique {
	background-image:url(../images/titre_logistique.gif);
	width:284px;
}

h1.logistique_gb {
	background-image:url(../images/titre_logistique_gb.gif);
	width:284px;
}

h1.contact {
	background-image:url(../images/titre_contact.gif);
	width:99px;
}





/*--------------------------- MISE EN PAGE ---------------------------*/

#Gourmandiseleft {
	display:inline;
	position:relative;
	float:left;
	width:515px;
	margin:40px 35px 10px 0px ;
	padding-top:30px;
	background-color:#E0E3E9
}

#Gourmandiseright {
	position:relative;
	float:left;
	width:292px;
	margin:40px 0px 10px 0px ;
	padding-top:30px;
	background-color:#E0E3E9
}

.produits {
	display:inline; /* sers à supprimer le bug de IE dans le doublement des longueurs */
	float:left;
	margin:15px 5px;
	text-align:center;
	font-size:11px;
}

.produits2 {
	display:inline; /* sers à supprimer le bug de IE dans le doublement des longueurs */
	float:left;
	margin:15px 13px;
	text-align:center;
	font-size:11px;
}

.pictohautdroit {
position:absolute;
top:-35px;
right:10px;
}

.img_competences {
	float:left;
	width:200px;
	padding-top:30px;
	text-align:center;
}

.img_competences img {
	margin-top:10px;
}

.img_efficace {
	margin-top:30px;
	float:left;
	width:200px;
	padding-top:0px;
	text-align:center;
}

.detail_competences, .detail_atouts_industriels, .detail_efficace, .detail_qualite,.detail_recherche {
	float:left;
	width:640px;
	margin:0px;
	padding:0px;
}

.detail_efficace {
	margin-top:30px;
}
	
.detail_competences ul{
	width:450px;
}

.detail_atouts_industriels ul {
	width:420px;
}

.detail_competences img {
	float:right;
	margin-top:-150px;
}

.detail_recherche img {
	float:right;
	margin-top:-20px;
}

.detail_recherche {
	margin-top:15px;
}

.detail_recherche p {
	width:500px;
}

.detail_atouts_industriels img{
	float:right;
	margin-top:-108px;
}

.detail_efficace img{
	float:right;
	margin-left:40px
}

.detail_qualite p.img {
	text-align:center;
}
.detail_qualite p.img img {
	margin:10px;
}


.plandusite {
	width:100%
}

.plandusite td {
	width:33%;
	vertical-align:top;
}
.plandusite td li {
list-style-type:square;
}

/*  PAGE NOUS REJOINDRE  */

#Formgauche {
	position:relative;
	float:left;
	width:400px;
	margin:20px 0px 0px 0px ;
	padding-top:0px;
	background-color:#C4D2DB;
	height:250px;
	border-right:1px dashed #647390;
}

#Formdroit {
	position:relative;
	float:left;
	width:400px;
	margin:20px 0px 10px 0px ;
	padding:0px 0px 0px 10px;
	background-color:#C4D2DB;
	height:850px;
	-moz-border-radius:0px 20px 20px 0px;
}

#Formgauche h2 {
	display:inline;
	position:absolute;
	top:-23px;
	margin:0px;
	padding:0px;
	left:10px;
	font-size:16px;
}

#Formdroit label, #Formgauche label {
	display:block;
	float:left;
	width:35%;
	text-align:right;
	padding-right:10px;
}

#Formgauche .civilite {
	margin-left:100px;
}

#Formgauche .civilite label, #Formdroit .langue label, #Formdroit .format label {
	display:inline;
	float:none;
	text-align:right;
}

#Formdroit input, #Formgauche input {
	width:150px;
	border:0px;
	border-top:1px solid #687793;
	padding:0px;
}

#Formdroit input:focus, #Formgauche input:focus {
	border:1px solid #687793;
	border-top:0px;
}

#Formgauche .civilite input, #Formdroit .langue input, #Formdroit .format input {
	width:auto;
	border:0px;
}

#Formdroit .contentmotiv input, #Formdroit .contentcv input {
	border:0px;
}

.contentenvoyer {
	text-align:right;
}

.envoyer {
	-moz-border-radius:20px;
	border:0px solid #687793;
	background-color:#687793;
	color:white;
	font-weight:bold;
}

#Formdroit .contentenvoyer input.envoyer:focus{
	border:0px solid #AAB2C2;
	background-color:#687793;
}

.legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	padding: 0;
	margin-left:10px;
}

/*** Mise en forme des messages d'erreur ***/

.alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
}

.alerte input{
	background-color:red;
	color:white;
	border:1px solid white ;
}

.messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 0 0;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url(../images/icon_alert.gif) no-repeat left center;
}

/*---------------------------  PAGE CONTACT B2B  ---------------------------*/

#Formgauche {
	position:relative;
	float:left;
	width:400px;
	margin:20px 0px 0px 0px ;
	padding-top:0px;
	background-color:#C5D2DB;
	height:290px;
	border-right:1px dashed #647390;
}

#Formdroit {
	position:relative;
	float:left;
	width:400px;
	margin:20px 0px 10px 0px ;
	padding:0px 0px 0px 10px;
	background-color:#C5D2DB;
	height:290px;
	-moz-border-radius:0px 20px 20px 0px;
}

#Formgauche h2 {
	display:inline;
	position:absolute;
	top:-23px;
	margin:0px;
	padding:0px;
	left:10px;
	font-size:16px;
}

#Formdroit label, #Formgauche label {
	display:block;
	float:left;
	width:35%;
	text-align:right;
	padding-right:10px;
}

#Formgauche .civilite {
	margin-left:100px;
}


#Formgauche .civilite label,#Formdroit .langue label, #Formdroit .format label {
	display:inline;
	float:none;
	text-align:right;
}

#Formdroit input, #Formgauche input {
	width:150px;
	border:0px;
	border-top:1px solid #A5AEBD;
	padding:0px;
}

#Formdroit input:focus, #Formgauche input:focus {
	border:1px solid #A5AEBD;
	border-top:0px;
	background-color:#E9EEF1;
}

#Formgauche .civilite input, #Formdroit .langue input, #Formdroit .format input {
	width:auto;
	border:0px;
}

#Formdroit .contentmotiv input, #Formdroit .contentcv input {
	border:0px;
}

.contentenvoyer {
	text-align:right;
}

.envoyer {
	-moz-border-radius:20px;
	border-color:#A5AEBD;
	background-color:#A5AEBD;
	color:white;
	font-weight:bold;
}

#Formdroit .contentenvoyer input.envoyer:focus{
	border:0px solid #A5AEBD;
	background-color:#A5AEBD;
}

/*--------------------------- Mise en forme des messages d'erreur ---------------------------*/


.alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid #49545B;
	margin:0 10px 0px 10px;
	background-color:#9BA7B0;
}

.alerte input{
	color:#404D67;
	border:1px solid white ;
}

.messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 0 0;
	padding-left: 2em;
	color: #ffffff;
	font-weight: bold;
	background: url(../images/icon_alert.gif) no-repeat left center;
}

/*------------------------ PAGE CONTACT --------------------------------*/

.adresse {
	display:inline;
	position:relative;
	float:left;
	width:200px;
	margin:20px 20px 0px 0px ;
	padding:10px 20px 10px 20px;
	background-color:#C5D2DB;
}

.plan {
	display:inline;
	position:relative;
	float:left;
	width:300px;
	margin:24px 0px 0px 40px ;
}

.planimg {
border:1px solid #000000;
}

.plan_zoom {
float:center;
width:561px;
margin-left:auto;
margin-right:auto;
}

.planimg2 {
border:1px solid #000000;
margin-bottom:20px;
}

.plandes1 {
display:inline;
float:left;
margin-left:90px;
width:220px;
}

.plandes2 {
display:inline;
float:left;
margin-left:25px;
width:220px;
}

.plandes3 {
display:inline;
float:left;
margin-left:25px;
width:220px;
}