/* OT Ste Mere
------------------------------------------------------------------------------------------------------------------- */

@import url(../iso_icons/menu.css);


/* CLEARFIX - http://www.positioniseverything.net/easyclearing.html
------------------------------------------------------------------------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ------------------------------------------------------------------------------------------------------------------- */

body {
background:#604202 url(../iso_icons/bg-body.jpg) top center repeat-x;
margin:0;
padding:0;
font-family:arial;
font-size:0.75em;
}


h1, h2, h3, h4,ul, li, p {margin:0;padding:0;}
a img {border:0;}

h1 {
/*font-family:Georgia,Arial,sans-serif;*/
color:#5F4101;
font-weight:normal;
margin:10px 0;
}

h2, h3, h4 {
/*font-family:Arial,sans-serif;*/
color:#5F4101;
font-weight:normal;
margin:10px 0;
}

a:link, a:visited, a:active {color:#5f9400}
a:hover {text-decoration:none;}


p {margin:0 0 5px 0;}


h2 {
font-size:24px;
letter-spacing:-1px;
}

#container {
width:964px;
margin:0 auto;
position:relative;
border:0;
padding:0;

}


/* header
------------------------------------------------------------------------------------------------------------------- */

#header {
height:107px;
background:transparent url(../iso_icons/bg-header.jpg) left 30px no-repeat;
margin:0;
padding:0;
border:0;
}

#header h1 {
background:transparent url(../iso_icons/Ot-ste-mere-titre.png) top left no-repeat;
width:381px;
height:68px;
position:absolute;
top:20px;
left:20px;
margin:0;
}
#header h1 span {
display:none;
}




/* Langues
------------------------------------------------------------------------------------------------------------------- */

#langues {
width:165px;
height:29px;
position:absolute;
top:0;
right:50px;
background:transparent url(../iso_icons/bg-langues.gif) top left no-repeat;
color:#fff;
line-height:27px;
text-align:center;
}

#langues a:link, #langues a:visited, #langues a:active {
color:#fff;
line-height:27px;
text-decoration:none;
}

#langues a:hover {
text-decoration:underline;
}


/* recherche
------------------------------------------------------------------------------------------------------------------- */

.Recherche fieldset {
width:200px;
position:absolute;
top:70px;
right:25px;
margin:0;
padding:0;
border:0;
}

.Recherche input {
margin:0;
padding:1px;
border:1Px solid #cca652;
width:150px;
background:transparent url(../iso_icons/bg-input.gif) top left repeat-x;
font-size:13px;
color:#604202;
}


.Recherche input.Submit {
background:transparent url(../iso_icons/bg-button.gif) top left no-repeat;
border:0;
width:27px;
text-align:center;
cursor:pointer;
line-height:10px;
font-size:10px;
height:20px;
}

/* Page
------------------------------------------------------------------------------------------------------------------- */

#page {
background:transparent url(../iso_icons/bg-container.png)  2px 0 repeat-y;
margin:0;
padding:0;
}

*html #page {
background:transparent url(../iso_icons/bg-container.gif)  2px 0 repeat-y;
}

/* bandeau Flash
------------------------------------------------------------------------------------------------------------------- */

#bandeauFlash {
margin:0 0 10px 20px;
}


/* Menu
------------------------------------------------------------------------------------------------------------------- */


/* Content
------------------------------------------------------------------------------------------------------------------- */

#content {
width:690px;
margin:0 0 0 15px;
}

#content .leftbar {
width:231px;
float:left;
margin:10px 0 0 0;
}

.bascontainer {
clear:both;
height:51px;
background:transparent url(../iso_icons/footer.gif) top center no-repeat;
}
/* Cadre
------------------------------------------------------------------------------------------------------------------- */


.ContainerCadre {margin:10px 0;clear:both;}
.hautCadre {background:transparent url(../iso_icons/leftbar-milieux.gif) top left repeat-y;}
.Cadre {background:transparent url(../iso_icons/leftbar-haut.gif) top left no-repeat;min-height:200px;padding:10px;}
.rightbar .Cadre {background:transparent url(../iso_icons/rightbar-haut.gif) top left no-repeat;}
*html .Cadre {height:180px;}
.basCadre {background:transparent url(../iso_icons/leftbar-bas.gif) top left no-repeat;display:block;width:100%;height:16px;}
.rightbar .basCadre {background:transparent url(../iso_icons/rightbar-bas.gif) top left no-repeat;}


#content .TextPrincipal {margin:10px 0 0 236px;}

/* rightbar
------------------------------------------------------------------------------------------------------------------- */

.rightbar {
float:right;
width:230px;
margin:0 10px 0 0;

}

*html .rightbar {
margin:0 1px 0 0;
}

.rightbar h3, .leftbar h3 {
font-size:12px;
font-weight:bold;
clear:both;
text-transform:uppercase;
margin:10px 0 5px 10px;
}

.Cadre h3 {margin:0 0 5px 0;}

.rightbar #partenaires {margin:0;padding:0;}
.rightbar #partenaires li {list-style-type:none;margin:0;padding:0;display:block;float:left;}

.rightbar #partenaires li a {
display:block;
float:left;
width:108px;
height:106px;
background-position:top left;
background-repeat:no-repeat;
text-indent:-999em;
}

.rightbar #partenaires li a:hover {background-position:bottom left;}

.rightbar #partenaires li a.hebergements{background-image:url(../iso_icons/bg-restauration.gif);margin:0 3px 0 0}
.rightbar #partenaires li a.musees {background-image:url(../iso_icons/bg-musees.gif);margin:0 0 3px 0}
.rightbar #partenaires li a.activites {background-image:url(../iso_icons/bg-loisirs.gif);margin:3px 3px 0 0}
.rightbar #partenaires li a.commercants {background-image:url(../iso_icons/bg-commercants.gif);margin:0;}


.rightbar #fete {
width:128px;
height:128px;
background:transparent url(../iso_icons/rightbar-fete.gif) top left no-repeat;
margin:10px auto;
}

.rightbar #fete p {
margin:0;
padding:0;
color:#fff;
text-align:center;
padding-top:35px;
}


#footer {
margin:0;
color:#fff;
text-align:center;
background:transparent url(../iso_icons/footer-large.gif) top center repeat-x;
}

#footer .inner {
width:968px;
margin:0 auto;
background:transparent url(../iso_icons/footer.gif) 3px top  repeat-x;
}

#footer .inner p {
padding-top:50px;
}

#footer ul {
margin:0;
padding:0;
width:700px;
margin:0 auto;
}

#footer ul li {
display:block;
float:left;
margin:0 10px;
}

#footer ul li a:link, #footer ul li a:visited, #footer ul li a:active  {color:#fff;text-decoration:none;}
#footer ul li a:hover {color:#fff;text-decoration:underline;}