body { 
padding: 0;
margin:0;
font-size: 11px; 
font-family: tahoma, sans-serif; 
/*letter-spacing: 1px; */
line-height: 160%; 
background: #f3f7fa url(../images/fond.jpg) top center no-repeat fixed;
color: #454545; 
text-align:center;
}

div { 
text-align: left; 
}

#topOfPage { 
display: none; 
}

/*
#containerBg {
position:relative;
text-align:left;
margin: 0 auto; 
width:1200px;

}
*/

#container { 
width: 800px; 
padding: 0; 
background-color: #FFFFFF; 
margin: 0 auto; 
/*border: 1px solid #454545;*/
}

#header { 
height: 300px; 
/*background: #FFFFFF; */
}

/*#logo {
width: 186px; 
float: left; 
padding-bottom: 
10px; 
}
*/

#cadreDiapo {
width:800px;
height:200px;

}

#cadreDiapo #diaporama {
float:left;
width:520px;
height:200px;
background: url(../images/diapo-cadre.jpg) left top no-repeat;
}

#cadreDiapo #controls {
float:left;
width:280px;
height:200px;
background: url(../images/bg-controls.jpg) left top no-repeat;
}

#cadreDiapo #controls .photo {
position: absolute;
padding:10px 0 0 170px;
}

#cadreDiapo #controls .control {
position: absolute;
margin-top:110px;
padding:0 0 0 8px;

}

#cadreDiapo #diaporama .image {
position: absolute;
padding:11px 0 0 10px;
}

#petition {
/*background-color:#E1EBF4;*/
background-color:#ffeac5;
width:205px;
padding:5px 10px 10px 10px;
}

#petition p {
margin:0;
padding:10px 0 0 0;
line-height:14px;
font-size:10px;
text-align:justify;
}

#petition p a {
color:#454545;
font-size:10px;
}

#petition p a:hover {
color:#454545;
font-size:10px;
}

#search { 
float: right; 
padding-top: 8px; 
text-align: right; 
width: 235px; 
}

#bar { 
clear: both; 
/*background: #006699; 
height: 25px; */
}

#top { 
height: 10px; 
clear: both; 
}

#droiteContact {
float: left; 
padding: 120px 0 0 10px; 
margin:0;
width: 190px;
font-size:11px;
}

#droiteContact a {
color:#FF9900;
font-size:11px;
}

#gaucheContact { 
float: left; 
width: 320px;  
margin-top: 15px; 
text-align:left;
font-size:11px;
padding: 0 0 0 20px; 

}

#map {
width:520px;
height:300px;
margin:10px 0 20px 0;
}

#billet { 
float: left; 
width: 65%;  
margin-top: 15px; 
text-align:justify;
font-size:12px;
padding: 0px 0 25px 25px; 

}

#body { 
clear:both;
width: 750px;  
margin-bottom: 15px; 
margin-top: 0px; 
text-align:justify;
font-size:12px;
padding: 0px 0 25px 25px; 

}



.comments {
color: #454545;
font-size: 11px;
}

#footer { 
clear: both; 
padding:5px 0; 
}

#right_menu {
clear: both; 
float: right; 
padding: 10px 10px 10px 0; 
width: 28%;
background-color: #FFFFFF;
}

#right_menu_content { 
background-color: #FFFFFF; 
width: 220px; 
padding: 0; 
}

#right_menu_content .telecharger_d { 
padding:10px 0 0 0;
font-size: 11px;
color: #000000;
}

#right_menu_content .telecharger_d p { 
margin:0;
padding:2px 0 5px 15px;
}

#right_menu_content .telecharger_d p .puce { 
margin-right:5px;
}

#right_menu_content .contact_d { 
padding:10px 0 0 0;
}


#right_menu_content a { 
color: #000000;
font-size: 11px;
text-decoration: none; 
}

#right_menu_content a:hover { 
color: #000000;
font-size: 11px;
text-decoration: underline; 
}

/*
#right_menu_content a:active { 
color: #000000;
font-size: 11px;
text-decoration: none; 
}
*/

/*
#right_menu_content a:visited { 
color: #000000;
font-size: 11px;
text-decoration: none; 
}
*/

#right_menu li {
border-bottom: 1px dotted #CCCCCC;
padding: 2px;
}


.date { 
color: #454545; font-size: 9px; 
}

h1 { 
margin: 0; 
margin-bottom: 10px; 
padding: 0; 
font-weight: normal; 
font-size: 25px; 
color: #454545;
}

#top h1 { 
color: #FFFFFF; 
padding-left: 25px; 
padding-top: 65px; 
line-height: 110%;
}

h2 { 
font-size: 16px; 
font-weight: bold; 
margin-bottom: 5px; 
padding-bottom: 3px;
color: #454545; 
border-bottom: 1px dashed #CCCCCC; 
}

h3 { 
border-bottom: 1px dotted #454545; 
padding: 4px; 
padding-left: 15px;
font-size: 12px;
background: url("../icons/arrow.gif") no-repeat 0% 50%; 
}

p {	
margin: 0; 
margin-bottom: 5px; 
}

p.right { 
text-align: right; 
color: #666666; 
font-size: 10px; 
background-color: #F1F1F1; 
padding: 5px; 
border: 1px solid #CCCCCC;
}

p.right { 
text-align: right; 
color: #666666; 
font-size: 10px;
}



/*
a:link, p.right { 
text-align: right; 
color: #666666; 
font-size: 10px;
}

a:hover, p.right { 
text-align: right; 
color: #666666; 
font-size: 10px;
}

a:visited, p.right { 
text-align: right; 
color: #666666; 
font-size: 10px;
}
*/

p.left { 
text-align: left; 
color: #454545; 
font-size: 10px; 
font-weight: bold;
background-color: #F1F1F1; 
padding: 5px; 
border: 1px solid #CCCCCC;
}

p.left a { 
color: #666666; 
font-size: 10px;
}

p.calendar { 
text-align: left; 
color: #454545; 
font-size: 10px; 
background-color: #F1F1F1; 
padding: 3px; 
}

p.comment_name { 
text-align: left; 
color: #666666; 
font-size: 11px;  
padding: 2px; 
}

p.lblog { 
text-align: center; 
font-size: 11px;
}

#footer p {	
clear: both; 
color: #c0c0c0; 
font-size: 11px; 
text-align: center; 
}

form { 
margin: 0; 
}

input {
border: 1px solid #c0c0c0; 
color: #454545; 
font-size: 11px; 
letter-spacing: 1px; 
}

.textarea {
border: 1px solid #c0c0c0; 
color: #454545; 
font-size: 11px; 
letter-spacing: 1px; 
}

input.searchText { 
width: 100px; 
height: 13px; 
}

input.searchSubmit { 
color: #FF6600; 
background: #fff; 
letter-spacing: 1px;
border: 1px solid #fff;	
font-size: 12px; 
width: 80px; 
height: 19px; 
margin: 0; 
padding: 0; 
}

ul { 
margin: 0; 
padding : 0; 
list-style : none; 
}

#bar li { 
margin: 0; 
padding: 0; 
padding-top: 4px; 
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px; 
border-right: 1px solid #FFFFFF; 
float: left; 
display: block;
}

#bar li.active { 
background: #CC0033; 
color: #FFFFFF; 
padding-bottom: 4px; 
}

#footer li { 
float: left; 
padding: 0; 
height: 15px;
vertical-align: middle;	
padding-right: 25px;
font-size: 11px; 
}

a, p a { 
color: #FF6600; 
font-size: 12px;
text-decoration: underline; 
}

a:hover, p a:hover {
color: #FF6600; 
font-size: 12px;
text-decoration: underline;
}

/*
a:link, a:active { 
color: #000000;
font-size: 12px;
text-decoration: underline;
}

a:link, visited {
color: #000000; 
font-size: 12px;
text-decoration: underline;
}
*/

#bar a:link { 
color: #FFFFFF; 
font-size: 11px;
text-decoration: none; 
font-weight: bold;
} 

#bar a:active { 
color: #FFFFFF; 
font-size: 11px;
text-decoration: none; 
font-weight: bold;
} 

#bar a:hover { 
color: #CCCCCC; 
font-size: 11px;
text-decoration: none;
font-weight: bold;
}

#bar a:visited { 
color: #FFFFFF;  
font-size: 11px;
text-decoration: none;
font-weight: bold; 
}

a img { 
border: 0; 
}

a img:active { 
border: 0; 
}

span.highlight { 
color: #abd6f1; 
}

span.hide { 
display: none; 
}

span.underline {
text-decoration: underline; 
}

#formNews {
  margin:10px 0 0 0;
}

.btsigner {
margin-left:60px;
border:none;
cursor:pointer;
}

#formNews label { DISPLAY: inline ; FLOAT: left ; WIDTH: 70px ; font : normal 11px tahoma, sans-serif;color:#454545;text-align:left; margin-bottom:5px;  }
#formNews .input { font : normal 11px tahoma, sans-serif;color:#454545;margin-bottom:5px;width:130px;}

#formContact label { DISPLAY: inline ; FLOAT: left ; WIDTH: 100px ; font : normal 11px tahoma, sans-serif;color:#454545;text-align:left; margin-bottom:10px;  }
#formContact .input { font : normal 11px tahoma, sans-serif;color:#454545;margin-bottom:10px;width:200px;}
#formContact .textarea { font : normal 11px tahoma, sans-serif;color:#454545;margin-bottom:5px;width:200px;height:100px;}
#formContact .button { font : normal 11px tahoma, sans-serif;color:#454545;border-width: 1pt ; color: black ;  }
