body { color: #ab906f; font-size: small; background-color: #342720; background-image: url(vi_img_08/paternbg.jpg); background-repeat: repeat; margin: 0; padding: 0; }
p { color: #421f24; font-size: 100%; line-height: 1.5; font-family: "trebuchet ms", Verdana, Arial; text-align: left; margin: 0; }
h1 { color: #eee7d7; font-size: 170%; font-family: Arial, Futura, "Futura Md", "Trebuchet MS", Verdana ; text-align: center; margin-right: 30px; margin-left: 30px  }
h2 { color: #eee7d7; font-size: 130%; font-family: Arial, Futura, "Futura Md", "Trebuchet MS", Verdana ; line-height: 1em; text-align: center; margin: 0; padding: 0; }
h4 { color: #eee7d7; font-size: 100%; line-height: 1.5; font-family: Arial, Futura, "Futura Md", "Trebuchet MS", Verdana ; text-align: left; margin: 0; }
#centre_contenu_g h2 { color: #eee7d7; font-size: 150%; font-family: Arial, Futura, "Futura Md", "Trebuchet MS", Verdana ; line-height: 1.2em; text-align: left; margin: 0 0 0 20px; padding: 0; }
h3 { color: #eee7d7; font-size: 130%; line-height: 1.5; font-family: Arial, Futura, "Futura Md", "Trebuchet MS", Verdana ; text-align: left;}

#centre_contenu_g h4 { font-size: 100%; color: #C0B39E; font-family: Arial, Futura, "Futura Md", "Trebuchet MS" ; text-align: left; margin: 0; }
#centre_contenu_g h4:hover {text-decoration: underline; }

#band1 { background-image: url(vi_img_08/fond3.png); background-repeat: repeat-x; width: 100%; height: 264px; padding: 0; margin: 0; }
#cont1_2c {  width: 910px; text-align: center; height: 264px; margin: 0 auto; }

#head { background-image: url(vi_img_08/head.png); height: 232px; width: 670px; float: left; margin: 0 auto; }
#head2 {  height: 232px; width: 910px; float: left; margin: 0 auto; z-index: 5; }


.cale { width: 265px; height: 32px; float: left; }
.cale2c { width: 240px; height: 32px; float: left; }
ul { list-style-type: none; }
a { color: #afaa9e; text-decoration: underline; font-size: 100%; line-height: 1.5; font-family: "trebuchet ms", Verdana, Arial; }
a:hover { text-decoration: underline; font-size: 100%; line-height: 1.5; font-family: "trebuchet ms", Verdana, Arial; }
.page_4042 {background-image:url(vi_img_08/paternbg.jpg);}
.rubriques { background-image: url(vi_img_08/fond3.png); background-repeat: repeat-x;}


#cmenu { background-image: none; height: 32px; width: 670px; float: left; margin: 0; padding: 0; display: block;}


.formulaire_recherche { color: #ffffff; font-family: Futura, "Futura Md", "Trebuchet MS"; width: 240px; text-align: left; margin: 5px 0 0 0 }
.formulaire_spip .forml {  border: none ; background-image:url(vi_img_08/fondfor.png); width: 50%; font-family: inherit; font-size: inherit; }



#calenav  {  width: 12px; height: 32px; float: left; margin: 0; padding: 0;  }

#nav  { color: #afaa9e; font-family: Futura, "Futura Md", "Trebuchet MS"; width: 658px; height: 32px; float: left; margin: 0; padding: 0; }


#nav a  { color: #afaa9e; font-style: normal; font-family: Futura, "Futura Md", "Trebuchet MS"; text-decoration: none; width: 80px; height: 32px; float: left; margin: 0 0 0 40px; padding: 0; display: block; }
#nav a:hover  { color: #993F49; background-image: none; float: left; margin: 0 0 0 40px ; padding: 0; display: block; }
#nav a.on   { color: #993F49; background-image: none; width: 80px; height: 32px; margin: 0 ; padding: 0; text-decoration: underline; float: left; display: block; }



#nav a.item  { color: #afaa9e; font-family: Futura, "Futura Md", "Trebuchet MS"; text-decoration: none; width: 80px; height: 32px;  margin: 5px 0 0 40px ; padding: 0; display: block; }
#nav a:hover.item   { color: #993F49; background-image: none;  margin: 5px 0 0 40px ; padding: 0; display: block;}
#nav a.itemon, #nav span.itemon   { color: #993F49; background-image: none; width: 80px; height: 32px;  margin: 5px 0 0 0 ; padding: 0; text-decoration: underline; display: block; }


ul.menu            { margin: 0; padding: 0; list-style-type: none; }
ul.menu li.item {  float: left;  }
ul.menu li.itemon { float: left; color: #000; background-image: none; width: 80px; height: 32px;  margin: 0 0 0 40px ; padding: 0; text-decoration: underline; display: block; }




#band2 {background-image: url(vi_img_08/fondnoir.png); background-repeat: repeat-x; width: 100%; padding: 0; margin: 0; }

#cont2_2c{ padding: 0; width: 910px; margin: 0 auto; overflow: hidden; }

#contenu_g { width: 240px; float: left; margin: 0; padding: 0; }
#head_contenu_g { width: 240px; height: 26px; margin: 0; padding: 0; }

#centre_contenu_g { width: 240px; margin: 0; padding: 0; border-left: 1px solid #c0b39e; }

#centre_contenu_g a.item2 { color: #C0B39E ; text-decoration: none; }
#centre_contenu_g a:hover.item2 { color: #C0B39E ; text-decoration: underline; }




ul.sous_menu { margin: 0; padding: 0; list-style-type: none; }
ul.sous_menu  li.item2 { margin: 0; padding: 0; }
ul.sous_menu  li.item2on { color: white; text-decoration: underline;}

#pied_contenu_g { width: 240px; height: 39px; margin: 0; padding: 0; }
.base            { color: #eee7d7; margin: 0 0 0 5px; padding: 0; list-style-type: none; }
.fond1 p { color: #C0B39E; font-size: 105%; line-height: 1.5; margin-right: 40px; margin-left: 60px; }
.fond2 p { color: #C0B39E; font-size: 90%; text-align: center; width: 300px; border-top-style: dotted; border-top-width: 1px; display: block; margin-left: 200px; margin-top: 40px; }
.fond1 h3 { font-family: Arial, Futura, "Futura Md", "Trebuchet MS", Verdana ; background-image: none; background-repeat: repeat-y; margin: 7px 30px 0 60px; }
.fond1 h2 { color: #eee7d7; font-family: Arial, Futura, "Futura Md", "Trebuchet MS", Verdana ; background-image: none; margin: 25px 30px 0 60px; }
.fond1 h4 { color: #eee7d7; margin: 0 40px 0 60px; }
.fond1 a:hover { color: white; }

.cfond { width: 670px; float: left; }
.fond1 { width: 670px; float: left; }

.crayonc {height: 150px; width: 10px;float: right;}
.crayon { background-image: url(vi_img_08/crayons.png); background-repeat: no-repeat; background-position: 0 -150px; height: 350px; width: 180px; float: right; clear: both; }
.crayon2 { background-image: url(vi_img_08/crayons.png); background-repeat: no-repeat;  background-position: -180px 0; height: 500px; width: 240px; }


.pantonier1 { background-image: url(vi_img_08/pant.png); background-repeat: no-repeat; background-position: 0 5px; height: 559px; width: 221px; float: right; clear: both; }
.pantonier { background-image: url(vi_img_08/pant.png); background-repeat: no-repeat; background-position: -221px 155px; width: 206px; height: 709px; float: left; margin-right: -40px; }


.fond2 { width: 670px; height: 70px; float: left; margin: 0; padding: 0; }
.fond2r { width: 670px; height: 50px; float: right; }


.retrait{ text-align: left; margin-right: 60px; margin-left: 60px; }
.sretrait{ text-align: left; margin-right: 0px; margin-left: 0px; }
.sretraitf{ float: left; margin-right: 0; margin-left: 0; }