/* --------------------------------------------------------------------------------------------------------------------------
GESTPLANE.FR
style.css
--------------------------------------------------------------------------------------------------------------------------*/
body{margin: 0 auto;background-color:#353535;font-family:Trebuchet MS, Verdana;} 
/* Image : on enlève la bordure */
img{border:none;}
#image{border:1px solid #858585;}
.rose{color:#b80d84}
 .transparent {
	background : #fff;
	opacity : .2;
	filter : alpha(opacity=20); /* pour IE 6 */
	height : 1px;
}
/* pour les autres navigateurs */
* > .transparent {
	height: auto;
}
/* pour IE 7 */
*+html .transparent {
	min-height : 1px;
}

#ligne{height:1px;background:#c145a4;color:#c145a4;width:100%;margin-bottom:5px;text-align:left}

/* --------------------------------------------------------------------------------------------------------------------------
DIV DU SITE
--------------------------------------------------------------------------------------------------------------------------*/
#global {width: 1000px;height:100%;	margin: 0 auto;}

#barreEtapesCommande a:link {color:#c350c4;text-decoration:none;}
#barreEtapesCommande  a:visited{color:#b80d84;text-decoration:none;}
#barreEtapesCommande a:hover{color:#b80d84;text-decoration:none;}


#barreEtapesCommande{border:1px solid #c350c4;background:#fbe1fb;padding:10px;color:#868686}



#contenu a:link, #contenu  a:visited{color:#464545;text-decoration:none;}
#contenu a:hover{color:#b80d84;text-decoration:none;}
#contenu ul {color:#b80d84;}

#panier a:link, #panier  a:visited{color:#464545;text-decoration:none;}
#panier a:hover{color:#b80d84;text-decoration:none;}

#identification a:link, #identification  a:visited{color:#464545;text-decoration:none;}
#identification a:hover{color:#b80d84;text-decoration:none;}
#identification hr{color: #70b1dc;background-color: #70b1dc;height: 2px;border: 0;width:600px;margin:0px;}
#frm_identification a:link, #frm_identification  a:visited{color:#b80d84;text-decoration:none;}
#frm_identification a:hover{color:#b80d84;text-decoration:none;}


#recherche a:link, #recherche  a:visited{color:#464545;text-decoration:none;font-size:12px}
#recherche a:hover{color:#b80d84;text-decoration:none;font-size:12px}


#nouveautes a:link, #nouveautes  a:visited{color:#464545;text-decoration:none;}
#nouveautes a:hover{color:#b80d84;text-decoration:none;}
/* --------------------------------------------------------------------------------------------------------------------------
FORM
--------------------------------------------------------------------------------------------------------------------------*/
fieldset
{
	width:430px;
	margin-bottom: 10px;
	border: #CCC 1px solid;
}

input{font-size:12px;color:#be1389;width:150px;height:15px;border:1px solid #fbc0ec;margin:0px;padding:0px;}
select{font-size:14px;color:#be1389;width:150px;height:22px;border:1px solid #fbc0ec;margin-top:5px;padding:0px;}
label{color:#be1389;}
submit{font-size:16px;color:#be1389;font-weight:bold;width:120px;border:1px solid #fbc0ec}
.select{font-size:14px;color:#be1389;width:auto;height:22px;border:1px solid #fbc0ec;margin-top:5px;padding:0px;}

.radio{width:15px;}
#frm_recherche{height:20px;}
#frm_recherche  select{height:22px}



/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
#form input.champErrone{border:1px solid #C71414;color: #be1389}
#form textarea.champErrone{border:1px solid #C71414;color: #be1389;	width: 250px;}

#form span.champErrone{color:#C71414;margin-left: 211px;}
#form  select{height:30px}
#form  .checkbox{width:10px}

#form label
{
	display: block;
	width: 200px;
	float: left;
	padding-right: 5px;
	text-align: right;
	letter-spacing: 0px;
}


#form span
{	padding-right: 5px;
	display: block;
	letter-spacing: 1px;
	margin-left: 93px;
	width: 300px;
}

#form p
{
	margin: 2px 0;
}

/* fieldset , legend */
#form fieldset
{
	width:430px;
	margin-bottom: 10px;
	border: #CCC 1px solid;
}


#form fieldset:hover
{
	background-color:#F8F8F8;
}

#form fieldset legend
{
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 1.2em;
	color: #999;
}

#form span.indication
{
	font-size: 1em;
	color: #999;
		margin-left: 211px;
	
}
    
#form .submit
{
width: 200px;
height:40px;
background:#F9F9F9;
color:#5fab06;
font-size:20px;
font-weight:bold;
border:1px solid #5fab06;
}

#form input, #form  select, #form  textarea
{
	margin-left: 5px;
	color:#be1389;
	font-weight:normal ;
	padding:2px;
	font-size:16px;
	height:auto;
}

#form radio
{

width : 10px;
}


#form textarea.message
{
	margin-left: 5px;
	width: 250px;
	border: #fbc0ec 1px solid;
	font-family:Verdana;
	font-size:12px;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/







/* --------------------------------------------------------------------------------------------------------------------------
BARRE DU HAUT  / BARRE DU BAS
--------------------------------------------------------------------------------------------------------------------------*/
#barre{background-image:url(images/pix_header.jpg);background-repeat: repeat-x;height:23px;color:#FFFFFF;padding:0px;
margin:0px;font-size:11px;margin-left:1px;width:999px;} 

#footer{background-image:url(images/pix_footer.jpg);background-repeat: repeat-x;height:23px;color:#464545;padding:0px;
margin-top:0px;font-size:11px;margin-left:1px;width:999px;height:160px;} 

/* Positionnement du texte de la barre du haut */
#texteBarreHaut{float:right;padding-top:3px;padding-right:10px;} 

/* Positionnement du texte de la barre du bas */ 
#texteBarreBas{padding-top:3px;padding-left:10px;} 

/* Positionnement du texte de la barre du bas */ 
#texteFooter{padding:15px;padding-top:15px;padding-left:30px;} 

/* Mise en forme des liens des barres */
#barre a:link, #barre  a:visited{color:#FFFFFF;text-decoration:none;}
#barre a:hover{color:#f5d049;text-decoration:none;}
 
 
 /* Mise en forme des liens des barres */
#footer a:link, #footer  a:visited{color:#464545;text-decoration:none;}
#footer a:hover{color:#b80d84;text-decoration:none;}


/* --------------------------------------------------------------------------------------------------------------------------
HAUT
--------------------------------------------------------------------------------------------------------------------------*/
/* */
#haut{background-color:#e9e9e9;background-repeat:no-repeat;height:400px;
color:#FFFFFF;padding:0px;margin:0px;margin-left:1px;}

/* logo */
#logo{margin-left:30px;float:left;padding-top:10px;width:280px;}
#identification{margin-left:350px;float:left;padding-top:10px;}



/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* le coin gauche du menu */
#coinBlocGauche{width:7px;height:86px;background-image:url(images/coin_gauche_bloc.png);float:left;}

/* le centre du menu */
#centreBloc{width:190px;height:86px;background-image:url(images/pix_centre_bloc.png);background-repeat:repeat-x;float:left;text-align:left;
padding-top:10px;color:#5c565a;font-size:12px;

}

/* le coin droit du bloc */
#coinBlocDroit{width:7px;height:86px;background-image:url(images/coin_droit_bloc.png);float:left;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* le coin gauche du menu */
#coinBlocGaucheIdent{width:7px;height:86px;background-image:url(images/coin_gauche_bloc.png);float:left;}

/* le centre du menu */
#centreBlocIdent{width:300px;height:86px;background-image:url(images/pix_centre_bloc.png);background-repeat:repeat-x;float:left;text-align:left;
padding-top:5px;color:#5c565a;font-size:12px;

}

/* le coin droit du bloc */
#coinBlocDroitIdent{width:7px;height:86px;background-image:url(images/coin_droit_bloc.png);float:left;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/


#coinBlocGaucheRecherche{width:6px;height:170px;background-image:url(images/coin_gauche_recherche.png);float:left;}



#centreBlocRecherche{width:180px;height:170px;background-image:url(images/pix_centre_recherche.png);background-repeat:repeat-x;
float:left;text-align:left;padding-left:10px;
padding-top:10px;color:#5c565a;font-size:12px;

}

#coinBlocDroitRecherche{width:6px;height:170px;background-image:url(images/coin_droit_recherche.png);float:left;}


h1{
color:#d14ca9;font-size:22px;margin:0;padding:0;
}
h3{
color:#d14ca9;font-size:16px;margin:0;padding:0;
}
h4{
color:#d14ca9;font-size:13px;margin:0;padding:0;
}

/* header */
#header{padding:0;margin:0;height:390px} 

/* menu : div contenant les 3 autres div du menu */
#menu{width:100%;height:150px;margin-top:10px;text-align:center}

/* le coin gauche du menu */
#coinMenuGauche{width:23px;height:52px;background-image:url(images/coin_gauche_menu.png);float:left;}

/* le centre du menu */
#centre_menu{width:900px;height:52px;background-image:url(images/pixel_barre_menu_bleu.jpg);background-repeat:repeat-x;float:left;text-align:center;}

/* le coin droit du menu */
#coinMenuDroite{width:23px;height:52px;background-image:url(images/coin_droite_menu.png);float:left;}

#blocs{float:left; height:100%;}
/* menu : div contenant les 3 autres div du menu */
#panier{width:210px;}
#recherche{margin-top:100px;width:210px;}

.contactezNoir{font-size:24px;color:#000000;font-weight:bold;}
.nousBleu{font-size:24px;color:#2e6098;font-weight:bold;}


/* ---------------------------------- */
#bloc2{float:right; width:350px;height:100%;margin-top:30px;}

/* le coin gauche du menu */
#coinBlocGauche2{width:12px;height:194px;background-image:url(images/coin_gauche_bloc.png);float:left;}

/* le centre du menu */
#centreBloc2{width:200px;height:194px;background-image:url(images/pixel_bloc.png);background-repeat:repeat-x;float:left;text-align:center;
color:#FFFFFF;font-size:12px;

}

.barreBloc{color: #70b1dc;background-color:red;height: 2px;border: 0;width:100px;margin:0px;}


/* le coin droit du bloc */
#coinBlocDroit2{width:13px;height:194px;background-image:url(images/coin_droite_bloc.png);float:left;}


/* les liens du menu */
#liens{padding-left:10px;padding-top:15px;font-size:16px;font-weight:bold;}

/* mise en forme des liens */
#liens a:link, #liens a:visited{color:#FFFFFF;text-decoration:none;border-right:1px solid #70b1dc;padding:14px;}
#liens a:hover{color:#FFFFFF;text-decoration:none;background:#70b1dc;padding:14px;}

/* la barre de navigation */
#navigation{clear:both;padding-top:8px;padding-left:30px;}

/* texte Dernières news */
.dernieresNewsNoir{font-size:22px;color:#000000;font-weight:bold}
.dernieresNewsBleu{font-size:22px;color:#70b1dc;font-weight:bold;}

/* corps de la page */
#corps{border-left:1px solid black;padding-left:30px;padding-top:100px;padding-bottom:50px;background-color:#FFFFFF;width:969px;height:100%}

/* ligne dans le corps de la page */
#corps hr{color: #70b1dc;background-color: #70b1dc;height: 2px;border: 0;width:600px;margin:0px;}

#contenu{float:left;width:700px;font-size:12px;margin-left:50px;}
#nouveautes{font-size:11px;color:#4b4b4b;float:left;width:700px;margin-left:50px;}

#lire_suite{background-image:url(images/bouton_vert.png);width:166px;height:29px;color:#FFFFFF;text-align:center;padding-top:10px;
font-weight:bold;font-size:14px;}

/*-----------------------------------------------------------------------------------------*/
#date{display:inline;width:500px;color:#FFFFFF;font-size:14px;font-weight:bold;margin-left:630px;}
#message{width:500px;display:inline;}
#bienvenueBlanc{color:#FFFFFF;font-size:14px;font-weight:bold}
#copyright{margin-left:580px;}
#mentions{}