body {
background: #fff;
font: 12px Arial, Helvetica, sans-serif;
color:#666;
background: #f5f3ed url(/images/maingb.gif) repeat-x;
}


a {color: #666; text-decoration:none;}
a:visited {color:#666;}
a:hover {color: #666;}
a:active { color:#666;}


/* template structure */

#container {
width: 798px; 
margin: 0px auto;
_margin: -6px auto;
background-color: #fff;
position:relative;
}

#wrapper {
float: left; 
width: 778px;
padding:0 10px 10px 10px; 
}

#content {
float: right; 
width: 573px;
background-color: #fff;
padding:10px;
}

#left {
float: left; 
width: 175px;
padding:0;
}

#footer {
clear:both;
background:url(/images/footerbg.gif) left no-repeat;
height:22px;
padding:77px 0 0 10px;
color:#999999;
}

/* content */

#header {
text-align: left;
padding-top:9px;
background:  #fff url(/images/bgtop.gif) top left no-repeat;
}

#header img {
padding:10px 0 5px 10px;
}

.headerimg {
height:210px;
margin:0 4px;
}

.headerimg2 {
height:210px;
margin:0;
}

#headerinfo {
float:right;
width:180px;
height:190px;
padding:10px;
color:#fff;
background-color: #76776C;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}

h1 {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}

h2 {
padding: 0 0 10px 0;
text-decoration:underline;
margin:0;
font: 18px Arial, Helvetica, sans-serif bold;
}

h3 {
padding: 0 0 5px 0;
text-decoration:none;
margin:0;
font: 16px Arial, Helvetica, sans-serif bold;
}

#pagecontent h3 {
font-size:13px;
font-weight:bold;
padding: 0 0 5px 0;
text-decoration:underline;
margin:0;
}

#pagecontentschool h3 {
font-size:13px;
font-weight:bold;
padding: 0 0 5px 0;
text-decoration:none;
margin:20px 0 10px 0;
}

#pagecontent a {color: #333; text-decoration: underline;}
#pagecontent a:visited {color:#333;}
#pagecontent a:hover {color: #333;}
#pagecontent a:active { color:#333;}

.green {
color:#53973a;
}

.blue {
color:#006699;
}

#pagecontent {
padding-top:10px;
}

#imgtown {
float:left;
margin-bottom:10px;
}

#introtown, #introschool {
height:100px;
width:185px;
background-color:#f3f1f0;
float:right;
padding:20px 50px;
margin-bottom:10px;
}

#introschool {
height:auto;
width:270px;
padding:0 20px 10px 0;
background-color: #fff;
}

#introtown span, #introschool span {
color:#ff6141;
font-size:72px;
font-weight: bold;
float:left;
}

#introtown div, #introschool div {
margin-top:30px;
padding-left:35px;
}

#infoschool {
width:255px;
float:right;
padding:0 10px;
margin-bottom:10px;
}

#maphome {
width:364px;
height:227px;
/*background: #70c4c6;*/
float:left;
margin:0 0 3px 3px;
border:#FFFFFF 4px solid;
}

#mainmenu, #mainmenuInteractif, #margingallery {
width:155px;
background-color: #ff6141;
margin:0;
padding:10px;
}

#mainmenu {
padding:10px 10px 10px 3px;
width:162px;
}

#mainmenuInteractif, #margingallery {
background-color: #87b35e;
margin-top: 5px;
color:#FFFFFF;
}

#margingallery {
background-color: #dfdccd;
color:#666;
margin-bottom:15px;
}

#mainmenuhome {
background-color: #fff;
width:380px;
height:395px;
margin:0 3px 0 0;
padding:20px 10px;
float:left;
}

#mainmenuinfohome {
background-color: #ecf2d6;
width:198px;
height:174px;
margin:3px 3px 0 6px;
float:left;
padding:10px;
}

#mainmenuInteractifhome {
background-color: #87b35e;
width:120px;
height:170px;
margin:3px 0 0 3px;
float:left;
padding:14px 10px 10px 10px;
color:#FFFFFF;
}


/* menus */


#mainmenu ul, #mainmenuInteractif ul, #mainmenuheader ul, #mainmenuInteractifhome ul {
margin:0;
padding:0;
list-style:none;
} 

#mainmenuInteractif ul {
margin:5px 0 0 0;
padding-bottom:10px;
_padding-bottom:0;
} 

#mainmenuInteractifhome ul {
margin-top:15px;
}

#mainmenuheader ul {
width:175px;
}

#mainmenuinfohome p, #mainmenuheader p, #mainmenuInteractifhome p, #mainmenuInteractif p, #margingallery p {
margin:0;
padding:0;
font-size:12px;
}

#mainmenuinfohome p strong, #mainmenuheader p strong, #mainmenuInteractifhome p strong, #mainmenuInteractif p strong {
font-size:16px;
}

#mainmenuheader {
position:relative;
top:20px;
_top:10px;
left:600px;
color:#FFF;
width:180px;
} 

#mainmenu li, #mainmenuInteractif li, #mainmenuInteractifhome li {
 /* IE Mac ne voit pas l'ast?risque qui suit l'antislash \*//*/
     width:110px
 /**/
}

#mainmenu li a, #mainmenuInteractif li a, #mainmenuInteractifhome li a, #left h3 a {
color:#fff;
display:block;
padding:5px 5px 5px 10px;
font-size:12px;
_line-height:1.5em;
_height:1.2em;
}

#left h3 a {
font-weight:bold;
}

#mainmenuInteractif li a {
padding:0px 5px 10px 3px;
line-height:1.5em;
height:1.2em;
}

#mainmenuInteractifhome li a {
padding: 0px 0 10px 0;
line-height:1.5em;
height:1.5em;
}

#mainmenu li a:hover, #mainmenu li.s a, #mainmenu li.s a:hover, #mainmenu li.hs a, #left h3 a:hover {
background: url(/images/menu/arrowwhite.gif) left no-repeat;
background-position: 0 9px;
}

#mainmenuInteractifhome li a:hover, #mainmenuInteractifhome li.s a, #mainmenuInteractifhome li.hs a, #mainmenuInteractifhome li.s a:hover, #mainmenuInteractifhome li.hs a:hover {

}


#mainmenuheader li a {
color:#fff;
display:block;
padding:12px 10px 2px 0;
font-size:14px;
font-weight:bold;
border-bottom:#fff 1px dotted;
background: url(/images/menu/arrowgreen.gif) right no-repeat;
background-position: right 12px;
}

/*
#mainmenuinfohome li a {
color:#666666;
border-bottom:#666 1px dotted;
}
*/

#mainmenuheader li a:hover, #mainmenuheader li.s a, #mainmenuheader li.s a:hover,#mainmenuheader li.hs a:hover {
color:#9cb137;
}


/* mainmenu top */
#topmenu {
float:right;
margin-top:35px;
text-decoration:none;
}
#topmenu ul, #topmenu li {
margin:0;
padding:0;
list-style:none;
}
#topmenu li {
float:left;
padding:5px 8px;
}
#topmenu a {
margin: 0;
display:block;
padding:1px 8px;
}
#topmenu a:hover {
text-decoration:none;
}


#menu{
margin:0 0 10px 0;
width:276px;
background-color: #f3f0e9;
float:left;
padding-top:10px;
}

#menu ul{
margin:0 0 15px 0;
padding:0;
list-style:none;
} 

#menu li{
margin:0;
padding:0;
_height:0;
}

#menu li a{
display:block;
padding:3px 3px 3px 10px;
color:#666;
_height:0;
text-decoration:underline;
}

#menu li a:hover {
display:block;
padding:3px 3px 3px 10px;
_height:0;
text-decoration:underline;
color:#ff6141;
}

#menu li.s a,#menu li.hs a{
display:block;
padding:3px 3px 3px 10px;
color:#ff6141;
_height:0;
text-decoration:underline;
}


/* menu sub */

#menu li li {
}

#menu li.s li a,#menu li.hs li a {
display:block;
padding:3px 3px 3px 15px;
color:#666;
}

#menu li.s li.s a,#menu li.hs li.s a,#menu li.s li.hs a,#menu li.hs li.hs a, #menu li.hs li a:hover,#menu li.s li a:hover{
display:block;
padding:3px 3px 3px 15px;
color:#ff6141;
}

.path {
padding: 4px;
margin-left:6px;
}

/* album */

#albumdetail {
background: #FF0000;
margin-bottom: 10px;
}

.albumdetail {
padding: 10px 20px 10px 10px; 
background: #F3F3F3; 
text-align:left
}

#albumlist { margin-bottom: 10px; }


/* 4cols */

#fourcols {
font-size:10px;
margin:0 0 0 95px;
padding:0;
}

#fourcols li{
float:left;
list-style-type:none;
display:inline;
}

#fourcols a{
margin: 1px;
background-color:#FFFFFF;
padding: 2px;
float:left; 
width: 90px; height:90px; 
display:block;
background-repeat:no-repeat; background-position:center;
}

#fourcols a:hover{
text-decoration: none;
}


/************* threeCols ***************/
#margingallery img, div.galleryhome img {
float:left;
margin:10px 0 0 2px;
}


/* mainLinkHome item */

.mainLinkHome {
margin-bottom:20px;
}

.mainLinkHome a {
font-size:18px;
text-decoration:underline;
}

.mainLinkHome a:hover, .mainLinkHome a:active {
color:#ff6141;
}

/* infoLinkHome item */

.infoLinkHome {
margin-top:15px;
_margin-top:10px;
border-bottom:#666 1px dotted;
background: url(/images/menu/arrowgreen.gif) right no-repeat;
background-position: right 12px;
font-size:11px;
}

.infoLinkHome h3 {
margin-bottom:0;
padding-bottom:0;
}

.infoLinkHome a {
font-size:16px;
}

.infoLinkHome a:hover, .infoLinkHome a:active  {
color:#9cb137;
}



/* image item */

.item .imageleft {
float:left;
/*_width:150px;*/
min-width:150px;
text-align:center;
margin-right:12px;
margin-bottom:12px;
}

.item .textright {
padding:0;
margin: 0 0 12px 1px;
/*_height:0;*/
}

.item .imageright {
float:right;
/*_width:15px;*/
min-width:15px;
margin-left:12px;
margin-bottom:12px;
}

.item .textleft {
padding:0;
margin: 0 15px 0 0;
/*_height:0;*/
}

/* form */

.formbody {
padding-bottom:10px;
border-bottom:1px solid #666666;
margin-bottom:15px;
}

/* box glance */

div.boxheadglance h2 {
padding:3px;
text-decoration:none;
margin:0 0 3px 0;
font-size: 12px;
font-weight:bold;
color:#FFFFFF;
background-color:#a7c1e2;
}

.boxbodyglance {
padding:5px;
border: 1px solid #f3f0e9;
}

/* Item opinion */

.opinion {
margin-top:10px; 
height:60px;
padding:30px 10px 0 100px;
width:280px;
}
.underline {
font-size:18px;
text-decoration:underline;
}

/* lang menu */

#langmenu{
	position:absolute;
	top:0;
	left:730px;
}

#langmenu ul{
	padding: 0 10px 0 0;
}

#langmenu ul li{
	padding: 0 0 0 5px;
	display:inline;
}