/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body{
	margin: 5px 0;
	padding: 0;
	text-align: center;
	background-color: #738DA9;	
	font-family:  Arial, Verdana, Helvetica, sans-serif;
}
img {
border:0;margin: 0;padding: 0;display:block;
}
/* titre bleu 18px */
h1{
display:block;
width: 420px;
height: 70px;
margin: 0 auto;
padding-left: 50px;
font-family: Comic Sans MS, Verdana, Arial;
font-size:18px;
line-height:18px;
font-weight:bold;
text-align:center;
color: #5380FF;
background: url(images/h1.jpg) no-repeat;
}
/* citation marron italique 14px */
h2{
font-family: Comic Sans MS, Verdana, Arial;
font-size:14px;
font-style:italic;
text-align:right;
color: #7D560B;
padding-bottom:10px;
padding-right: 10px;
}
/* marron 14px */
h3 {
font-family: Arial, Verdana;
font-size:14px;
text-align:center;
color: #7d560b;
}
/* marron 12px */
h4 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #6f4b07;
text-align: center;
padding: 10px;
}
/* marron 14px  souligne*/
h5 {
font-family: Arial, Verdana;
font-size:14px;
text-decoration:underline;
text-align:center;
color: #7d560b;
}
/* bleu 18px sans fond */
h6{
margin: 15px auto;
font-family: Comic Sans MS, Verdana, Arial;
font-size:18px;
line-height:18px;
font-weight:bold;
text-align:center;
color: #5380FF;
}
/*marron 14px gauche + marge */
.h7{
font-family: Arial, Verdana;
font-size:14px;
font-weight:bold;
text-align:left;
margin-left: 50px;
color: #7d560b;
}
div#conteneur {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
div#banniere {
width: 1000px;
height: 169px;
background: url(images/hautgauche.jpg) left no-repeat;
text-align:right;
}
div#divmenu {
width:1000px; height:35px; border:none;background: url(images/menu.jpg) no-repeat left;
}
.menu {white-space:nowrap /*IE hack*/; float:left; width:1000px; height:25px; border:none;padding:2px 0px 2px 100px;}
.menu ul {list-style-type:none; font-size:18px;color:#5380ff;}
.menu ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; height:27px;border-right:solid 1px rgb(175,175,175);}
.menu ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:27px; line-height:25px; padding:0 17px 0 17px; text-decoration:none;color:#5380ff;}
.menu ul li a:visited { text-decoration:none;color:#5380ff;}
.menu ul li ul {display:none; border:none;font-size:12px;}

/*Non-IE6 hovering*/
.menu ul li:hover {position:relative;}
.menu ul li:hover a {color:#7d560b; text-decoration:none;}
.menu ul li:hover ul {display:block; width:auto; position:absolute; z-index:999; top:25px; margin-top:0.1em; left:0;}
.menu ul li:hover ul li a {white-space:normal; display:block; width:160px; height:auto; line-height:27px; margin-left:-1px; padding:4px 8px 4px 8px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background: url(images/ssmenu.jpg); font-weight:normal; color:#5380ff;}
.menu ul li:hover ul li a:hover {text-decoration:none;color:#FFFFFF;background: url(images/ssmenuhover.jpg);}

/*IE6 hovering*/
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu ul li a:hover {position:relative /*IE hack*/; z-index:1000 /*IE hack*/; text-decoration:none;}
.menu ul li a:hover ul {display:block; width:auto; position:absolute; z-index:999; top:25px; left:0; margin-top:0.1em;}
.menu ul li a:hover ul li a {white-space:normal; display:block; width:160px; height:1px; line-height:27px; padding:4px 8px 4px 8px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background: url(images/ssmenu.jpg);font-weight:normal; color:#5380ff;}
.menu ul li a:hover ul li a:hover {text-decoration:none;color:#FFFFFF;background: url(images/ssmenuhover.jpg);}

div#contenu {
float:left;
width: 1000px;
height:100%;
background: url(images/fond.jpg) repeat-y bottom;
}

div#gauche {
float:left;
width: 210px;
padding:0;
margin:0;
}
div#actu {
width: 210px;
height:auto;
margin: 10px 0;
padding: 0;
background: url(images/actu_milieu.jpg) repeat-y;
}
div#depart {
width: 210px;
height:auto;
margin: 0;
padding: 0;
background: url(images/actu_milieu.jpg) repeat-y;
}
div#depart p {
font-size: 10px;
color: #336600;
margin:0px;
padding: 0px 10px;
text-align: center;
}

div#actu p {
font-size: 10px;
color: #336600;
margin:0px;
padding: 0px 15px 0px 10px;
text-align: justify;
}
div#milieu {
float:left;
width: 775px;
min-height:650px;
height:auto !important;
height:650px;
margin: 10px 0;
padding: 0;
background: #F1F1EF url(images/centrer.jpg) no-repeat bottom;
}
div#footer {
clear:both;
width: 1000px;
height: 30px;
background: url(images/footer.jpg) no-repeat bottom;
}
div#footer p {
text-align:center;
font-size: 12px;
}
div#footer a {
text-decoration:none;
color: #000000;
}
p.texte {
margin: 10px 50px;
font-family: Arial, Verdana;
font-size:12px;
text-align:justify;
color: #336600;
}
.texteb {
margin: 10px 50px 10px 25px;
font-family: Arial, Verdana;
font-size:12px;
text-align:justify;
color: #336600;
}
.spanimg {
display:block;
float:left;
width: 230px;
}
.centrer {
display:block;
text-align:center;
}
.left { display:block;text-align:left; }
.right { display:block;text-align:right; }
.souligne {
margin: 10px 50px;
font-family: Arial, Verdana;
font-size:12px;
text-align:justify;
color: #336600;
text-decoration:underline; 
}
.rouge {
color: red;
}
div.blockrando {
display:block;
position:relative;
width: 690px;
height: 125px;
margin: 10px 30px 10px auto;
padding: 10px;
background: url(images/blockrando.png) no-repeat;
}
div.blockrando img {
float:left;
}
div#block_randogauche{
display:block;
float:left;
width: 156px;
height: 283px;
margin: 0 30px 10px 30px;
background: url(images/blockrandoGbas.png) no-repeat bottom;
}
div#block_randogauche p {
font-family: Arial, Verdana;
font-size: 12px;
font-weight:bold;
text-align:center;
color: #0b1534;
margin: 8px 3px 3px 3px;
}
.blockr {
margin-right:20px;
padding:0;
}
.blocktitre {
margin: 0;
padding: 0 0 5px 15px;
font-size:14px;
font-weight:bold;
line-height:20px;
color: #7D560B;
}
.blockmassif {
display:block;
margin: 0;
padding: 0 35px 5px 0;
font-size:14px;
color: #DDDBD7;
text-align: right;
position:absolute;
top:17px;
right:35px;
}
.blockresume {
margin: 0;
font-size:11px;
padding: 0 15px;
text-align:justify;
color: #2E4315;
}
.blockdescriptif {
margin: 0;
padding:0;
display:block;
width:145px;
height: 30px;
position:absolute;
bottom: 30px;
right: 35px;

}
.blockduree {
margin: 0;
font-size:13px;
padding: 5px 15px;
color: #7D560B;
}
.balimg {
float:left;
margin: 5px 15px 15px 0;
border: 1px solid #738DA9;
}
.balimg2 {
float:left;
margin: 5px 15px 15px 25px;
border: 1px solid #738DA9;
}
div#blockcontact {
clear:both;
width: 145px;
height: 202px;
float:left;
margin: 40px 30px;
padding-top:5px;
background: url(images/blockcontact.png) no-repeat;
}
div#blockcontact p {
font-size:12px;
text-align:center;
line-height: 18px;
padding: 10px 10px 0px 30px;
color: #2e4315;
}
div#blockcontact a {
display:block;
width: 90px;
margin: 5px auto;
}
div#blockcontact2 {
clear:both;
width: 145px;
height: 202px;
float:right;
margin: 40px 30px;
padding-top:5px;
background: url(images/blockcontact.png) no-repeat;
}
div#blockcontact2 p {
font-size:12px;
text-align:center;
line-height: 18px;
padding: 10px 10px 0px 30px;
color: #2e4315;
}
div#blockcontact2 span {
font-size:12px;
text-align:center;
line-height: 18px;
padding: 20px 50px 0px 60px;
color: #2e4315;
}
div#prestations {
float:left;
width: 350px;
margin: 40px 0px 10px 175px;
}
div#prestations table {
font-family: Arial, Verdana;
font-size: 14px;
margin: 10px auto;
color: #2e4315;
line-height: 22px;
}
div#prestations td {
padding: 0 5px;
}
#calendrier {
border-collapse:collapse;
border: 1px solid #000000;
width: 95%;
margin: auto;
}
#calendrier thead {
background-color: #728da9;
color: #7D560B;
}
#calendrier thead td {
color: #7D560B;
}
#calendrier tr {
height: 30px;
}
#calendrier th {
border: 1px solid #000000;
font-size: 10px;
width: 25%;
padding-left: 5px;
background-color: #BAC4CD;
}
#calendrier td {
border: 1px solid #000000;
font-size: 10px;
min-width: 7.6%;
text-align: center;
color: #336600;
}
#ficherando {
display:block;
width:667px;
height:224px;
margin: 10px auto;
padding: 5px;
background: url(images/ficherando.png) no-repeat;
}
#ficherando dl {
margin: 0 10px 0 250px;
font-family: Comic Sans MS, Arial;
text-align:left;
color: #dcdbd7;
}
#ficherando dt {
float:left;
font-size: 13px;
font-weight:bold;
margin-right: 10px;
line-height: 25px;
text-decoration: underline;
}
#ficherando dd {
font-size: 12px;
line-height: 26px;
text-decoration:none;
}
.lienfloat {
display:block;
float:left;
font-size: 12px;

}
div#photosfiche {
clear:both;
float:right;
width:200px;
margin: 0 15px;
}
div#photosfiche img{
border: 1px solid #738DA9;
}
div#info {
float:left;
width: 170px;
height: 780px;
margin: 35px 15px 15px 30px;
}
div#infohaut {
width: 155px;
height:293px;
margin: 0 auto 15px auto;
background: url(images/infohaut.png) no-repeat bottom;
}
div#infobas {
width: 156px;
height:202px;
margin: 0 auto 15px auto;
background: url(images/infobas.png) no-repeat bottom;
}
div#infohaut p, div#infobas p, div#infobas a {
font-size:12px;
text-align: center;
font-weight:bold;
padding-top: 5px;
}
div#infobas span{
font-size:12px;
text-align: left;
font-weight:bold;
padding-left:10px;
}
div#contact {
width:230px;
height:180px;
float:left;
margin: 25px;
}
table#liensamis {
width:95%;
margin: 5px auto;
}
table#liensamis th {
padding:10px;
float:right;
}
table#liensamis td {
padding:10px;
font-family: Arial, Verdana;
font-size:12px;
text-align:left;
color: #336600;
}
p.hab {
color: #FFFFFF;
font-family: Arial, Verdana;
font-size:10px;
}
table#referencement {
width:95%;
margin: 5px auto;
}

table#referencement td {
padding:10px;
font-family: Arial, Verdana;
font-size:12px;
text-align:center;
color: #336600;
}
p.planrando {
margin: 10px 100px;
font-family: Arial, Verdana;
font-size:12px;
text-align:justify;
color: #336600;
}
p.planrando2 {
margin: 10px 140px;
font-family: Arial, Verdana;
font-size:12px;
text-align:justify;
color: #336600;
}