html, body {
background-attachment:fixed;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-size:100%;
letter-spacing:0em;
margin:0;
padding:0;
height:100%;
}
.fond1body {background-image:url('../images/decoration/_fond1body.jpg')}
.fond2body {background-image:url('../images/decoration/_fond2body.jpg')}
.fond1 {background-image:url('../images/decoration/_fond1.jpg');}
.fond2 {background-image:url('../images/decoration/_fond2.jpg');}
h1, h2, h3, h4, h5, h6 {padding:0 0 17px 0; margin:0; font-weight:normal}
h1 {font-size:180%}
h2 {font-size:160%}
h3 {font-size:145%}
h4 {font-size:130%}
h5 {font-size:120%}
h6 {font-size:110%}
p {padding:0 0 17px 0; margin:0}
ul, .ul2, ol {padding:0 0 14px 0; list-style-type:disc; list-style-position:outside}
ul {margin:0 0 0 7%}
ul.list_type_none {list-style-type:none}
.ul2 {margin:0 0 0 16px}
ol {margin:0 0 0 16px}
li {padding:0 0 4px 0; margin:0}
blockquote {padding:0 0 0 7%; margin:0}
.p2 {padding:0 0 8px 0; margin:0}

table {width:100%; font-size:100%}
td.espace {padding:15px 8px}
.pdf { text-align:center;}

/*--------------------------------- LES DIVS et leur mise en forme --------------------------------------*/

#enveloppe_base {min-width:750px; max-width:1050px; margin:0 auto; border-left: solid 1px #ddd; border-right: solid 1px #ddd}
#enveloppe {height:100%}

.imagebas1 {background-image:url('../images/decoration/coinfleurit.jpg'); background-repeat:no-repeat; background-position:left bottom}
.imagebas2 {background-image:url('../images/decoration/coin_pouleplumette.jpg'); background-repeat:no-repeat; background-position:left bottom}

.conteneur {min-width:750px}
.contenu {padding:17px 0 2px 0; text-align:left}
.gabari {padding:0 30px 0 60px; margin-left:150px}

/*--------------------------------- titre des pages --------------------------------------*/

.titrepagediv {padding:54px 30px 0 47px; margin-left:150px}
.titrepagetexte {padding-bottom:0; font-weight:; font-size:100%; font-style:}

/*--------------------------------- LES COULEURS DU SITE --------------------------------------*/

.fond1 {background-image:url('../images/decoration/_fond1.jpg');}
.fondclair1 {background-image:url('../images/decoration/_fondclair1.jpg');}
.degrade1 {background-image:url('../images/decoration/_degrade1.jpg'); background-repeat:repeat-y;}

.fond2 {background-image:url('../images/decoration/_fond2.jpg');}
.fondclair2 {background-image:url('../images/decoration/_fondclair2.jpg');}
.degrade2 {background-image:url('../images/decoration/_degrade2.jpg'); background-repeat:repeat-y;}
			
/*--------------------------------- LES LIENS --------------------------------------*/
/* pour le menu */
.st1 a:link {color:#CCFFFF; text-decoration: none;}
.st1 a:focus {color:#FFFF66; text-decoration: none;}
.st1 a:visited {color:#CCFFFF; text-decoration: none;}
.st1 a:hover {color:#FFFF66; text-decoration: none; font-style:italic; font-weight: normal;}

/* pour les pages */
.st2 a:link {color:#CCFFFF; text-decoration: none; font-size:90%}
.st2 a:focus {color:#FFFF66; text-decoration: underline; font-size:90%}
.st2 a:visited {color:#CCFFFF; text-decoration: none; font-size:90%}
.st2 a:hover {color:#FFFF66; text-decoration: underline; font-size:90%}

a:hover, a:hover span {cursor:pointer}

/*--------------------------------- LES FONTS --------------------------------------*/

.font_1 {color:#FFddFF; line-height:120%}
.font_1bis {color:#FFCCFF; line-height:120%;padding:0 0 15px 40px}
.font_1_1 {color:#FFCCFF; font-size:130%}
.font_1_2 {color:#FFCCFF; line-height:120%; padding-left:20px}
.font_2 {color:#FFFFFF; line-height:120%}
.font_2_1 {color:#FFFFFF; line-height:120%; font-size:150%}
.font_2_2 {color:#FFFFFF; line-height:120%; font-size:110%}
.font_2_3 {color:#FFFFFF; line-height:120%; font-size:105%}
.font_3 {color:#330033; line-height:120%}
.font_3_1 {color:#330044}
.font_4 {color:#DDFF77}
.font_4line {color:#DDFF77; line-height:120%}
.font_4_1 {color:#DDFF77; font-size:150%}
.font_4_2 {color:#DDFF77; font-size:105%}
.font_5 {color:#FFFF99; line-height:120%}
.font_5_0 {color:#FFDD66; font-size:120%}
.font_5_1 {color:#FFDD66; font-size:110%}
.font_5_2 {color:#FFDD66; font-size:105%}
.font_5_3 {color:#FFDD66; line-height:120%; margin-left:-20px}
.font_6 {color:#002200; line-height:120%}
.font_6_1 {color:#002200}
.font_7 {color:#003300; line-height:120%}
.font_7_1 {color:#003300}
.font_8 {color:#FFFFDD; line-height:120%}
.font_8_1 {color:#FFFFDD; line-height:140%; font-size:120%}

/*--------------------------------- LES FLOATS --------------------------------------*/

.droite, .droite2, .droite3 {float:right; color:#000033; margin:0; border-style:none}
.droite {padding:5px 0 10px 15px; overflow:hidden}
.droite2 {padding:0 0 0 8px}
.droite3 {padding:0 0 10px 15px}

.gauche, .gauche2, .gauche3, .gauche4 {float:left; margin:0; border-style:none}
.gauche {padding:5px 20px 10px 0}
.gauche2 {padding:0 5px 0 0}
.gauche3 {padding:3px 15px 4px 0}
.gauche4 {padding:0 20px 10px 0}

/*--------------------------------- DIVERS --------------------------------------*/

.bandeau {padding:0; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000}
.bandeau img {vertical-align:bottom}

/*--------------------------------- MENU GAUCHE --------------------------------------*/

/*IMAGE RACONTETAPIS*/
.titre { display:block; width:185px; height:90px; border-bottom: 1px solid #999}
.titre img {margin:0 0 0 1px;}

/*MENU LUI-MEME*/
#menugauche {position:fixed; width:185px; height:100%; border-right:1px solid #999999; border-bottom:1px solid #999999; font-size:75%; font-family:Arial, Helvetica, sans-serif; z-index:300}
#fondmenugauche, #fondmenugauche2 {position:fixed; width:185px; height:100%; filter:alpha(opacity=45); -moz-opacity:0.45; opacity:0.45; -khtml-opacity:0.45; background-color:#000; z-index: 280;}
#menugauche p {margin:-1px 0 0 0;/*-1px necessaire pour eviter le scroll sans fin sous IE6*/
padding:10px 0 0 13px; font-weight:bold; color:#DDFF77; font-style:italic; border-bottom:1px solid #999999;}
#menugauche p.modif {border-bottom:none; border-top:1px solid #999999; font-weight:normal; margin-top:5px; padding:8px 0 5px 15px; line-height:100%; font-size:95%;}
#menugauche p.modif a {font-weight:normal}
#menugauche p.actif {color:#FFFF66; border-bottom:none; border-top:1px solid #999999; font-weight:normal; margin-top:5px; padding:5px 0 3px 35px; font-size: 95%; font-style:normal}
#menugauche ul {margin:0 0 0 12px; padding:8px 0 0 0; list-style:none;}
#menugauche ul.rectif {margin:0 0 8px 20px; padding-top:6px}
#menugauche ul li {margin:0; padding:4px 0 3px 2px; line-height: 100%;}
#menugauche ul li.actif {color:#FFFF66; text-align:right; padding-right:5px}

/*--------------------------------- MENU HAUT --------------------------------------*/

/*ANGLE ARRONDI DU MENU HAUT*/
#menuhaut ul li.coin {background-image:url('../images/decoration/_menuhaut_coin.gif')}
#menuhaut2 ul li.coin {background-image:url('../images/decoration/_menuhaut2_coin.gif')}
#menuhaut ul li.coin, #menuhaut2 ul li.coin {float:left; border:none; background-position:bottom left; width:110px; padding:5px 0 0 0}

/*MENU LUI-MEME*/
#menuhaut, #menuhaut2 {position:fixed; width:565px; margin:0 0 0 185px; font-family:Arial, Helvetica, sans-serif; font-size:70%; z-index:400; text-align:center}
#menuhaut ul, #menuhaut2 ul {float:left; margin:0; padding:0; list-style:none}
#menuhaut li, #menuhaut2 li {float:left; height:40px; margin:0 -1px 0 0; border:1px solid #999999; border-top:none; text-decoration:none}
#menuhaut li {background-image: url('../images/decoration/_menu_fond1.jpg')}
#menuhaut2 li {background-image: url('../images/decoration/_menu_fond2.jpg')}
#menuhaut li img, #menuhaut2 li img {padding-top:7px; border: none;}

#menuhaut a, #menuhaut2 a {float:left; padding:0 10px 6px 10px; line-height:12px}
#menuhaut ul li a:hover, #menuhaut ul li a:focus {color:#FFFFFF; background-color:#9966CC; background-image:url('../images/decoration/_menufond_lien_inactif1.jpg'); font-style:normal;}
#menuhaut2 ul li a:hover, #menuhaut2 ul li a:focus {color:#FFFFFF; background-color:#566427; background-image:url('../images/decoration/_menufond_lien_inactif2.jpg'); font-style:normal}

/*LIEN PAGE EN COURS, NON CLIQUABLE*/
#menuhaut ul li.actif {color:#FFFFFF; background-color:#9966CC; background-image:url('../images/decoration/_menufond_lien_inactif1.jpg'); padding:0 10px 4px 10px; line-height:12px}
#menuhaut2 ul li.actif {color:#FFFFFF; background-color:#566427; background-image:url('../images/decoration/_menufond_lien_inactif2.jpg'); padding:0 10px 4px 10px; line-height:12px}

/*---------------------------------BOITES INFO SUR LIENS DES MENUS---------------------------------*/

a.tooltip em, a.tooltip2 em, a.tooltip22 em, a.tooltip3 em {display:none;}
a.tooltip:hover, a.tooltip2:hover, a.tooltip22:hover, a.tooltip3:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover em, a.tooltip2:hover em, a.tooltip3:hover em {text-align:left; display:block; position:absolute; padding:4px 6px 5px 6px; color:#000; border:1px solid #333; background-image:url('../images/decoration/fond.gif'); width:16em; font-size:110%; line-height:120%; font-weight:normal; font-style:normal}
a.tooltip22:hover em {text-align:left; display:block; position:absolute; padding:4px 6px 5px 6px; color:#000; border:1px solid #333; background-image:url('../images/decoration/fond.gif'); width:22em; font-size:100%; line-height:120%; font-weight:normal; font-style:normal}
a.tooltip:hover em {top:47px; left:-1px;}
a.tooltip2:hover em {top:-2px; left:170px;}
a.tooltip22:hover em {top:-2px; left:169px;}
a.tooltip3:hover em {top:-2px; left:162px;}

/*-------------------------- FORMULAIRE CONTACT ------------------------------*/
 
#formulaire {color:#FFFFCC; width: 100%; padding-bottom: 50px;}
#formulaire img {width:500px; height:3px; margin-top:10px}
#formulaire p {text-align: left; padding:45px 0 6px 0}
#formulairetitre {padding:3px 0 10px 0; border-bottom:1px solid #778800; text-align:center}
.floatgauche span {font-size:100%; color:#FFDD66}
#formulaire form {color:#FFFFCC; text-align: center; margin:0}
#formulaire .div_qui {width: 100%; padding: 4px 0; border-bottom: 1px solid #778800; text-align: right;}
#formulaire .floatgauche { float:left; color:#FFFFCC; border-style:none; padding:3px 0 0 0; text-align: left; }
#formulaire .floatgauche2 {float:left; padding:6px 0 0 0; text-align: left;}
#formulaire textarea {width: 492px; border: 1px solid #FFFFCC; padding: 3px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em;}
#formulaire textarea.i_message {background-image: url('../images/decoration/_fondplusclair3.jpg');}
#formulaire textarea.i_message_focus {background-color: #DDFFDD;}
#formulaire input {padding: 0.1em 0.2em; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em;}
#formulaire input.i_text {border: 1px solid #FFFFCC; background-image: url('../images/decoration/_fondplusclair3.jpg');}
#formulaire input.i_focus {border: 1px solid #FFFFCC; background-color: #DDFFDD;}
#formulaire input.btn_add {background-image: url('../images/decoration/_fondplusclair2.jpg'); cursor: pointer; color: #003300; padding: 2px; font-size: 0.9em; font-weight: bold;}

/*-------------------------- GALLERY ------------------------------*/

.gallery {width:100%; text-align:right; padding-top: 35px;}
#thumbs {width:280px; background-image:url('../images/decoration/_fond_gallery.gif'); border:solid 1px #999; padding:5px 0 5px 5px; position:relative}
#thumbs a {display:block; float:left; width:65px; height:65px; margin:0 0 4px 4px; text-decoration:none;  target:_blank; background-image:url('../images/decoration/fondvignette.gif')}
#thumbs a em { display:none}
#thumbs a img {width:58px; height:58px; border:1px solid #ddd}
#thumbs a:hover {border-color:#ddd;}
#thumbs a:hover em {display:block; position:absolute; left:295px; top:0px; width:600px; color:#FFFFCC; font-size:80%; font-style:normal; z-index:1000}
#thumbs a:hover img {position:absolute; width:auto; height:auto; left:295px; top:20px; border:1px solid #ddd; z-index:1000}
.p_gallery {color:#FFFF99; font-size:110%; padding:5px 0 15px 0}
.p_gallery2 {color:#FFFFDD; font-size:90%; font-style:italic; padding:3px 5px 5px 5px}
.p_gallery span {color:#FFddFF; font-size:90%; padding:5px 0 20px 0}

/*-------------------------- diverses modifs complementaires ------------------------------*/

.paddinghaut0 {padding-top:0}
.paddingdroit0 {padding-right:0}
.paddingauche0 {padding-left:0}
.paddingbas0 {padding-bottom:0}

.textalign_right {text-align:right}
.textalign_left {text-align:left}
.textalign_center {text-align:center}

.fontsize80 {font-size:80%}
.fontsize85 {font-size:85%}
.fontsize90 {font-size:90%}
.fontsize95 {font-size:95%}
.fontsize100 {font-size:100%}
.fontsize105 {font-size:105%}
.fontsize110 {font-size:110%}
.fontsize115 {font-size:115%}
.fontsize120 {font-size:120%}