/* ---------------------------------------- */
/* général				*/
/* ---------------------------------------- */

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#000000;
	font-size: 62.5%;
	background-color:#777777;
	background:url(../images/bg.jpg) repeat-x top left;
}

html, body {
height: 100%;
 margin:0px 0px 0px 0px; 
 padding:0;
 min-height: 100%; 
 margin-bottom: 1px;
}

div.cleaner {
	clear: both; 
	line-height: 0px; 
	height: 0px; 
	font-size: 0px;
}

p { padding: 8px 0 0 0; margin: 0 }

p.center{
text-align:center;
}

ul, li, h1, h2, h3, h4{
margin:0;
padding:0;
}

.flux{ 
clear: both; 
}

.cleft{
clear:left;
}

.cright{
clear:right;
}

.clearing {
height: 0;
clear: both;
}

hr.clear{
display:block;
clear:both;
visibility:hidden;
height:0;
border-width:0;
margin:0;
padding:0;
}

* html hr.clear {   /* pour explorer  */
margin-top:-15px;
}

*+html hr.clear {   /* pour explorer 7 */
margin-top:-15px;
}

td{
padding:2px 4px 2px 4px;
margin:2px 0 2px 0;
}

table.points{
border:#999999 1px solid;
font-size:10px;
}

table.points td{
border:#999999 1px solid;
}

/* ---------------------------------------- */
/* 	link	*/
/* ---------------------------------------- */


a:link {
color: #666666;
text-decoration: underline;
}

a:hover {
text-decoration:underline;
color:#666666;
}

a:visited{
color: #666666;
text-decoration: underline;
}

a:active {
text-decoration:underline;
color:#666666;
}



/* ---------------------------------------- */
/* 	textes	*/
/* ---------------------------------------- */


.note{
font-size:0.8em;
margin:10px 0 10px 0;
}

.petit{
font-size:0.8em;
margin:0;
}


.bleu24{
font-size:2.2em;
color:#0b1634;
font-weight:bold;
margin:0;
padding:0;
}

.noir18{
font-size:1.6em;
color:#000000;
font-weight:bold;
margin:0;
padding:0;
}

.rouge18{
color:#d10202;
font-size:1.6em;
font-weight:bold;
margin:25px 0 0 0;
padding:0;
}

.rouge18sp{
color:#d10202;
font-size:1.6em;
font-weight:bold;
margin:8px 0 10px 0;
padding:0;
}

.sansmp{
margin:0;
padding:0;
}

/* ---------------------------------------- */
/* 	conteneur	*/
/* ---------------------------------------- */

#back1{
background:url(../images/bg1.jpg) top left no-repeat;
width:100%;
min-height:3100px;
}

#back2{
background:url(../images/bg2.jpg) top left no-repeat;
width:100%;
min-height:3100px;
}


#back3{
background:url(../images/bg3.jpg) top left no-repeat;
width:100%;
min-height:3100px;
}

#back4{
background:url(../images/bg4.jpg) top left no-repeat;
width:100%;
min-height:3100px;
}

#back5{
background:url(../images/bg5.jpg) top left no-repeat;
width:100%;
min-height:3100px;
}


#back6{
background:url(../images/bg6.jpg) top left no-repeat;
width:100%;
min-height:3100px;
}


#conteneur{
background-color:#FFFFFF;
position:absolute;
left: 0px; 
top: 64px;
width: 840px;
font-size:1.2em;
z-index:0;
}

#noter{
position:absolute;
top: 280px;
left:480px;
width:300px;
height:170px;
padding:20px 10px 10px 15px;
font-size:1.2em;
}

#noter p{
margin:0;
padding:0
}

#noter .n2{
margin-top:20px;
padding-right:130px;
}

#noter a:link, #noter a:visited, #noter a:hover,  #noter a:active {
color:#2b4d0a;
text-decoration:none;
font-weight:bold;
}

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


#newsletter{
position:absolute;
top: 510px;
left:666px;
background:url(../images/bg_newsletter.gif) top left no-repeat;
width:138px;
height:24px;
font-size:1.3em;
font-weight:bold;
color:#FFFFFF;
margin:0;
padding:0px 10px 10px 10px;
}

#newsletter a:link, #newsletter a:visited, #newsletter a:active {
color: #FFFFFF;
text-decoration:none;
font-weight:bold;
}

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

#facebook{
position:absolute;
top: 565px;
left:666px;
background:url(../images/bg_facebook.gif) top left no-repeat;
width:138px;
height:87px;
font-size:1.3em;
font-weight:bold;
color:#FFFFFF;
margin:0;
padding:10px 10px 10px 10px;
}


#facebook a:link, #facebook a:visited, #facebook a:active {
display:block;
color:#ffffff;
text-decoration:none;
width:138px;
height:87px;
margin:0;
padding:0;
}

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

#meteomedia{
position:absolute;
top: 690px;
left:670px;
width:138px;
height:87px;
margin:0;
padding:0;
}


#texte ul, #texte li, #texte_yellow ul, #texte_yellow il, #texte_accueil ul, #texte_accueil li {
margin:0 0 0 0px;
padding:8px 0 8px 15px;
}


#texte{
background-color:#FFFFFF;
width:762px;
/* border:#D1D1D2 1px solid; */
margin:0 0 20px 0;
padding:14px 60px 18px 16px;
min-height:767px;
position:absolute;
}

#texte_accueil{
width:574px;
margin:0 0 20px 0;
padding:358px 250px 18px 16px;
min-height:309px;
background:url(../images/bg_accueil.jpg) top left no-repeat;
}



#commanditaires{
position: absolute;
top:0px;
left:840px;
width:156px;
background-color:#2b4d0a;
padding-left:3px;
padding-top:167px;
min-height:1054px;
}


/* ---------------------------------------- */
/* 	menu TOP	*/
/* ---------------------------------------- */



#menu_top{
margin: 0;
padding:0px 0 0 0px;
width:840px;
background-image:url(../images/rebelles.gif);
height:154px;
}

#menu_top ul{
clear:both;
list-style: none;
margin: 0;
padding-left: 18px;
}

#menu_top li{
float:left;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#menu_top li.titan, #menu_top li.titan_on{
float:left;
margin: -18px 0px 0px 0px;
padding: 118px 5px 0px 0px;
background: url(../images/bt_titan.jpg) left top no-repeat;
width:80px;
height:28px;
text-align:center;
}


#menu_top li.atome, #menu_top li.atome_on{
float:left;
margin: -18px 0px 0px 0px;
padding: 118px 5px 0px 0px;
background: url(../images/bt_atome.jpg) left top no-repeat;
width:80px;
height:28px;
text-align:center;
}


#menu_top li.moustique, #menu_top li.moustique_on{
float:left;
margin: -18px 0px 0px 0px;
padding: 118px 5px 0px 0px;
background: url(../images/bt_moustique.jpg) left top no-repeat;
width:80px;
height:28px;
text-align:center;
}


#menu_top li.peewee, #menu_top li.peewee_on{
float:left;
margin: -18px 0px 0px 0px;
padding: 118px 5px 0px 0px;
background: url(../images/bt_peewee.jpg) left top no-repeat;
width:80px;
height:28px;
text-align:center;
}


#menu_top li.bantam, #menu_top li.bantam_on{
float:left;
margin: -18px 0px 0px 0px;
padding: 118px 5px 0px 0px;
background: url(../images/bt_bantam.jpg) left top no-repeat;
width:80px;
height:28px;
text-align:center;
}

#menu_top li.midget, #menu_top li.midget_on{
float:left;
margin: -18px 0px 0px 0px;
padding: 118px 5px 0px 0px;
background: url(../images/bt_midget.jpg) left top no-repeat;
width:80px;
height:28px;
text-align:center;
}

#menu_top li a{
color:#ffffff;
font-size:0.9em;
display: block;
text-decoration: none;
font-weight:bold;
height:18px;
padding-top:5px;
letter-spacing:0.5px;
}

#menu_top li a:hover{
text-decoration:none;
background-color:#999999;
}


#menu_top li.titan_on a, #menu_top li.atome_on a, #menu_top li.moustique_on a, #menu_top li.peewee_on a, #menu_top li.bantam_on a, #menu_top li.midget_on a{
background-color:#999999;
color:#ffffff;
font-size:0.9em;
display: block;
text-decoration: none;
font-weight:bold;
height:18px;
padding-top:5px;
letter-spacing:0.5px;
}

#menu_top li.on a {
text-decoration:none;
}	


#menu_top ul li ul {
display:none;
}

#menu_top ul li:hover ul {
display:block;
}

#menu_top li:hover ul li {
height:18px;
width:100px;
float:none;
background-color:#515151;
margin: 0 0 0 -20px;
padding:0;
color:#FFFFFF;
font-weight:bold;
text-align:left;
display:block;
border-top:#3b3b3b solid 1px;
z-index:200;
position: relative;
}


#menu_top li:hover ul li.categorie{
background-color:#3b3b3b;
padding:0px 0 0 10px;
width:90px;
height:14px;
}

#menu_top li:hover ul li a{
padding:2px 0 0 10px;
font-weight:normal;
}



/* ---------------------------------------- */
/* 	menu	*/
/* ---------------------------------------- */


#menu{
margin: 0;
padding:0px 0 0 0px;
width:840px;
background-color:#0b1634;
height:35px;
}

#menu ul{
clear:both;
list-style: none;
margin: 0;
padding-left: 18px;
}

#menu li{
float:left;
margin: 10px 3px 0px 0px;
padding: 0px 0px 0px 0px;
}

#menu li.accueil{
background:url(../images/bg_accueil.gif) right top no-repeat;
width:62px;
}

#menu li.archives{
background:url(../images/bg_nouvelles.gif) right top no-repeat;
width:80px;
}

#menu li.parcs{
background:url(../images/bg_reseau.gif) right top no-repeat;
width:56px;
}

#menu li.liens{
background:url(../images/bg_photos.gif) right top no-repeat;
width:58px;
}

#menu li.documents{
background:url(../images/bg_documents.gif) right top no-repeat;
width:83px;
}

#menu li.organisation{
background:url(../images/bg_organisation.gif) right top no-repeat;
width:98px;
}

#menu li.photos{
background:url(../images/bg_photos.gif) right top no-repeat;
width:58px;
}

#menu li.contact{
background:url(../images/bg_contact.gif) right top no-repeat;
width:67px;
}

#menu li.fondation{
background:url(../images/bg_fondation.gif) right top no-repeat;
width:77px;
}

#menu li.resume{
background:url(../images/bg_resume.gif) right top no-repeat;
width:121px;
}

#menu li.boutique{
background:url(../images/bg_boutique.gif) right top no-repeat;
width:68px;
}

#menu li.accueil a:hover, #menu li.accueil_on{
background:url(../images/bg_accueil_on.gif) right top no-repeat;
}


#menu li.archives a:hover, #menu li.archives_on{
background:url(../images/bg_nouvelles_on.gif) right top no-repeat;
}

#menu li.parcs a:hover, #menu li.parcs_on{
background:url(../images/bg_reseau_on.gif) right top no-repeat;
}

#menu li.liens a:hover, #menu li.liens_on{
background:url(../images/bg_photos_on.gif) right top no-repeat;
}

#menu li.documents a:hover, #menu li.documents_on{
background:url(../images/bg_documents_on.gif) right top no-repeat;
}

#menu li.organisation a:hover, #menu li.organisation_on{
background:url(../images/bg_organisation_on.gif) right top no-repeat;
}

#menu li.photos a:hover, #menu li.photos_on{
background:url(../images/bg_photos_on.gif) right top no-repeat;
}

#menu li.contact a:hover, #menu li.contact_on{
background:url(../images/bg_contact_on.gif) right top no-repeat;
}

#menu li.fondation a:hover, #menu li.fondation_on{
background:url(../images/bg_fondation_on.gif) right top no-repeat;
}

#menu li.resume a:hover, #menu li.resume_on{
background:url(../images/bg_resume_on.gif) right top no-repeat;
}

#menu li.boutique a:hover{
text-decoration:none;
color:#0b1634;
background:url(../images/bg_boutique_on.gif) right top no-repeat;
}


#menu li a{
color:#ffffff;
font-size:0.9em;
display: block;
text-decoration: none;
font-weight:bold;
text-align:center;
height:25px;
padding-top:5px;
padding-right:5px;
padding-left:6px;
letter-spacing:0.5px;
}

#menu li.boutique a{
color:#0b1634;
}

#menu ul li ul {
display:none;
}

#menu ul li:hover ul {
display:block;
margin-top:-5px;
text-align:left;
}

#menu li:hover ul li {
height:18px;
width:150px;
float:none;
background-color:#515151;
margin: 0 0 0 -20px;
padding:0;
color:#FFFFFF;
font-weight:bold;
text-align:left;
display:block;
border-top:#3b3b3b solid 1px;
z-index:200;
position: relative;
}

#menu li:hover ul li a{
padding:2px 0 0 10px;
font-weight:normal;
height:17px;
text-align:left;
}

#menu li:hover ul li a:hover{
background-color:#999999;
background-image:none;
}


.saison td{
border:#CCCCCC 1px solid
}