body {font-family : arial , sans-sérif; font-size:80%;color:black;text-align:center;width:800px;}
body {margin:auto;padding:0px;}

p {color:black;}
em {color:black;}
p span em {font-weight:bold;}
h1 {font-variant:small-caps}



a:link {color:#000000;}
a:hover {color:#000000;}
a:active {color:#000000;}


em {font-size:inherit;font-weight:bold;}
p {font-size:0.9em;}
* ul {font-size:1em;text-align:left;margin-left:10px;margin-top:40px;}
a {font-size:.7em}
.CR p {text-align:justify;padding:05px 35px;}



#logo1 {margin:0px;padding:0px;background: url(fond.gif);float:left;}
#logo1clk {margin:0px;padding:0px;background-color:#cbbda6;float:left;}
#logo2clk {margin:0px;padding:0px;background-color:#cbbda6;float:left;}
#logo3clk {margin:0px;padding:0px;background-color:#cbbda6;float:left;}
#logo4clk {margin:0px;padding:0px;background-color:#cbbda6;float:left;}
#logo5clk {margin:0px;padding:0px;background-color:#cbbda6;float:left;}
#logo6clk {margin:0px;padding:0px;background-color:#cbbda6;float:left;}
#logo7clk {margin:0px;padding:0px;background-color:#cbbda6;float:left;}

#logo1 img {vertical-align: middle;}
#logo1clk img {vertical-align: middle;}
#logo2clk img {vertical-align: middle;}
#logo3clk img {vertical-align: middle;}
#logo4clk img {vertical-align: middle;}
#logo5clk img {vertical-align: middle;}
#logo6clk img {vertical-align: middle;}
#logo7clk img {vertical-align: middle;}


#logofin {width:796px;height:74px;padding:0px;float:left;border-left-style:solid;border-width:1px;border-left-color:#d1c1a7;border-right-style:solid;border-width:1px;border-right-color:#d1c1a7;}
#logofin {margin:0px;background-color:#f3e9ce;}


#site span p {font-size:0.9em;margin:1em;font-weight:bold;}
#site {width:498px;float:left;margin-left:0px;height:600px;overflow:auto;border-left-style:solid;border-width:1px;border-left-color:#d1c1a7;}
#site {margin:0px;background-color:#f3e9ce;} 
#site span img {margin:15px 35px 25px 0px;width:85px;float:right;border-style:solid;border-width:1px;}
#site span p {float:right;width:150px;margin:50px 0px 0px 0px;}
#site span span p {float:right;width:86px;margin:0px 0px 0px 133px;}


#cinematique {width:298px;float:left;height:600px;border-right-style:solid;border-width:1px;border-right-color:#d1c1a7;}
#cinematique {margin:0px;background-color:#f3e9ce;float:left;}
#cinematique img {margin:0px;float:left;}
#cinematique span img {margin:10px 30px;float:left;}

#pied {width:583px;height:194px;float:left;border-left-style:solid;border-width:1px;border-left-color:#d1c1a7;}
#pied {margin:0px;}


#pied_de_page {width:800px;float:left;height:25px;}
#pied_de_page {margin:0px;background: url(fond.gif);}


#logofin img {vertical-align: middle;padding-right:200px;}
#logofin span img {vertical-align: middle;padding-left:125px;}

#contact p {margin:20px 0 0 15px;font-size:1.2em;}
#contact span p {text-align:center;}
#contact {width:450px;text-align:left;background-color:#cbbda6;border-style:solid;border-width:2px;border-color:#cbbda6;margin-top:15px;margin-left:auto;margin-right:auto;}

#association p {margin-top:55px;}
#association p {margin-top:55px;margin:40px;text-align:justify;}
#association span {font-weight:bold;color:brown;font-size:1.5em;text-align:justify;}
#association em {font-size:inherit;font-weight:inherit;color:brown;text-align:justify;}

#equipe p {margin-top:55px;}
#equipe p {margin-top:55px;margin:40px;text-align:justify;}
#equipe span {font-weight:bold;color:black;font-size:1.5em;text-align:justify;}
#equipe img {float:left;margin: 5px 5px 5px 0;}

#projets p {margin-top:55px;margin:40px;text-align:justify;}
#projets  span {font-weight:bold;color:brown;font-size:1.1em;text-align:justify;}
#projets  span span {font-weight:bold;color:black;font-size:1.2em;text-align:justify;}
#projets  span span span {font-weight:bold;color:black;font-size:1.3em;text-align:justify;}
#projets a {font-size:1em;}
#projets span em {font-weight:bold;color:brown;font-size:1.1em;text-align:justify;}
#projets em {font-size:inherit;font-weight:inherit;color:brown;}



#don p {margin-top:55px;margin:40px;text-align:left;}
#don img {text-align:center;}

#actu {margin-top:55px;margin-left:30px;margin-right:20px;}
#actu p {text-align:justify;}
#actu em {font-weight:bold;color:black;font-size:1em;text-align:justify;}
#actu span em{font-weight:bold;color:brown;font-size:1em;text-align:justify;}
#actu span {font-weight:bold;color:black;font-size:1em;text-align:justify;}
#actu span span {font-weight:bold;color:brown;font-size:1em;text-align:justify;}
#actu a {font-size:0.9em;}



.CR {clear:both;}




#image {
margin:0px;
padding:0px;
float:left;
width : 213px;
height: 194px;
background: url(enpied3.jpg) no-repeat;
border-right-style:solid;border-width:0;border-right-color:#d1c1a7;

}
#zone1 {
float:left;
width : 213px;
height: 194px;
border-right-style:solid;border-width:1px;border-right-color:#d1c1a7;
}




#zone1:hover {
float:left;
width : 213px;
height: 194px;
background: url(enpied4.jpg) no-repeat;
border-right-style:solid;border-width:1px;border-right-color:#d1c1a7;
}

#image a span {
float:left;
left: -500em;
top: -500em;
text-indent: -500em;
}


#logo1clk {
margin:0px;
padding:0px;
float:left;
width : 63px;
height: 134px;
background: url(hutte1.gif) no-repeat;

}
#zone2 {
float:left;
width : 63px;
height: 134px;

}


#zone2:hover {
float:left;
width : 63px;
height: 134px;
background: url(hutte2.gif) no-repeat;

}

#logo1clk a span {
float:left;
left: -500em;
top: -500em;
text-indent: -500em;
}



#logo2clk {
margin:0px;
padding:0px;
float:left;
width : 136px;
height: 134px;
background: url(don1.gif) no-repeat;

}
#zone3 {
float:left;
width : 136px;
height: 134px;

}

#zone3:hover {
float:left;
width : 136px;
height: 134px;
background: url(don2.gif) no-repeat;

}

#logo2clk a span {
float:left;
left: -500em;
top: -500em;
text-indent: -500em;
}


#logo3clk {
margin:0px;
padding:0px;
float:left;
width : 80px;
height: 134px;
background: url(contact1.gif) no-repeat;

}
#zone4 {
float:left;
width : 80px;
height: 134px;

}

#zone4:hover {
float:left;
width : 80px;
height: 134px;
background: url(contact2.gif) no-repeat;

}

#logo3clk a span {
float:left;
left: -500em;
top: -500em;
text-indent: -500em;
}


#logo4clk {
margin:0px;
padding:0px;
float:left;
width : 114px;
height: 134px;
background: url(actu1.gif) no-repeat;

}
#zone5 {
float:left;
width : 114px;
height: 134px;

}

#zone5:hover {
float:left;
width : 114px;
height: 134px;
background: url(actu2.gif) no-repeat;

}

#logo4clk a span {
float:left;
left: -500em;
top: -500em;
text-indent: -500em;
}


#logo5clk {
margin:0px;
padding:0px;
float:left;
width : 96px;
height: 134px;
background: url(projets1.gif) no-repeat;

}
#zone6 {
float:left;
width : 96px;
height: 134px;

}

#zone6:hover {
float:left;
width : 96px;
height: 134px;
background: url(projets2.gif) no-repeat;

}

#logo5clk a span {
float:left;
left: -500em;
top: -500em;
text-indent: -500em;
}


#logo6clk {
margin:0px;
padding:0px;
float:left;
width : 109px;
height: 134px;
background: url(association1.gif) no-repeat;

}
#zone7 {
float:left;
width : 109px;
height: 134px;

}

#zone7:hover {
float:left;
width : 109px;
height: 134px;
background: url(association2.gif) no-repeat;

}

#logo6clk a span {
float:left;
left: -500em;
top: -500em;
text-indent: -500em;
}