/*--- Resetting-again by Eric Meyer
http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
body {background: #f4f4f4 url('img/bg.png') repeat-y 50%;font-family: Arial, Verdana, sans-serif;font-size: 0.8em;}
#container {margin: 10px auto;width: 760px;background: #fff;text-align:left;}
/* Entete */

#header {height: 110px; background: url('img/st-symphorien.jpg') no-repeat;}
#header h1, #header p {position: absolute;left: -2000px;}

/* Menu */
/*
#navigation {height:2.5em;padding:0.25em 1em;line-height:2.5em;margin: 0 auto;background:#a7c400 url('img/bgmenu.png') repeat-x;margin-bottom:2px;}
#nav li {float:left;list-style-type:none;white-space:nowrap;}
#nav li a {display:block;padding:0 1em;font-weight:bold;color: #fff;text-decoration:none;}
#nav .selected, #nav a:hover {color:#fff;text-decoration:none;background:#670;}
*/
ul.topnav {  
list-style: none;  
padding: 0 20px;  
margin: 0;  
float: left;  
width: 720px;  
background: #222;  
font-size: 1em;  
background: url('menu/topnav_bg.gif') repeat-x;
}  
ul.topnav li {  
float: left;  
margin: 0;  
padding: 0 15px 0 0;  
position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}  
ul.topnav li a{  
padding: 10px 5px;  
color: #fff;  
display: block;  
text-decoration: none;  
float: left;  
}  
ul.topnav li a:hover{  
background: url('menu/topnav_hover.gif') no-repeat center top;  
}  
ul.topnav li span { /*--Drop down trigger styles--*/  
width: 17px;  
height: 35px;  
float: left;  
background: url('menu/subnav_btn.gif') no-repeat center top;  
}  
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/  
ul.topnav li ul.subnav {  
list-style: none;  
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
left: 0; top: 35px;  
background: #9eb900;  
margin: 0; padding: 0;  
display: none;  
float: left;  
width: 200px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border: 1px solid #111;  
}  
ul.topnav li ul.subnav li{  
margin: 0; padding: 0;  
border-top: 1px solid #252525; /*--Create bevel effect--*/ 
border-bottom: 1px solid #444; /*--Create bevel effect--*/
clear: both;  
width: 200px;  
}  
html ul.topnav li ul.subnav li a {  
float: left;  
width: 175px;  
background: #333 url('menu/dropdown_linkbg.gif') no-repeat 10px center;
padding-left: 20px;  
}  
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
background: #222 url('menu/dropdown_linkbg.gif') no-repeat 10px center;
}
/* Fin menu */
#wrapper {float: left;width: 100%;padding: 10px 0;}
#mot {float: left; width:278px;margin: 20px 0 10px -290px; border:1px grey solid; padding:5px;background:#f4f4f4;}
#mot p {padding:0 0 0.4em 0;}
#mot img {border:none;}
#g {margin:10px 280px 0 0; padding: 0 10px 0 0;}
.bloc {display:block;float:left;width: 225px;margin: 0 10px 10px 0;padding: 0 0 5px 0;}
.long {width: 460px;}
.bloc dt {background:none;margin:0; padding:0 0 0.5em 0;}
.bloc dt a {display:block;height:20px;width:200px;}
.bloc dt a span {position: absolute;left: -2000px;}
dt.commune a {background:url('img/tCommune.png') no-repeat;}
dt.commune a:hover {background-position: 0 -20px;}
dt.services a {background:url('img/tServices.png') no-repeat;}
dt.services a:hover {background-position: 0 -20px;}
dt.pros a {background:url('img/tPros.png') no-repeat;}
dt.pros a:hover {background-position: 0 -20px;}
dt.asso a {background:url('img/tAsso.png') no-repeat;}
dt.asso a:hover {background-position: 0 -20px;}
.bloc dd {margin:0; padding:0 0 0.25em 0;text-align:left;}
#commune {height:420px;background:url('img/bg-commune.jpg') no-repeat;}
#services {height:420px;background:url('img/bg-services.jpg') no-repeat;}
#pros {height:420px;background:url('img/bg-pros.jpg') no-repeat;}
#asso {height:420px;background:url('img/bg-asso.jpg') no-repeat;}
.accueil {padding-top: 10px;font-size:1.1em;}
.accueil dt {float:left;padding-left:170px;width:120px;text-align:right;background:none;}
.accueil dd {float:right;padding-left:0;width:440px;text-align:left;}
.accueil dd span {font-weight:bold;}
#content {margin: 0 200px 0 0;padding:0 10px 0 0;}
h2 {color:#670;font-size:1.4em;padding-top:15px;margin-bottom:10px;}
h3{font-size:130%;font-weight:bold;padding:10px 0}
h4{font-size:110%;font-weight:bold;padding:10px 0}
a{color:#900; text-decoration:none;}
a:hover{color:#f30; text-decoration:underline;}
acronym {cursor:help;letter-spacing:0.1em;padding-bottom:0;border-bottom:dotted 1px #cc6;}
p, #wrapper li, dt, dd {text-align:justify;line-height:1.25em;padding:0.2em 0;}
#wrapper ul.puce li, dt {margin-left:10px;padding-left:20px;background:url('img/puce.gif') no-repeat left 0.5em;}
dt span {font-weight:bold;}
dd {padding-left: 40px;}
sup{font-size:75%;vertical-align:text-top}
img, .carte {padding:1px; border:1px solid grey;}
img.nobord, a:hover img.nobord, #fancy_title table, #fancy_title table td {border:none;}
a img {border:1px solid #900;}
a:hover img {border:1px solid #f30;}
.image a:hover {text-decoration:none;}
.carte {background: #fff url('img/ajax-loader.gif') no-repeat 50% 50%;}
.carte p {padding-top: 0.1; padding-bottom: 0.1; line-height:1em;}
.image {float:right; margin: 0 0 10px 10px;}
.image p {text-align: center;}
.galerie {text-align:center;}
.galerie img {margin:4px;}
.galerie dl {background:none; width:150;padding:0;margin:5px;float:left;}
.galerie div.image {float:left;width:170px}
.cadre {padding:5px; border:1px solid #c30;}
.cleaner {clear:both;margin-bottom:5px;}
.patronyme{text-transform:uppercase;font-weight:normal;}
.gras{font-weight:bold}
#content li.mel,#content li.tel,#content li.fax,#content li.web,
#footer dd.mel,#footer dd.tel,#footer dd.fax,#footer dd.web{padding:0.2em 10px 0.2em 25px;}
li.tel,dd.tel{background:url('img/telephone.gif') no-repeat 0 50%} 
li.fax,dd.fax{background:url('img/fax.gif') no-repeat 0 50%} 
li.mel,dd.mel{background:url('img/email.gif') no-repeat 0 50%} 
li.web,dd.web{background:url('img/souris.gif') no-repeat 0 50%} 
#content dd.tel{margin-left:40px;padding-left:30px;} 
#content dd.fax{margin-left:40px;padding-left:30px;} 
#content dd.mel{margin-left:40px;padding-left:30px;} 
#content dd.web{margin-left:40px;padding-left:30px;} 
li.mel span,li.tel span,li.fax span,li.web span,dd.mel span,dd.tel span,dd.fax span,dd.web span{display: none}
div.ligne {clear:both;padding:0.25em 0;line-height:1.5em;}
div.ligne span.label {float:left;width:100px;text-align:right;}
div.ligne span.champ {float:right;width:440px;text-align:left;}
table {width:90%;border:1px solid #c30;margin:10px 0 10px 5%;}
caption {padding:1em 0;font-weight:bold;text-align: center;}
th, td { padding: 0.5em 1em;border-bottom: 1px solid #c30;border-left:1px solid #c30;}
th {font-weight:bold;background:#ffc;}
p.c,th.c,td.c {text-align:center;}
td.d {text-align:right;}
form.contact {width:620px;font-weight:bold;}
.succes {color:#006600;}
.erreur {color:#CC0000;font-weight:bold;}
/*
#message, #coordonnees {margin:5px 20px 5px 0;display:inline;float:left;}
*/
.note {margin-top:1em;font-size:0.9em;}
#avertissement {clear:both;}
#avertissement p {text-align:center;}
.contact label, .contact input, .contact textarea {display:block;}
.contact label {padding:10px 0 5px 0;}
.contact input, .contact textarea {
border: 1px solid #cc6;
background:#f4f4f4;
color:#c30;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
input.bouton {
margin: 10px 20px;
padding: 2px;
background:#c30;
color:#fff;
font-weight: bold;
}
#extra{float:left;width:194px;margin:10px 0 10px -200px;padding:0 0 0 5px;border-left:1px solid #cc6;}
#extra h3 {margin:20px 0 5px 0;padding:5px;background:#a7c400;color:#fff;}
#extra li {width:184px;padding:5px;border-bottom:1px solid #cc6;}
#extra li.select {font-weight:bold;}
#presentation {}
/* Pied */
#footer {clear:both;font-size:0.9em;padding:5px 0;background:#d9e39f;margin-bottom:10px}
#footer p {text-align:center;}