/*Général*/
body {background-image: url(img/fond.jpg); background-repeat: repeat-x; background-color: #fc3; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; margin: 0px; padding: 0px; text-align:center;}

* {margin:0; padding:0;}

a {font-family:Verdana, Arial; color:#659739;}
a:visited {color:#f90;}
a:hover {color:#f90;}

/*Main*/
div#main {width:745px; margin-left:auto; margin-right:auto; text-align:left;}

/*Logo*/
div#logo {width:745px; height:58px;}

/*Menu utilitaire*/
div#mu {width:745px; height:16px; background-image:url(img/fond_mu.gif); text-align:right; font-size:0.75em; color:#fff;}

div#mu a {text-decoration:none;}
div#mu a:link {color:#fff;}
div#mu a:visited {color:#fff;}
div#mu a:hover {color:#fc3;}

.guil {font-size:0.85em; font-family:Verdana, Arial; color:#fff;}

div#mp {width:748px; height:25px; display:inline; float:left;}

a.menu1 {background:url(img/mp/ser.gif); display:block; float:left; width:94px; height:25px;}
a.menu1:hover {background:url(img/mp/ser2.gif);}

a.menu2 {background:url(img/mp/tar.gif); display:block; float:left; width:101px; height:25px;}
a.menu2:hover {background:url(img/mp/tar2.gif);}

a.menu3 {background:url(img/mp/res.gif); display:block; float:left; width:114px; height:25px;}
a.menu3:hover {background:url(img/mp/res2.gif);}

a.menu4 {background:url(img/mp/pla.gif); display:block; float:left; width:137px; height:25px;}
a.menu4:hover {background:url(img/mp/pla2.gif);}

a.menu5 {background:url(img/mp/loc.gif); display:block; float:left; width:106px; height:25px;}
a.menu5:hover {background:url(img/mp/loc2.gif);}

a.menu6 {background:url(img/mp/gal.gif); display:block; float:left; width:77px; height:25px;}
a.menu6:hover {background:url(img/mp/gal2.gif);}

a.menu7 {background:url(img/mp/pri.gif); display:block; float:left; width:116px; height:25px;}
a.menu7:hover {background:url(img/mp/pri2.gif);}

/*Header*/
/*div#header {width:745px; height:223px; background-image:url(img/random/1.jpg);}*/


/*Zone info*/

div#info {width:743px; background:url(img/fleur_info.gif) no-repeat #fff; background-position:left bottom;}

div#info h1 {margin:0px 40px 22px; font-size:0.80em; color:#547f36;}

div#info p {margin:20px 20px 0px 40px; font-size:0.75em; color:#000;}
.petit {
font-size:0.8em;
}
div#info blockquote {width:250px; background-color:#fff9b2; float:right; border-left:1px solid #9dbf88; border-right:1px solid #9dbf88; border-bottom:1px solid #9dbf88; padding:0px 0px; margin:0px 15px;}/* le padding donne un espace interne aux bord, le margin élimine les marges par défaut d'un blockquote et rétabli un espacement plus approprié avec le texte */
div#info blockquote p {color:#036; font-size:0.7em; margin:20px 10px 0px;}
div#info blockquote h1 {text-align:center; padding:35px 0px 0px;}
div#info blockquote a {color:#5c9439; text-decoration:none;}
div#info blockquote a:hover {color:#346118;}

div#info ul {
list-style-type:square;
margin:22px 60px;
font-size:0.75em;
color:#000;
}
div#info ol {
margin:22px 60px;
font-size:0.75em;
color:#000;
}

/*Pied de page*/

div#footer {width:743px; text-align:right; background:url(img/fleur_pied.gif) top left no-repeat #fc3;}
div#footer p {margin:0px; padding:10px 0px; font-size:0.65em; color:#000;
}

/* corectionm */

#tableaumarge {
margin-left:40px;
}

.tabtab td {
padding:3px;
}

.tabbold {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; font-weight: bold}
.tabnorm {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000}

#attrait img {
	margin:5px;
}