/* CSS Document */


/* -- GENERALITES -- */
* { 
	margin: 0 ; 
	padding: 0 
}

html { 
	font: 11px/1.2em Arial, Helvetica, sans-serif ; 
}

body { 
	font-size: 1em ; 
}

ul { 
	list-style: none 
}

a, a:hover { 
	text-decoration: none ; 
}

a img { 
	border: 0 ; 
} 

hr { 
	visibility: hidden ; 
	line-height: 0 ; 
	height: 0 ; 
	border: 0 ; 
	clear: both ; 
}

h1, h2, h3, h4, h5, h6 { 
	font-size: 1em ; 
	line-height: 1.2em ; 
	font-weight: normal ;
}

a:hover { 
	font-weight: normal ; 
}

.spacer {
	clear:both;
	font-size:1px;
	height:1px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -- STRUCTURE -- */
body { 
	background: url(../img/structure/body-arr-pl.jpg) left top repeat-x #ededed ; 
}

#page { 
	position: relative ; 
	width: 1024px ; 
	margin: 0 auto ; 
	background-color: #fff ;
}
	
#gauche {
	position: relative ; 
	float: left ; 
	z-index: 20; 
	width: 750px ; 
	margin: 0 0 2em ; } 
	
#droite {
	float: left ; 	
	position: relative ; 
	width: 274px; 
	margin: 0 0 2em ; 
} 

#header { 
	position: relative ; z-index: 1 ; 
	width: 750px ; height: 175px ; 
	background: url(../img/structure/flauraud-europe-auto-equipm.jpg) left top no-repeat ; 
}

#header-en { 
	position: relative ; z-index: 1 ; 
	width: 750px ; height: 175px ; 
	background: url(../img/structure/flauraud-europe-auto-equipm-en.jpg) left top no-repeat ; 
}

#header img, #header-en img  {
	display:none; 
}

#nav { 
	position: relative ; 
	width: 713px ; 
	height: 34px ; 
	background: url(../img/structure/nav-ul-arr-plan.jpg) left top repeat-x ; 
}
/* -- FOOTER -- */	
#footer { 
	position: relative ;
	clear:both; 
	/*width: 100% ; */
	height: 64px ; 
	padding: 0 0 1.5em 0 ;
	background: url(../img/structure/ombre-bas-page.jpg) left top no-repeat #ededed ; 
	}


#footer img { 
	float: left ;
}


#footer #img_footer { 
	float: right ; 
	margin: 1.5em 1em 0 0 ;
}

/*   correspond aux ajouts d'éléments graphiques sur les côtés de la page (déborde du 1024)
#racc-gauche, 
#racc-centre, 
#racc-droit {
	position: absolute ; top: 0 ; z-index: 0 ;
	width: 102px ; height: 679px ; } 
#racc-gauche {	
	left: -102px ; 
	background: url(../img/structure/raccord-gauche.jpg) left top no-repeat ; }
#racc-droit { 
	left: 1024px ; 
	background: url(../img/structure/raccord-droit.jpg) left top no-repeat ; }
*/
#racc-centre {
	position: absolute ; 
	z-index: 0 ;
	top: 0 ; 
	left: 713px ; 
	height: 679px ; 
	width: 3.36em ; 
	background: url(../img/structure/ombre-lateral-interieure.jpg) left top no-repeat ;
}  


/* -- NAV -- */

#page #gauche #header #backhome a {
	position: absolute ; 
	left: 3em ; 
	width: 25em ;
	height: 6.5em ; 
}

#nav ul li { 	
	float: left ; 
	padding: 0 0.2em ; 
	width: auto ; 
}

span.separateur { 
	display: block ; 
	float: left ; 
	width: 6px ; 
	height: 11px ; 
	margin: 14px 0 0 ;
	background: url(../img/menu/nav-li-separateur.jpg) left top no-repeat ; 
}

/*--------------- NAV SOCIETE  -------------*/
.societe #gauche #contenu ul#nav-societe { 
	position: relative  ; 
	top: 0 ; 
	height: 4.3em ; 
	width: 60.45em ; 
	padding-left: 7.2em ; 
	padding-top: 0.7em ;
	background: url(../img/menu/ombre-menu-niveau2.jpg) left 2.67em no-repeat ; 
}

#gauche #contenu ul#nav-societe li { 
	margin: 0 0 ;
	float: left ; 
}

#gauche #contenu ul#nav-societe li a { 
	font-size: 1.09em ; 
	color: #414a52 ; 
	font-weight: bold ; 
}

#gauche #contenu ul#nav-societe li a:hover { 
	color: #075da8 ; 
	text-decoration: underline ; 
}




/*--------------- NAV SOCIETE POIDS LOURD -------------*/
.pl #gauche #contenu ul#nav-societe { 
	position: relative  ; 
	top: 0 ; 
	height: 4.3em ; 
	width: 60.45em ; 
	/*padding-left: 7.2em ;*/ 
	padding-left: 3.1em ; 
	padding-top: 0.7em ;
	background: url(../img/menu/ombre-menu-niveau2.jpg) left 2.67em no-repeat ; 
}

.pl #gauche #contenu ul#nav-societe li { 
	margin: 0 0 ;
	float: left ; 
}

.pl #gauche #contenu ul#nav-societe li a { 
	font-size: 1.09em ; 
	color: #414a52 ; 
	font-weight: bold ; 
}

.pl #gauche #contenu ul#nav-societe li a:hover { 
	color: #075da8 ; 
	text-decoration: underline ; 
}


/*--------------- NAV SOCIETE AUTOMOBILE -------------*/
.auto #gauche #contenu ul#nav-societe { 
	position: relative  ; 
	top: 0 ; 
	height: 4.3em ; 
	width: 60.45em ; 
	/*padding-left: 1.0em ;*/ 
	padding-left: 3.1em ;  
	padding-top: 0.7em ;
	background: url(../img/menu/ombre-menu-niveau2.jpg) left 2.67em no-repeat ; 
}

.auto #gauche #contenu ul#nav-societe li { 
	margin: 0 0 0 0 ;
	float: left ; 
}

.auto #gauche #contenu ul#nav-societe li a { 
	font-size: 1.09em ; 
	color: #414a52 ; 
	font-weight: bold ; 
}

.auto #gauche #contenu ul#nav-societe li a:hover { 
	color: #075da8 ; 
	text-decoration: underline ; 
}


/*--------------- NAV SOCIETE INDUSTRIE -------------*/

.ind #gauche #contenu ul#nav-societe { 
	position: relative  ; 
	top: 0 ; 
	height: 4.3em ; 
	width: 60.45em ; 
	/*padding-left: 7.2em ;*/ 
	padding-left: 3.1em ;
	padding-top: 0.7em ;
	background: url(../img/menu/ombre-menu-niveau2.jpg) left 2.67em no-repeat ; 
}

.ind #gauche #contenu ul#nav-societe li { 
	margin: 0 0;
	float: left ; 
}

.ind #gauche #contenu ul#nav-societe li a { 
	font-size: 1.09em ; 
	color: #414a52 ; 
	font-weight: bold ; 
}

.ind #gauche #contenu ul#nav-societe li a:hover { 
	color: #075da8 ; 
	text-decoration: underline ; 
}

/* -------------- NAV mentions ------------------ */
#nav2 {
	position: relative ; 
	height: 5.09em ; 
	width: 100% ;
	background-color: #9da4aa ; 
}
	
#nav2 ul#mentions, #nav2 ul#lg {
	float: left ;
}
	
#nav2 ul#mentions {
	margin: 1.8em 0 0 2.18em ; 
} 

#nav2 ul#mentions li { 
	float: left ; 
	height: 1.09em ;  
}
	
#nav2 span.separateur { 
	width: 18px ; 
	height: 1.09em ; 
	margin: 0 ;
	background: url(../img/menu/separateur-nav2.gif) 7px 4px no-repeat ; 
}

#nav2 ul#lg {
	margin: 1.4em 0 0 1.5em ; 
}

#nav2 ul#lg li {
	float: left ;
}


/* -- MARQUE PAGES FRANCE-- */
li#rub-accueil:hover { 
	background:url(../../fr/img/menu/nav-accueil.gif) 4px top no-repeat ; 
}

li#rub-societe:hover { 
	background:url(../../fr/img/menu/nav-societe.gif) 9px top no-repeat ; 
}

li#rub-recrutement:hover { 
	background:url(../../fr/img/menu/nav-recrutement.gif) 8px top no-repeat ; 
}

li#rub-actualite:hover { 
	background:url(../../fr/img/menu/nav-actualite.gif) 8px top no-repeat ; 
}

li#rub-developpement:hover { 
	background:url(../../fr/img/menu/nav-developpement.gif) 8px top no-repeat ; 
}

li#rub-magasins:hover { 
	background:url(../../fr/img/menu/nav-magasins.gif) 8px top no-repeat ; 
}

li#rub-contact:hover { 
	background:url(../../fr/img/menu/nav-contact.gif) 8px top no-repeat ; 
}

.accueil #nav #rub-accueil { 
	background:url(../../fr/img/menu/nav-accueil.gif) 4px top no-repeat ;
}

.societe #nav #rub-societe { 
	background:url(../../fr/img/menu/nav-societe.gif) 9px top no-repeat ; 
}

.recrutement #nav #rub-recrutement { 
	background:url(../../fr/img/menu/nav-recrutement.gif) 8px top no-repeat ; 
}

.rubactu #nav #rub-actualite { 
	background:url(../../fr/img/menu/nav-actualite.gif) 8px top no-repeat ; 
}

.rubactu #nav #rub-societe  { 
	background: none ; 
}

.developpement #nav #rub-developpement { 
	background:url(../../fr/img/menu/nav-developpement.gif) 8px top no-repeat ; 
}

.magasins #nav #rub-magasins { 
	background:url(../../fr/img/menu/nav-magasins.gif) 8px top no-repeat ; 
}

.contact #nav #rub-contact { 
	background:url(../../fr/img/menu/nav-contact.gif) 8px top no-repeat ; 
}

.societe #contenu #historique #bt-historique a, .societe #contenu #valeurs #bt-valeurs a, .societe #contenu #chiffres #bt-chiffres a  { 
	color: #075da8 ; 
	text-decoration: underline ; 
}


/* -- MARQUE PAGES ENGLISH-- */
li#rub-accueil-en:hover { 
	background:url(../../en/img/menu/nav-accueil.gif) 4px top no-repeat ; 
}

li#rub-societe-en:hover { 
	background:url(../../en/img/menu/nav-societe.gif) 9px top no-repeat ; 
}

li#rub-recrutement-en:hover { 
	background:url(../../en/img/menu/nav-recrutement.gif) 8px top no-repeat ; 
}

li#rub-actualite-en:hover { 
	background:url(../../en/img/menu/nav-actualite.gif) 8px top no-repeat ; 
}

li#rub-developpement-en:hover { 
	background:url(../../en/img/menu/nav-developpement.gif) 8px top no-repeat ; 
}

li#rub-magasins-en:hover { 
	background:url(../../en/img/menu/nav-magasins.gif) 8px top no-repeat ; 
}

.accueil #nav #rub-accueil-en { 
	background:url(../../en/img/menu/nav-accueil.gif) 4px top no-repeat ;
}

.societe #nav #rub-societe-en { 
	background:url(../../en/img/menu/nav-societe.gif) 9px top no-repeat ; 
}

.recrutement #nav #rub-recrutement-en { 
	background:url(../../en/img/menu/nav-recrutement.gif) 8px top no-repeat ; 
}

.rubactu #nav #rub-actualite-en { 
	background:url(../../en/img/menu/nav-actualite.gif) 8px top no-repeat ; 
}

.rubactu #nav #rub-societe-en  { 
	background: none ; 
}

.developpement #nav #rub-developpement-en { 
	background:url(../../en/img/menu/nav-developpement.gif) 8px top no-repeat ; 
}

.magasins #nav #rub-magasins-en { 
	background:url(../../en/img/menu/nav-magasins.gif) 8px top no-repeat ; 
}




/* -- DROITE -- */
#services { 
	position:relative ; 
	height: 2.09em ; 
	width: 100% ; 
	padding: 1em 0 0 ;
	background: url(../img/structure/services-rond-bord-droit.jpg) right top no-repeat #4b5257 ; }

#services img { 
	margin: 0 0 0 6.4em ; 
}
	
#home #page #droite div.bt, #produit #page #droite div.bt, #interieur #page #droite div.bt { 
	width: 100% ; 
	height: auto ; 
	padding: 0.82em 0 1em ; 
	position: relative ; 
	text-align: center ; 
}

#home #page #droite div.bt ul li a img, #interieur #page #droite div.bt ul li a img { 
	margin: -0.3em 0 0 ; 
	border: 0;
}

/*  ------------------------------ */
/*  - GAUCHE CONTENU -  */
/*  ------------------------------ */
#gauche #contenu { 
	position: relative; 
	z-index: 20 ; 
	margin: 0 ; 
}

#gauche #contenu .bt { 
	position: relative ; 
	z-index: 20 ; 
	padding-left: 5.5em ; 
	margin: 2em 0 0 ; 
} 
	
#gauche #contenu .bt h2 { 
	position: relative ; 
	margin: 1.19em 0 0 3.0em ; 
	text-align: center ; 
}
	 
#gauche #contenu .bt .poids-lourds h2 { 
	margin-left: 2.1em ; 
}
	
#gauche #contenu .bt select { 
	position: relative ; 
	left: 2.5em ; 
	top: 11.2em ; 
	width: 17em ; 
	white-space: nowrap ; 
}
	
#gauche #contenu .bt .poids-lourds select { 
	left: 2.2em ; 
}

#gauche #contenu .bt select, #gauche #contenu .bt select option { 
	font-size: 0.9em ;
	line-height: normal ; 
}
	
#gauche #contenu .bt select option { 
	padding-left: 0.3em ; 
	margin: 0.2em 0 ;
}
	
#gauche #contenu .bt .poids-lourds, 
#gauche #contenu .bt .automobile, 
#gauche #contenu .bt .industrie,
#gauche #contenu .bt .cder-pieces,
#gauche #contenu .bt .cder-accessoires,
#gauche #contenu .bt .cder-consommable { 
	position: relative ; 
	float: left ; 
	width: 21.82em ; 
	height: 19.09em ; 
	margin: 0 -2.5em 0 0 ; 
}
	
#gauche #contenu .bt .poids-lourds {
	background: url(../img/menu/fond-poids-lourds.gif) left top no-repeat ;
} 
	
#gauche #contenu .bt .automobile {
	background: url(../img/menu/fond-automobile.gif) left top no-repeat ;
}
	 
#gauche #contenu .bt .industrie { 
	background: url(../img/menu/fond-industrie.gif) left top no-repeat ;
}



#gauche #contenu .bt .cder-pieces {
	background: url(../img/menu/fond-cder-pieces.gif) left top no-repeat ;
} 
	
#gauche #contenu .bt .cder-accessoires {
	background: url(../img/menu/fond-cder-accessoires.gif) left top no-repeat ;
}
	 
#gauche #contenu .bt .cder-consommable { 
	background: url(../img/menu/fond-cder-consommable.gif) left top no-repeat ;
}


#gauche #contenu .bt .acces-client { 
	position: relative ; 
	float: left ; 
	width: 580px ; 
	height: 40px ; 
	margin: 0 0 0 0 ;
	padding:24px 0 0 86px; 
}

#gauche #contenu .bt .acces-client { 
	background:url(../img/menu/fond-acces-client.gif) 39px top no-repeat ;
}

#gauche #contenu .bt .acces-client .acces a ,
#gauche #contenu .bt .acces-client .cder-catalogue a,
#gauche #contenu .bt .acces-client .devenir-client a   {
	height: 20px ; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#ff9c00;
	font-weight:bold;
	text-transform:uppercase;
}





#home #gauche #contenu #text { 
	clear: both ; position: relative ; 
	margin: 2.5em 0 0 ; }

#home #gauche #contenu #text a { 
	color: #fff ; border-bottom: 0 ;  
}

#home #gauche #contenu #text div.infos h3 a { 
	color: #000 ; border-bottom: 0 ;  
}
#home #gauche #contenu #text div.infos h3 a:hover { font-weight:bold; text-decoration:underline; }

#gauche #contenu #text a { 
	color: #000 ; 
	border-bottom: 1px dashed #000 ;  
}

#gauche #contenu #text .infos {
	float: left ; position: relative ; 
	width: 22.82em ; 
	margin-left: 6.0em ; padding: 0 0.5em ; 
}
	
#gauche #contenu #text h3 { 
	font-size: 1.27em ; 
	color: #075da8 ; 
	font-weight: bold ; 
}
		
#gauche #contenu #text p { 
	margin: 1.2em 0 0 ; line-height: 1.3em ; 
}

#gauche #contenu #text p.chapo { 
	font-size: 1.09em ; 
	margin: 0 ;
	color: #075da8 ; 
	font-weight: bold ; 
}
		
#gauche #contenu #text p.chapo a { 
	font-size: 1.09em ; 
	margin: 0 ;
	color: #075da8 ; 
	font-weight: bold ; 
}

#gauche #contenu #text span.chapo { 
	font-size: 1.0em ; 
	margin: 0 ;
	color: #075da8 ; 
	font-weight: normal ; 
		} 
		
#gauche #contenu #text span.chapo a { 
	font-size: 1.0em ;
	margin: 0 ;
	color: #075da8 ; 
	font-weight: normal ; 
}
#gauche #contenu #text .visuel { 
	position: relative ; 
	margin: 0.5em 0 0 -0.45em ; 
}

#gauche #contenu #text p.ensavoirplus { 
	margin: 0.3em 0 ; 
	height: 2.09em ; 
	background: url(../img/structure/ensavoirplus-fond.gif) left top no-repeat ; 
}
		
#gauche #contenu #text p.ensavoirplus span { 
	display: block ; 
	position: absolute ; 	
	margin: 0.65em 0 0 7em ; 
	padding: 0 ; 
}

.ensavoirplus a {
	color: #fff ; 
}

/* -- interieur -- */
#interieur ol { 
	padding: 0 0 0 1.8em ; 
}
		
#interieur dl dt { 
	padding-left: 0.8em ; 
	background: url(../img/structure/puce-bleue.gif) left 0.4em no-repeat ; 
}

#interieur #gauche, #interieur #droite {
	margin: 0 0 2em 0 ; 
} 

#interieur #gauche #contenu #bando {	
	position: relative  ; 
	top: 0 ; 
	height: 4.3em ; 
	width: 60.45em ; 
	padding-left: 8em ; 
	padding-top: 0.7em ;
	background: url(../img/menu/ombre-menu-niveau2.jpg) left 2.67em no-repeat ; 
}

#interieur #gauche #contenu #text { 
	position: relative ;	
	margin: 0.5em 0 0 0 ;
}
		
#interieur #gauche #contenu #text h2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif ; 
	font-size: 2.27em ; 
	color: #414a52 ; 
} 	

#interieur #gauche #contenu #text .infos {
	float: left ; 
	width: 34.91em ; 
	margin-left: 3.5em ;
	padding: 0 0.5em ; 
}
	
#interieur #gauche #contenu #text .visuel {
	float: left ; 
	width: 26.09em ; 
	margin-left: 1.5em ; 
	padding: 0 0.5em ; 
}
		
#interieur #gauche #contenu #text .infos ul {
	margin: 1em 0 0 3em ; 
}

#interieur #gauche #contenu #text .infos ul li {
	margin: 1em 0 0 ; 
}

#interieur #page .bt { 
	position: relative ; 
	z-index: 20 ; 
	bottom: 0 ; 
	padding-left: 4.0em ; 
	margin: 0 ; 
}
		 
#interieur #page .bt h2 { 
	position: relative ; 
	margin: 0 0 0 3.0em ; 
	text-align: center ; 
} 
		
#interieur #page .bt .poids-lourds, 
#interieur #page .bt .automobile,
#interieur #page .bt .industrie { 
	position: relative ; 
	float: left ; 
	width: 21.82em ; 
	height: 4.73em ; 
	margin: 0 -2.5em 0 0 ; 
	background: none ; 
}

/* -- interieur / SOCIETE / chiffres -- */ 
#interieur #gauche #contenu #text { 
	margin: 0.5em 0 0 0 ; 
}

.chiffres #gauche #contenu #text .infos {
	float: none ; 
}

.chiffres #gauche #contenu #text .visuel {
	float: none ; 
	clear: both ; 
}

.chiffres #gauche #contenu #text .visuel #graph1 { 
	margin: 1.5em 0 0 11em ; 
}

.chiffres #gauche #contenu #text .visuel #graph2 { 
	margin: 0.5em 0 0 16.0em ; 
}

/* -- interieur / SOCIETE / ACTUALITE -- */ 
.actualite #page #gauche #contenu #text h1 { 
	font-size: 2.27em ; 
	margin-bottom: 0.5em ; 	
	font-family: Verdana, Arial, Helvetica, sans-serif ; 
	color: #414a52 ; 
} 	
	
.actualite #page #gauche #contenu #text .infos {
	float: none ; 
	width: auto ; 
	margin: 0 4.5em 2em 3.5em ; 
}

.actualite #gauche #contenu #text .visuel {
	float: none ; 
	clear: both ; 
}

/* -- interieur / SOCIETE / RECRUTEMENT -- */ 


.recrutement #page #gauche #contenu .postes { 
	position:relative;
	float: left ; 
	width: 600px ; 
	margin: 0 10px 20px 47px ;
	background-color: #ededed ;
	/*width: 26em ; 
	margin: 0 2.5em 2em 2.1em ; 	*/
}

.recrutement #page #gauche #contenu .postes h3 { 
	/*margin: 0 0 0.5em ; */
	padding:5px 5px 0 10px;
}

.recrutement #page #gauche #contenu .postes p { 
	/*margin: 0 0 0.2em; */
	padding:0 0 10px 15px;
}

p.repondre-annonce {
	text-align:right;
	padding:0 0 0 0;
	margin:0 10px 0 10px;
}

p.contact_form {
	text-align:right;
	padding:0 0 0 0;
	margin:0 45px 0 10px;
}

p.contact_form a{
	color:#075da8;
}



/* -- interieur / MAGASINS -- */ 
.magasins #gauche #contenu #text .infos img {
	margin: 2em 0 0 ; 
	border: 1px solid #4b5257 ; 
}

.magasins #page #gauche #contenu #text .visuel {
	margin: 6.5em 0 0 ; 
	width: 23em ; 
}

.magasins #gauche #contenu #text .visuel img {
	margin: 2.0em 0 0 ;
}

.magasins #gauche #contenu #text a { 
	color: #075da8 ; 
	border-bottom: 0 ; 
}

.magasins #gauche #contenu #text a:hover { 
	text-decoration: underline ; 
}

.magasins #text .infos p { 
	width: 50em ;  
}

/* -- PROGRAMME FORMATIONS & ACTUALITES -- */

.texte-formation {
	width:400px;
	margin:0;
	padding:0;
	float:left;
}

.img-formation {
	float:left;	
	width:220px;
	margin:0 0 0 10px;
	padding:0;
}


.prog-formation #page #gauche #contenu #text { 
	position: relative ; 
	margin-bottom: 2em ; 
	width: 68em ; 
}
		
.prog-formation #page #gauche #contenu #text .infos { 
	float: none ; 	position: relative ; 
	width: 60em ; 
}

.prog-formation #page #gauche #contenu #text .infos .cat_form{ 
	color:#f17225;
}

.prog-formation #gauche #contenu #text h1 { 
	font-family: Verdana, Arial, Helvetica, sans-serif ; 
	font-size: 2.27em ; 
	color: #414a52 ; 
} 

.prog-formation #page #gauche #contenu #text, 
.actualite #page #gauche #contenu #text {
	margin-top: -1em ; 
	padding: 0 ; 
}

.prog-formation #page #gauche #contenu #text .infos .deroulant , 
.actualite #page #gauche #contenu #text .deroulant { 
	position: relative ; 
	float: right ; 
	padding: 0 0 1em ; 
	
}

.actualite #page #gauche #contenu #text .deroulant { 
	padding: 0 0 0  0 ; 
	margin: 0 6.5em 1em 0 ; 	
}

.prog-formation #page #gauche #contenu #text .infos .deroulant p, 
.actualite #page #gauche #contenu #text .deroulant p { 
	font-size: 1.5em ; 
	font-weight: bold ; 
	padding-left: 1.2em ; 
	background: url(../img/structure/fleche-bas.gif) left 0.3em no-repeat ; 
}

.prog-formation #page #gauche #contenu #text .infos .deroulant ul, 
.actualite #page #gauche #contenu #text .deroulant ul { 
	position: absolute ; 
	z-index: 500 ;  
	left: 0 ; 
	margin: 0.2em 0 0 -1em  ; 
	padding: 1em ; 
	width: auto ; 
	border-bottom: 1px solid #dde ;  
	border-right: 1px solid #dde ;  
	border-left: 1px solid #dde ;  
	background: url(../img/structure/deroulant-arr-pl.gif) left bottom	repeat-x ; 
	background-color: #fefefe ; 
	display: none ; 
}

.actualite #page #gauche #contenu #text .deroulant ul { 
	right: 0 ; 
	margin: 0 ; 
}

.prog-formation #page #gauche #contenu #text .infos .deroulant:hover ul, 
.actualite #page #gauche #contenu #text .deroulant:hover ul { 
	display: block ;
}

.prog-formation #page #gauche #contenu #text .infos .deroulant ul li, 
.actualite #page #gauche #contenu #text .deroulant ul li { 
	margin: 0.5em 0 ; 
	padding-left: 0.8em ; 
	background: url(../img/structure/puce-bleue.gif) left 0.4em no-repeat ; 
}

.prog-formation #page #gauche #contenu #text .infos .deroulant ul li a, 
.actualite #page #gauche #contenu #text .deroulant ul li a { 
	border: 0 ; 
}

.prog-formation #page #gauche #contenu #text .infos .deroulant ul li a:hover,
.actualite #page #gauche #contenu #text .deroulant ul li a:hover { 
	text-decoration: underline ;  
}

.prog-formation #page #gauche #contenu #text .infos .chapo { 
	margin: 2em 0 0 ; 
}

.prog-formation #page #gauche #contenu #text .formation {
	position: relative;
	z-index: 10;
	width: 59.82em;
	/*height: 6.84em;*/
	margin: 0.8em 0 0.8em 2.5em;
	padding: 1.8em 0 0 3em;
	color: #42494f;
	background-color: #E8E9EB;
	/*background: url(../img/structure/programme-fond.gif) left top no-repeat ; */
}
.prog-formation #page #gauche #contenu #text .formation span {
	font-family: Arial, Helvetica, sans-serif ; 
}
.prog-formation #page #gauche #contenu #text .formation div h3 { 
	font-size: 1em ; 
	margin: -0.35em 0 0.5em ;
	font-weight: bold ; 
	color: #42494f ; 
}

.prog-formation #page #gauche #contenu #text .formation div h2 { 
	font-size: 1em ; 
	margin: -0.35em 0 0.5em ;
	font-weight: bold ; 
	color: #42494f ; 
}
.prog-formation #page #gauche #contenu #text .formation div p { 
	font-size: 1em ; 
	margin: 0 ; 
}
.prog-formation #page #gauche #contenu #text .formation .pdf { 
	position: absolute ; 
	z-index: 10 ; 
	left: 52.0em ; 
	top : 0 ;
	width: 8.18em ;
	height: 8.64em ;
	/*background:  url(../img/structure/formations-separateur.jpg) left 0.7em no-repeat ;	*/
}
.prog-formation #page #gauche #contenu #text .formation .pdf a { 
	border: 0 ; 
}
.prog-formation #page #gauche #contenu #text .formation .pdf img { 
	margin: 0.9em 0 0 1.7em  ; 
}


/* -- CONTACT -- */
input, textarea {	
	border-width: 1px ;  
	border-color: #a1aab2 ; 
	border-bottom-color: #666 ;
	border-right-color: #666 ; 
}
.contact #text { 
	padding:  0em 4em ;   
}
.contact #text h1 { 
	font-size: 2.27em ; 
	color: #414a52 ;  
}
.contact #text span.oblig, .contact #text p.oblig { 
	color: #b00 ; 
}	
.contact #text #form-contact { 
	margin: 2.5em 7em 0 6em ;  
	padding: 1.0em 2em 2em  ; 
	background: url(../img/structure/contact-arr-pl-degrad.gif) left 100% repeat-x #ededed ; 
	border: 1px solid #ddd ; 
}
.contact #text p {
	clear: both ; float: none ; 
	padding: 1em 0 0 5em ; 
}
.contact #text #form-contact p label, .contact #text #form-contact p input {
	display: block ; float: left 
}
.contact #text #form-contact p label {
	width: 9em ; 
}
.contact #text #form-contact p input, .contact #text #form-contact  textarea#adress { 
	width: 13em ; 
}
.contact #text #form-contact  textarea#msg { 
	width: 20em ; 
}
.contact #text #form-contact p input#valider {
	width: auto ; 
	margin-left: 20em 
}

/* --  Partenaires  -- */		
.partenaires #gauche #contenu #text #logos a {
	text-decoration: none ; 
	border-bottom: 0 ; 
}
#text #logos { 
	margin-left: 6.5em ; 
}
#text #logos a { 
	display: block ; 
	float: left ; 
	width: 13.18em ; 
	margin: 1.5em ; 
}
#text #logos a img {
	padding: 0.3em ; 
	background-color: #fff  ; 
	border: 1em solid #eaeaea; 
}
		


/* -- BTE OUTILS -- */
.hors-champ { 	
	position: absolute ; 
	top: -5000px ; 
}
.right { 
	float: right ; 
	margin: 0 1em 0.5em ; 
}
.maj { 
	text-transform: uppercase ; 
}
.clear { 
	clear: both ; 
}


/*-------------- Plan du site ------------------*/


.plansite #page #gauche #contenu #text {
	margin-top: -1em ; 
	padding: 0 ; 
}
	
.plansite #page #gauche #contenu #text .infos {
	float: none ; 
	width: 649px ; 
	margin: 0 4.5em 2em 3.5em ; 
}

.plansite #page #gauche #contenu #text h1 { 
	font-size: 2.27em ; 
	margin-bottom: 0.5em ; 	
	font-family: Verdana, Arial, Helvetica, sans-serif ; 
	color: #414a52 ; 
	margin: 0 0 20px 0 ; 	
} 

.plansite #page #gauche #contenu #text h2 {
	color: #075da8;
	margin: 0 0 10px 0;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}	


.plansite #page #gauche #contenu #text .plangauche {
	float: left ; 
	width: 220px ; 
	margin: 0 2px 0 0; 
}

.plansite #page #gauche #contenu #text .plancentre {
	float: left ; 
	width: 220px ; 
	margin: 0 2px 0 0 ; 
}

.plansite #page #gauche #contenu #text .plandroit {
	float: left ; 
	width: 200px ; 
	margin: 0 0 0 0 ; 
}


#gauche #contenu #text p.planrubrique { 
	font-size: 11px ; 
	margin: 0 ;
	color: #414a52 ; 
	font-weight: bold ;
	margin:0 0 5px 0px;
}
		
#gauche #contenu #text p.planrubrique a { 
	font-size: 11px ; 
	margin: 0 ;
	color: #414a52 ; 
	font-weight: bold ;
	border-bottom:none;
}

#gauche #contenu #text p.planrubrique a:hover { 
	font-size: 11px ; 
	margin: 0 ;
	color: #075da8 ; 
	font-weight: bold ; 
	text-decoration: underline ; 	
}



/*------- Occasion Liste -----*/

.lineprod {
	clear:both;
	width:450px;
	margin-left:34px;
}

.liste-produit {
	float:left;
	width:225px;
	margin-bottom:20px;
}

.img-gauche {
	float:left;
	height:140px;
}

.designation-produit {
	margin:0;
	padding:0;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#71777b;
}

.designation-produit-occasion {
	margin:0 0 0 5px;
	padding:0;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#71777b;
}

.vignette {
	border:1px solid #999999;
	height:100px;
	width:100px;
	margin-left:0pt;
}

.desc_prod {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#71777b;
	/*display:inline;*/
	float:left;
	margin-left:10px;
	margin-top:5px;
}


 
/*------- Occasion fiche produit -----*/

.detail-produit {
	float:left;
	width:450px;
	/*margin-bottom:20px;*/
}

.img-droite {
	height:300px;
	float:right;
	margin-top:10px;
}

.vignette-sous-img-droite {
	border:1px solid #999999;
	margin:5px 2px 0 0;
	float:left;
}

.photo-produit {
	border:1px solid #999999;
	margin-left:0pt;
}

.desc_prod-detail {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#71777b;
	margin:0 10px 0 0;
	float:left;
	width:185px;
}

.desc_prod-detail h4 {
	font-size: 12px ; 
	color: #075da8 ; 
	font-weight: bold ;
}

/*-----------RUB OCCASION---------*/

.contact-occasion {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#71777b;
	margin:10px 0 0 0;
}


#bouton-occasion {
	margin:15px 0 10px 0;
	padding:0 0 0 0;
}

#selection {
	clear:both;
	margin:10px auto 10px auto;
}

#selection img {
	text-align:center;
}

#selection .selectiondumois a {

	margin-bottom:14px;
	color:#000000;
	font-weight: bold; 
	text-transform: uppercase; 
	color: #414a52; 
}
.selectiondumois span {
		background-color:#FF9900;
		display:block;
		width:110px;
		padding:5px;
}


#selection div {
	padding:10px;
}

#selection .selectiondumois {
	background: url(../img/structure/bg_selection.gif) repeat-x left top;
	width:390px;
	padding:0px;
	color:#000000;
	margin: 0 0 0 66px;
}

#petition {
	position: relative ;
	clear:both;
	float:right;
}