@charset "UTF-8";
/* CSS Document */
/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
}
#titreSection{
	background-image:url(img/fondTransp.png);
	padding:10px;
}
body { 
  margin: 0; 
  padding: 1em; /* Remettre à zéro si nécessaire. */ 
  /* Pensez à utiliser une collection de polices (2), par ex: 
  font-family: Arial, Helvetica, FreeSans, sans-serif; */ 
  font-size: .8em; /* À adapter pour la police choisie. (3) */ 
  line-height: 1.4; /* À adapter au design. (4) */ 
  color: black; 
  background: white; 
     height: 100%; 
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 
 
/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 
 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
 
/* Liens */ 
a { 
  text-decoration: underline; 
} 
a:link { 
  color: #11C; 
} 
a:visited { 
  color: #339; 
} 
a:hover, a:focus, a:active { 
  color: #00F; 
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}



body {
	font-family:Arial, Helvetica, sans-serif;
}
#global {
	position: relative; /* on positionne le conteneur */
	margin-left: auto;
	margin-right: auto;
	width: 733px;
	border:solid 0px #000;
}
/* @@@@@@@@@@@@@@@@@@@@ BARRE Menu @@@@@@@@@@@@@@@@@@@*/

#total {
	clear:right;
	vertical-align:bottom;
	width: 100%;
	border:solid 0px #000;
}
#logo {
	position:relative;
	float:left;
	width: 300px;
	height:80px;
	border:solid 0px #000;
}
#contact {
	text-align:right;
	width: 390px;
	height:80px;
	float:right;
	border:solid 0px #000;
	vertical-align: bottom;
	position: relative;
}
#menu {
	padding-top:2px;
	height:28px;
	background-image:url(img/fondMenuHaut.jpg);
	background-repeat:repeat-x;
	border:solid 0px #000;
	clear: both;
	position: relative;
	
}
.menuNoir {
	font-size:10px;
	font-weight:bold;
	color:#333;
}
a.menuNoir:link {
	font-size:10px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}
a.menuNoir:hover {
	font-size:10px;
	font-weight:bold;
	color:#666;
	text-decoration:none;
}
a.menuNoir:visited {
	font-size:10px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}
a.menublanc:link {
	line-height:9px;
	font-size:9px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
a.menublanc:hover {
	line-height:9px;
	font-size:9px;
	font-weight:bold;
	color:#FF9;
	text-decoration:none;
}
a.menublanc:visited {
	line-height:9px;
	font-size:9px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

/* @@@@@@@@@@@@@@@@@@@@ BARRE Flash @@@@@@@@@@@@@@@@@@@*/

#flash{
	clear: both;	
}

/* @@@@@@@@@@@@@@@@@@@@ pied de page @@@@@@@@@@@@@@@@@@@*/


#pdp{
	clear: both;
	background-image:url(img/fondPdP.png);
	background-repeat:repeat-x;
	height:90px;
}
#interpdp{
	margin:10px;
	text-align:center:
	
}
.menugris {
	line-height:9px;
	font-size:9px;
	
	color:#888;
	text-decoration:none;
}
a.menugris:link {
	line-height:9px;
	font-size:9px;
	
	color:#888;
	text-decoration:none;
}
a.menugris:hover {
	line-height:9px;
	font-size:9px;
	
	color:#555;
	text-decoration:none;
}
a.menugris:visited {
	line-height:9px;
	font-size:9px;
	
	color:#888;
	text-decoration:none;
}

a.menugris2:link {
	line-height:14px;
	font-size:11px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}
a.menugris2:hover {
	line-height:14px;
	font-size:11px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}
a.menugris2:visited {
	line-height:14px;
	font-size:11px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}


/* @@@@@@@@@@@@@@@@@@@@ bloc Home @@@@@@@@@@@@@@@@@@@*/


#separate8Verti{
width:8px; float:left;	
}
#retourLigne{
	clear:both;
	height:0px;
}
#retourLigne{
	clear:both;
	height:0px;
}
#blocDroit{
	float:right;
	vertical-align:top;
	height:100%;
	width:484px;
	

	border-top:solid 8px #fff;
}
#blocGauche{
	float:left;
	width: 247px;
	vertical-align:top;
	background-color:#FFF;
	margin-bottom:10px;
	padding-bottom:10px;

	
	
}
#globEntrep{
	width:400px;
	
	height:100%;
	background-color:#CCC;
	
}


#globContact{
	width:400px;
	
	height:100%;
	background-color:#CCC;
	
}


#wrap {
	overflow:hidden;
	vertical-align:top;
	background-image:url(img/fndContEnt.png);
	height:100%;
	min-height: 100%;
} 
#wrap2 {
	overflow:hidden;
	vertical-align:top;
	background-image:url(img/fndCont2.png);
	height:100%;
	min-height: 100%;
} 

#wrap3 {
	overflow:hidden;
	vertical-align:top;
	background-image:url(img/fndCont3.png);
	height:100%;
	min-height: 100%;
} 

#wrap4 {
	overflow:hidden;
	vertical-align:top;
	background-image:url(img/fndCont4.png);
	height:100%;
	min-height: 100%;
} 


#wrap5 {
	overflow:hidden;
	vertical-align:top;
	background-image:url(img/fndCont5.png);
	height:100%;
	min-height: 100%;
} 

#wrap6 {
	overflow:hidden;
	vertical-align:top;
	background-image:url(img/fndCont6.png);
	height:100%;
	min-height: 100%;
} 


#wrap9 {
	overflow:hidden;
	vertical-align:top;
	background-image:url(img/fndCont9.png);
	height:100%;
	min-height: 100%;
} 





















#blocHome{
	float:left;
	width: 239px;
	height:160px;
	padding-top:8px;

}
#blocHomeSelect{
	float:left;
	width: 247px;
	height:160px;
	padding-top:8px;

}
#globBloc1{
	float:left;
	width: 100%;
	height:100%;
	background-image:url(img/fondB1.png);
	
}
#globBloc2{
	float:left;
	width: 100%;
	height:100%;
	background-image:url(img/fondB2.png);
	
}
#globBloc3{
	float:left;
	width: 100%;
	height:100%;
	background-image:url(img/fondB3.png);
}
#globBloc4{
	float:left;
	width: 100%;
	height:100%;
	background-image:url(img/fondB4.png);
}
#globBloc5{
	float:left;
	width: 100%;
	height:100%;
	background-image:url(img/fondB5.png);
}
#globBloc6{
	float:left;
	width: 100%;
	height:100%;
	background-image:url(img/fondB6.png);
}


#globBloc9{
	float:left;
	width: 100%;
	height:100%;
	background-image:url(img/fondB9.jpg);
}


#blocTetiere{
	background-image:url(img/teteMenu.png);
	background-repeat:no-repeat;
	height:35px;
	
	
	
}
#titreBloc{
	font-family: Impact,"Arial Black",Gadget,sans-serif;
	line-height:25px;
	font-size:22px;
	margin-left: 24px;
	
	vertical-align:bottom;

	color:#FFF;

}
#sstitreBloc{
	margin : 0px 0px 0px 30px;
	font-size:11px;
	color:#FFF;
}
#ctntitreBloc{
	margin : 8px 0px 0px 30px;
	font-size:10px;
	color:#FFF;
	line-height: 8pt;
	
}
#esptitreBloc{
	margin : 20px 0px 0px 30px;
	font-size:10px;
	color:#FFF;
	line-height: 8pt;
}