body {
    background-color: #EBEBEB;
	height:100%;width:1024px;
    margin-top : 0px;
	margin-left: auto;
	margin-right: auto;
    padding : 0px;
    font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 11px;
}

/*div { border: 1px solid red }*/

/*---------------------------- DIV ------------------------------*/

DIV.page {
	height:100%; width:1024px;
	background-color:#FFFFFF;
}

DIV.contenu {
	width:800px;
	min-height: 1000px;
	background-color:#FFFFFF;
	left:200px; top:0px;
	margin-bottom:20px;
	padding-top:20px;
	position:relative;
}

DIV.menuvertical{
	height:100%; width:200px;
	background-color:#FFFFF;
	position:relative;
}

DIV.blockhaut {
	height:225px; width:100%;
}

DIV.menu1 {
	height:20px; width:1024px;
	background-color:#00539B;
	position:relative;
	top:-20px;
}

DIV.sommaire {
	margin-left:50px;
	height:20px;
	width:800px;
	vertical-align:middle;
	position:relative;
	top:-40px;
}

DIV.sommaire2 {
	left:500px;
	height:20px;
	width:190px;
	background-color:#00539B;
	vertical-align:middle;
	padding-left:40px;
	position:relative;
	top:0px;
}

DIV.navigation {
	position:relative;
	top:-45px;
	left:5px;
	padding:0px;
	height:20px;
	width:850px;
	margin-top:5px;
	text-align:left;
}

DIV.hautpage {
	height:23px; width:75px;
	padding-left:700px;
	margin-top:130px;
	margin-bottom:5px;
	position:relative;
}

DIV.blockbas {
	background-color:#E0E0E0;
	font-size:12px;
	width:1024px; height:20px;
	padding-top:5px;
	position:relative;
	text-align:center;
	
}

DIV.articles2 {
	height:100%;width:280px;
	margin-left:200px;
	position:relative;
}

DIV.vignettessequences {
	height:100%;width:500px;
	margin-left:120px;
	position:relative;
}

DIV.newsletter {
	height:150px;width:250px;
	font-size:12px;
	margin-left:35px;
	position:relative;
}

DIV.plaquette {
	/*padding-top:5px;*/
	height:221px;width:310px;
	margin-left:10px;
	background-image:url(../modules/tinymce/img/plaquette.jpg);
	background-repeat:no-repeat;
	/*bottom:-100px;*/
	position:relative;
}

DIV.plaquetteete2008 {
	/*padding-top:5px;*/
	height:221px;width:310px;
	margin-left:10px;
	background-image:url(../img/couvete2008.png);
	background-repeat:no-repeat;
	/*bottom:-100px;*/
	position:relative;
}
/*
DIV.plaquette {
	height:221px;width:310px;
	margin-left:460px;
	top:130px;
	background-image:url(../img/plaquette.png);
	position:relative;
}*/

DIV.titreplaquette {
	height:221px; width:150px;
	left:160px;top:0px;
	padding:5px;
	position:relative;
	font-size:10px; font-weight:bold;
	color:#000099;
}

DIV.anor {
	padding-top:5px;
	height:200px;width:430px;
	margin-left:10px;
	top:-50px;
	background-image:url(../img/anor2.png);
	background-repeat:no-repeat;
	/*bottom:-100px;*/
	position:absolute;
}

DIV.louriou {
	padding-top:5px;
	height:200px;width:430px;
	margin-left:10px;
	
	background-image:url(../img/louriou.png);
	background-repeat:no-repeat;
	/*bottom:-100px;*/
	position:relative;
}

DIV.msm {
	padding-top:5px;
	height:200px;width:430px;
	margin-left:10px;

	background-image:url(../img/msm07.png);
	background-repeat:no-repeat;
	/*bottom:-100px;*/
	position:relative;
}

DIV.moissac {
	padding-top:5px;
	height:200px;width:430px;
	margin-left:10px;
	top:195px;
	background-image:url(../img/moissac.png);
	background-repeat:no-repeat;
	/*bottom:-100px;*/
	position:absolute;
}

DIV.troglos2 {
	padding-top:5px;
	height:200px;width:430px;
	margin-left:10px;
	top:195px;
	background-image:url(../img/troglos.png);
	background-repeat:no-repeat;
	/*bottom:-100px;*/
	position:absolute;
}

DIV.classes {
	padding-top:5px;
	height:200px;width:430px;
	margin-left:10px;
	top:195px;
	background-image:url(../img/msm.png);
	background-repeat:no-repeat;
	/*bottom:-100px;*/
	position:absolute;
}

DIV.journal {
	padding-top:5px;
	height:200px;width:430px;
	margin-left:10px;
	top:400px;
	background-image:url(../img/18h30.png);
	background-repeat:no-repeat;
	/*bottom:-100px;*/
	position:absolute;
}

DIV.sejoursete {
	top:-10px;
	padding-top:5px;
	padding-left:5px;
	/*background-color:#FFCC00;*/
	height:480px;width:320px;
	left:450px;
	position:relative;
	text-align:center;
}

DIV.titre {
	left:200px; width:200px; height:100px;
	padding:10px;
	position:relative;
	font-size:14px; font-weight:bold;
	color:#000099;
}

DIV.titreune {
	width:420px; height:30px;
	position:relative;
	font-size:14px; font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}

DIV.texteune {
	left:202px; width:190px; height:130px; top:-130px;
	padding:10px;
	position:relative;
	font-size:11px;
	color:#000000;
	text-align:justify;
}

DIV.newsresume {
	width:275px; height:94px;
	padding:10px;
	position:relative;
	font-size:11px;
	color:#000000;
	text-align:justify
}

div:hover.newsresume{
	background-color:#EBEBEB;
}

DIV.newsresumeune {
	width:430px;
	padding-top:5px;
	padding:10px;
	position:relative;
	font-size:11px;
	color:#000000;
	text-align:justify
}


div:hover.newsresumeune{
	background-color:#EBEBEB;
}


DIV.sejours{
	width:250px; height:95px;
	padding-left:10px; padding-top:15px;
	position:relative;
	color:#000000;
	text-align:justify
}

DIV.sejoursete2009{
	width:250px; height:115px;
	padding-left:10px; padding-top:15px;
	position:relative;
	color:#000000;
	text-align:justify
}

DIV.sejoursprintemps2011{
	width:400px; height:155px;
	padding-left:10px; padding-top:15px;
	position:relative;
	color:#000000;
	text-align:justify
}

DIV.videos{
	width:250px; height:70px;
	padding-left:10px; padding-top:15px;
	position:relative;
	color:#000000;
	text-align:justify
}

div:hover.sejours{
	background-color:#EBEBEB;
}

div:hover.sejoursete2009{
	background-color:#EBEBEB;
}

div:hover.sejoursprintemps2011{
	background-color:#EBEBEB;
}

div:hover.videos{
	background-color:#EBEBEB;
}

div:hover.texteune{
	background-color:#E0E0E0;
}

DIV.photoune {
	left:0px; width:180px; height:127px; 
	padding-top:1px;
	position:relative;
}

DIV.texte {
	width:400px; height:50px;
	padding:10px;
	position:relative;
	font-size:11px;
	color:#000099;
}

input.saisie {
	border: 1px solid #999;
	background: #FCFCFC;
	padding:3px;
	margin:3px;
}

/*---------------------------- LIENS ------------------------------*/

a.sommairehorizontal{
	color:#FFFFFF;
	text-decoration:none;	
	/*font-weight:bold;
	font-size:14px;*/
	font:bold 10pt Arial;
}

a:hover.sommairehorizontal{
	color:#C17E00;
	font:bold 10pt Arial;
}

a.articles {
	text-decoration:none;
}

a:hover.articles {
	text-decoration:underline;
	font-weight:bold;
}

a.liens{
	color:blue;
	font:normal 10pt "Arial";
	text-decoration:underline;
	margin-left:20px;	
}

a:hover.liens{
	color:#0099FF;
	text-decoration:underline;
}

a.news{
	color:#000000;
	text-align:justify;
	text-decoration:none;	
}

a:hover.news{
	color:#000000;
	text-decoration:none;
}

/* ------------------------ Styles ---------------------*/
.texte_general{
	color: #666666;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align:justify;
}

.titre{
	font:normal 14pt "Arial";
	text-align:center;
}

.titresejours{
	font:normal 12pt "Arial";
	color:#FF0000;
}

.titrehombre{
	font:bold 20pt "Arial";
	text-align:center;
}

.contact{
	font:bold 10pt "Arial";
	color:#FF0000;
}

/* ----------------------------- New ------------------*/
#menu {
width: 16em; /* set width of menu */
background: #FFFFFF;
position: absolute; 
margin-top:20px;
z-index:900;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
/*border-width:1px;
border-style: solid;
border-color: #EBEBEB;*/
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font: bold 11px/11px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
}

#menu h2 { /* Titre rubriques*/
color:#4C4C4C;
padding-left:10px;
background: #EBEBEB;
text-transform: uppercase;
}

#menu a { /* Rubriques */
color:#4C4C4C; /* Texte */
padding-left:15px;
background: #FFFFFF;
text-decoration: none;
}

#menu a:hover {
color: #000000;
background-color:#C9C9C9;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
/*
dl, dt, dd, ul, li, date {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; 
top:205px;
}
#menu {
width: 16em;
}
#menu dt {
color:#FFFFFF;
cursor: pointer;
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
background-color:#003399;
}
#menu date {
color:#000000;
margin: 2px 0;
padding-left:5px;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
background-color:#FFFFFF;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #003399;
}
#menu li a, #menu dt a {
color: #fff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #99CC00;
}
*/

DIV.articles{
	position:relative;
	height:100%;width:450px;
	
	padding:5px;
}

DIV.articleune {
	padding-top:5px;
	height:200px;width:430px;
	margin-left:10px;
	background-image:url(../img/articleune.png);
	background-repeat:no-repeat;
	position:relative;
}

DIV.onparledenous{
	position:relative;
	text-align:center;
}

DIV.printemps2008{
	position:relative;
	text-align:center;
}

DIV.ete2008{
	position:relative;
	text-align:center;
}

DIV.troglos{
	position:relative;
	top:-400px; left:700px;
	width:300px;
}




/*
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
top: 0;
left: 0;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 14em;
}
#menu dt {
cursor: pointer;
text-align: center;
font:bold 10pt Arial;
background-color:#00539B;
color:#FFFFFF;
margin: 1px;
}
#menu dd {
display: none;
}
#menu li {
text-align: center;
background-color:#00539B;
}
#menu li a, #menu dt a {
color:#FFFFFF;
text-decoration: none;
display: block;
height: 100%;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
color:#C17E00;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
}
*/