body{
	background-color:#313131;
	padding:0;margin:5px 20px 0 20px;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size:11px;
	color:#000;
}

#contenant{
	width:859px;
	border:5px solid #FFF;
	margin:0 auto;
	background-color:#FFF;
	position:relative;
}

/*** ENTETE ***/

#entete{
	background:url(../img/entete.jpg) 188px 0 no-repeat;
	width:859px;
	height:95px;
}

#logo{
	width:188px
	height:70px;
}

#adresse{
	background-color:#003366;
	height:25px;
	padding-left:5px;
	margin-top:2px;
}

#adresse ul{margin:0;padding:0;list-style:none; width:100%; overflow: hidden;}
#adresse ul li{
	float:left;
	color:#FFF;
	line-height:25px;
	margin-right:10px;
}
/*** FIN DE LENTETE ***/

/*** COTE DROIT ET GAUCHE ***/
#droit{position:absolute;left:682px;width:177px;top:102px;}
#gauche{position:absolute;left:0;width:177px;top:102px;}

#block .block{
	height:44px;
	background-color:#081A58;
}
#block-bleu .block{
	height:44px;
	background-color:#006699;
}
#block-rouge .block{
	height:44px;
	background-color:#CC3300;
}

#block .titre {
	color:#FFF;
	height:22px;
	line-height:22px;
	font-weight:bold;
	padding: 0 5px;
	margin-top:2px;
	background-color:#174577;
}

#block ul {
	margin:5px 0 10px 0;padding:0;
	list-style:none;
}

#block ul li{padding:5px;}
#block ul li a {text-decoration:none;color:#000;}
#block ul li a:hover,#block ul li.done a{color:#091b59;text-decoration:underline;}
#block ul li.done,#block ul li.done a,#block ul li.done a:hover{
	background-color:#7FB2CC;
	color:#FFF;
	text-decoration:none;
}




/*** FIN DU COTE DROIT ET GAUCHE ***/

/*** CENTRE ***/
#centre{
	padding:15px 188px 0 188px;
}
a{color:#003366;}
p{margin-bottom:0;line-height:16px;}
p.h2{margin-top:0;}
h1{
	font-size:18px;
	margin:20px 0 10px 0;
	padding-bottom:3px;
}
h2{
	font-size:12px;
	margin:20px 0 0 0;
	padding-bottom:3px;
}

#rouge h1,#rouge h2,#rouge a{color:#990000}

#bleu h1,#bleu h2,#bleu a{color:#003366;}

#brun h1,#brun h2, #brun a{color:#330000;}

#brun h3{font-size:11px;color:#663300; margin:10px 0 0 0;}

p.question{margin:0;padding-bottom:10px;border-bottom:1px solid #663300;}
p.reponse{margin-top:0;}
li.pdf{
	list-style:none;
	background:url(../img/icone-pdf.gif) no-repeat;
	padding-left:20px;
	margin-bottom:10px;
}

p.haut{margin-bottom:20px;}
ol li.rouge{font-size:12px;color:#990000;font-weight:bold;}
ol li.rouge p, ol li.rouge ul li{font-size:11px; color:#000;font-weight:normal;}

.imgpaiement {text-align:center;margin:20px 0;}
.imgpaiement img{margin-left:10px;}

#horaire-des-fetes {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 1.1em;
	text-align:center;
	border: 1px solid #003366;
}

/*** FIN CENTRE ***/


/*** FOOTER ***/
#footer{
	width:854px;
	border:5px solid #FFF;
	margin:0 auto;
	background-color:#003366;
	height:20px;
	padding-left:5px;
	color:#FFF;
	line-height:20px;
	font-size:10px;
}
/*** FIN DU FOOTER ***/

/*** FORMULAIRE ***/
fieldset{position:relative;margin-bottom:10px;}
legend{color:#330000;font-size:12px;font-weight:bold;}
fieldset p{margin:5px;}
.identification, .impression, .textile{margin-bottom:5px;position:relative;}
.identification label{position:absolute;width:160px;text-align:right;padding-top:3px;}
.identification input{margin-left:170px;}

.impression label{position:absolute;width:120px;text-align:right;padding-top:3px;}
.impression select{margin-left:130px; position:relative;} 

.textile label{position:absolute;width:150px;text-align:right;padding-top:7px;}
.textile input{width:30px;}
.textile .grandeur{margin-left:160px;}
.textile .grandeur2{margin-left:213px;}  
p textarea{width:400px; height:50px;}

#bleu ul.listrealisations{
	margin:0;padding:0;
	list-style:none;
	background:url(../img/filet_degrade.gif) no-repeat;
}

#bleu ul.listrealisations li{
	padding:5px 0;
	background:url(../img/filet_degrade.gif) left bottom no-repeat;
}

#bleu ul.listrealisations li a{
	background:url(../img/fleche.gif) 0 2px no-repeat;
	padding-left:10px;
	color:#7FB2CC;
	text-decoration:none;
}

#bleu ul.listrealisations li.done a{
	background:url(../img/fleche.gif) 0 -22px no-repeat;
	padding-left:10px;
	color:#003366;
	text-decoration:none;
	font-weight:bold;
}

.navigation{clear:both;padding:10px 0;margin-right:15px;}
.navigation ul{
	margin:0;padding:0;
	list-style:none;
}

.navigation ul li{float:right;margin-left:8px;color:#003366;}
.navigation ul li.done a{text-decoration:none;font-weight:bold;}
.navigation ul li.flechedroite{
	background:url(../img/fleche_suivant.gif) 0 2px no-repeat;
	width:10px;height:11px;
}
.navigation ul li.flechedroite a, .navigation ul li.flechegauche a{
	width:100%;height:100%;display:block;
}
.navigation ul li.flechegauche{
	background:url(../img/fleche_precedent.gif) 0 2px no-repeat;
	width:10px;height:11px;
}

.listthumbs ul{
	clear:both;
	margin:0;padding:10px 0;
	list-style:none;
}

.listthumbs ul li{float:left;margin:0 10px;display:inline;}
.listthumbs ul li img{border:1px solid #D5D2D1;}
.listthumbs ul li .detail{background-color:#006699;}
.listthumbs ul li .detail a{
	background:url(../img/details.gif) right top no-repeat;
	width:138px;height:16px;display:block;
}

.pas-d-espace-en-haut { padding-top:0; margin-top:0;}
.rouge { color:#FF0000; font-size:1.2em; font-weight:bold;}
.clear { clear:both; height:0; margin:0; padding:0; line-height:0;}

.intro {
	color:#7FB2CC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.3;
	text-align:justify;
}
.intro strong {
	color:#05204F;
}