* {
 line-height:normal;
 font-family: Verdana, georgia, Arial, Helvetica, sans-serif ; 
 font-weight: normal; 
 margin:0; 
 padding:0; 
 list-style-type:none; 
}

#maincont img {border:2px solid #592303}

body {	/* attributs page par défaut */
 font-size: 12px; 
 color:#022D38;
 width:100%;
 height:100%;
 vertical-align:middle;
 background: #1D3B6C url(images/bg-accueil.jpg) repeat;; 
}

body a {	/* attributs liens par défaut */
 text-decoration: none; 
 color: #999999; 
}

body a:hover {	/* attributs liens par défaut (survol) */
 text-decoration: underline; 
}

#bandeau {
 text-align:center;
 position: absolute;
 top: 30%;
 width:100%;
 height:263px;
 border-top: 2px solid #022D38;
 border-bottom: 2px solid #022D38;
 color: black; 
 background: #173057;	/*  url(images/fond-bandeau.jpg) repeat;  */
}

#bandeau img {border-right: 1px solid #022D38;border-left: 1px solid #022D38;}

#logo-accueil {position:absolute;margin:20px 0 0 20px}
#menu-accueil {width:100%;position:absolute;top:25%;text-align:center}
#menu-accueil img {border:0;}

#newsdiv {width:200px;height:110px;background: transparent url(images/newsletter.gif) no-repeat;margin-left:70%}
#newsdiv form {text-align:left;padding:30px 0 0 40px}
#newsdiv input {font-size:9px;width:10px;background-color:#D5F4EC;border:1px solid gray}
#newsdiv label {color:#fff;vertical-align:middle;line-height:12px;padding-left:16px;font-size:9px;}
#newsdiv .radio {vertical-align:middle;position:absolute;font-size:10px;border:0;background-color:transparent}

.liendetail {
 color: black;
 display:block;
 background:transparent;
 text-decoration:none;
}

.liendetail:hover {
 background:#eee;
 text-decoration:none;
}

a.liensite {
 font-variant:small-caps;
 display:block;
 margin:4px 4px 4px 10px;
 color:#555555;
 background: transparent url(images/urlsite.gif) no-repeat left center; 
 padding-left:20px;
}

a.lienmail {
 line-height:25px;
 background: transparent url(images/mail.gif) no-repeat left center; 
 padding:3px 0 3px 30px;
}

a.lienmail2 {
 line-height:12px;
 background: transparent url(images/mail2.gif) no-repeat left center; 
 padding:3px 0 3px 20px;
}

a.lienmail3 {
 font-variant:small-caps;
 display:block;
 margin:4px 4px 4px 10px;
 color:#555555;
 background: transparent url(images/mail3bis.gif) no-repeat left center; 
 padding-left:20px;
}
a.lienmail4 {
 line-height:12px;
 background: transparent url(images/mail4.gif) no-repeat left center; 
 padding:3px 0 3px 20px;
}

.phone {
 line-height:16px;
 background: transparent url(images/phone.gif) no-repeat left center; 
 padding:3px 0 3px 20px;
}

h1 {font-variant: small-caps; margin:0 0 20px 0; color:#034B5D}
h2 {margin:0 0 20px 0; color:#2C5DAC}
h3 {font-variant: small-caps; margin:20px 0 10px 0; color:#034B5D; font-weight:bold}
h4 {font-size: 14px;margin:12px 0 8px 0; color:#022D38;font-weight:bold}
h5 {font-size: 13px;margin:10px 0 4px 0; color:#034B5D; font-weight:bold}
h6 {font-size: 12px;margin:10px 0 4px 0; color:#2C5DAC;}
p {margin-bottom:10px}

#logo {border:0;margin:20px 0 0 20px}

#menu {
 margin-top:50px;
 width:138px;
 height:100%
}
#menu img {border:0;}

#main-haut {
 height:34px;
 width:807px;
 background: #FBFCC2 url(images/cadre-haut.gif) no-repeat;
 position:absolute;
 top:126px;
 left:170px;
}

#main-bas {
 height:29px;
 width:807px;
 background: #FBFCC2 url(images/cadre-bas.gif) no-repeat;
 position:absolute;
}

#main {
 /*  border:4px #173057 solid;*/
 padding:0px;
 width:807px;  /*  width:70%;  */
 background: #FBFCC2 url(images/cadre-centre.gif) repeat-y;
 position:absolute;
 top:160px;
 left:170px;
}

#maincont {
 padding:10px 40px 10px 40px;
}

#guirlande {
display:none;
 margin:0 0 0 13px;
 width:815px;
 height:55px;
 background: transparent url(images/guirlande.gif) repeat-x;
}

.agrandissement a span img {
 z-index:2000;
 position:absolute;
 display:none !important; display:block;
 visibility:hidden;
 padding:10px;
 background: white;
 margin:-50px 0 0 -50px;
 width:auto;
 height:auto;
 border: #808080 1px solid;
} 
.agrandissement a img {border: #808080 1px solid;cursor:crosshair;} 
.agrandissement a:hover {border: #808080 0px solid; } 
.agrandissement a:hover img {border: #808080 1px solid;} 
.agrandissement a:hover span img {display:block !important; visibility:visible;} 

.floatright {float:right;margin:0px 0 20px 20px}
.floatleft {float:left;margin:0px 20px 20px 0}

#contactform {background:#F4E1C1;padding:10px;margin:30px 0 0 0;border:1px black dotted}
#contactform div span {margin-left:85px;}
#contactform input {width:220px;}
#contactform textarea {height:58px;width:220px;}
#contactform select {width:220px;}


#contactform p{
width: 300px;
margin: 0;
padding: 1px 0;
padding-left: 105px; /*width of left column containing the label elements*/
height: 1%;
}

#contactform label{
float: left;
margin-left: -105px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}