/******************************
MENUS
******************************/
@import url(/css/public_menus.css);

/******************************
PRODUITS
******************************/
@import url(/css/public_produits.css);



/*--------------------------------------
STRUCTURE GENERALE
--------------------------------------*/

/********** DEFINITIONS DIVERSES *********/
*{
	font-family:arial,sans-serif;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-image:url('/medias/general/bg.jpg');
background-repeat:no-repeat;
background-position:center 200px;
background-color:#313E47;
}
select{
	font-size:11px;
}
textarea{
	font-size:11px;
}
p {
margin: 0 0 10px 0;
}
a{
	text-decoration:none;
}
div.clearLeft{
	clear:left;
}
a:hover{
	text-decoration:underline;
}
a img{
	border:0px;
}
/********** MAQUETTE *********/
#header {
height: 137px;
background-color: #99CCCC;
}
#haut {
}
#conteneur {
width:960px;
margin:0 auto;
background:white url(/medias/general/fondConteneur.gif) repeat-y scroll 50% 50%;
}
#contenu {
margin-left: 150px;
}
#centre, #centreHome {
	background-color:white;
	padding:10px 10px 10px 10px;
}
#centre {
margin-right: 195px;
}
#divCentre{
	padding-bottom:15px;
}
#gauche {
	float:left;
	width: 150px;
	padding-bottom:300px;
/*	background:#42556a;*/
	background-image:url('/medias/general/fondCol1.jpg');
	background-position:0px 100%;
	background-repeat:no-repeat;
}
#droite {
float:right;
width: 185px;
}
#pied {
clear:both;
color:white;
height:50px;
background-color:#313e47;
}
#principal{
float:left;
width:600px;
}

/************* PIED DE PAGE ******************/
#pied p{
	padding:15px 25px 15px 25px;
	background-color: #900;
	background-repeat:no-repeat;
}
#pied .gauche{
	background-image:url('/medias/general/pliCoinGaucheBasRouge.gif');
	background-position:0% 100%;
}
#pied .droite{
	float:right;
	background-image:url('/medias/general/pliCoinDroitBasRouge.gif');
	background-position:100% 100%;
}
#pied a{
	color:white;
}

/************* FIL d'ARIANE ******************/

#filAriane{
	margin:0px 0px 0px 210px;
}
#filAriane.rubrique{
	margin:0px 0px 0px 0px;
}
#filAriane h2{
	color:#c00;
	margin:3px 0px 3px 0px;
	padding:0px;
	font-size:24px;
	font-weight:bold;
}
#filAriane h2.rubrique{
	color:#c00;
	margin:3px 0px 3px 0px;
	padding:0px;
	font-size:24px;
	font-weight:bold;
}
img.ariane{
	float:left;
	margin:0px 10px 10px 0px;
}
#filAriane a{
	color:#333;
	font-size:11px;
}
#filAriane a.courante{
	color:#c00;
}
#filAriane ul{
	list-style-type: none;
	margin:0px;
	padding:0px;
}
#filAriane .detail{
	margin-left:200px;
}
#filAriane ul li{
	float:left;
	width:170px;
	background: url("/medias/general/puceMenu3.gif") no-repeat 0px 50%;
	padding:0px 0px 0px 15px;
	margin:2px 0px 2px 0px;
}
#filAriane ul li a:hover{
	text-decoration:none;
	background-color:#666;
}
#filAriane ul li a{
	font-weight:bold;
	font-size:11px;
	color:white;
	background: #40515b;
	padding:0px 5px;
}
#filAriane ul li.courante a{
 	background: #c00;
}

/******************************
RUBRIQUES
******************************/

#vignettesRubriques{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
#vignettesRubriques li a:hover{
	text-decoration:none;
}
#vignettesRubriques li{
	width:197px;
	float:left;
	padding:0px;
	margin:0px 0px 0px 0px;
	position:relative;
	text-align:center;
}
#vignettesRubriques li span.label{
	position:absolute;
	bottom:0px;
	left:0px;
	width:198px;
	background:#40515b url(/medias/general/fondHachure1.jpg) repeat-x 0px 50%;
	color:white;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	padding:15px 0px;
	display:none;
}



#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
#menudroit li {
margin-bottom: 5px;
}
#menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menudroit a:hover {
text-decoration: none;
}


.infoBulle{
	position:absolute;
	background-color:#ffc;
	border:1px solid #aaa;
	padding:4px 22px 4px 30px;
	width:150px;
	_width:180px;
	font-size:11px;
	display:none;
	cursor:pointer;
	background-image:url("/medias/general/picto_attn.gif");
	background-repeat:no-repeat;
	background-position: 3px 50%;
}
.infoBulle .fermer{
	position:absolute;
	top:0px;
	right:0px;
	padding:3px 3px 3px 3px;
	cursor:pointer;
}
.charge{
	background:#fff url("/medias/general/hachureAttente.gif") repeat 0px 0px;
}
.discret{
	color:#A2B0A2;
}

/**********************
	HOME
**********************/
img.visuelHome{
	/*float:left;*/
	margin:0px 12px 0px 0px;
}
div.bulle h2.titre_article{
	padding:0px;
	margin:0px 0px 0px 3px;
	font-size:18px;
	color:black;
	letter-spacing:0px;
}
div.bulle strong.chapeau{
	color:#1941A5;
	font-size:13px;
	display:block;
	margin:5px 0px 0px 0px;
}
p.descriptionHome{
	font-size:11px;
}
div.bulle{
	padding:6px 12px 25px 6px;
	background:#E2EBCE url("/medias/general/lienBulle.gif") no-repeat 50% 100%;
	margin:0px 0px 8px 348px;
}
div.colonneHome, div.colonneHome3{
	width:254px;
	float:left;
	margin:12px 8px 0px 0px;
}

}
div.colonneHome3{
	margin-right:0px;
}
#principalHome{
	float:left;
	width:790px;
}

.article img.droite{
	float:right;
	margin:0px 0px 10px 10px;
}
.article .imgGauche{
	float:left;
	margin:0px 10px 10px 0px;
}
.article h2.titre_article{
	color:#c00;
	letter-spacing:1px;
	font-size:14px;
	margin:7px 7px 7px 0px;
}
.article strong.chapeau{
	color:#999;
	font-size:15px;
	margin:7px 7px 7px 0px;
}
div.fichierlie{
	margin:5px 0px 0px 0px;
	border-top:1px dotted #ddd;
	padding:5px 0px;
}
.imagelegende{
	font-size:9px;
	color:#aaa;
}


h3.fiches{
	margin:0px 0px 0px 0px;
	background:#f06000 url("/medias/general/pliCoinOrange.gif") no-repeat top right;
}

h3.fiches span{
	display:block;
	color:white;
	font-size:12px;
	text-transform:uppercase;
	text-align:left;
	padding:2px 3px 2px 23px;
	background-image:url("/medias/general/puceMenu3.gif");
	background-repeat:no-repeat;
	background-position:8px 50%;
}
.ficheHome{
	margin-bottom:8px;
}
.ficheHome h2.titre_article{
	margin:4px 0px 4px 0px;
	padding:0px 0px 0px 0px;
	color:42556A;
	font-size:11px;
}
.ficheHome .imgGauche{
	float:left;
	margin:0px 5px 5px 0px;
}
.ficheHome .description{
	font-size:11px;
}
a.savoirPlus{
	clear:both;
	text-align:right;
	display:block;
	font-size:11px;
}
#gauche p.partenaires{
	text-align:center;
	font-weight:bold;
	color:white;
	margin-top:10px;
}
#gauche p.partenaires img{
	margin-top:10px;
}
#newsletter{
	padding:0px;
	margin:0px;
	color:white;
	font-size:11px;
}
#newsletter p.newsletter{
	margin:0px 15px 3px 15px;
	text-align:right;
}
#newsletter p.newsletter strong{
	display:block;
	border-bottom:1px solid white;
	margin-bottom:3px;
	padding-bottom:3px;
	text-transform:uppercase;
}
#newsletter input.champ{
	width:105px;
	margin:0px;
}