body{margin:0; width:800px; }

.gauche{float:left; background-color:white; width: 161px; height: 100%; margin-top:0px}
.cont{float:left;width: 630px; height:auto; background-color:#B6E430; margin-top:0px; min-height:720px }
.g2{width: 161px; height:430px; background: url(img/logo.jpg) top left no-repeat; background-color:#FFFFFF; margin-top:0px}
.haut {width:620px; height:101px; background: url(img/titre.gif) top left no-repeat; margin-top:0}
/*.right{background-image:url(img/fond.gif); float:right; min-width:214px ; margin-top:0px; min-height:720px}*/
.spir {width: 161px; height: 229px; margin-top:280px; background: url(img/spirale.gif) top left no-repeat; }
.rom {width: 60px; height: 50px; margin-left:25px; margin-bottom:15px ; margin-top:-280px}
ul {list-style-type: none; }
.ul2{list-style-type: none; margin:0px}
.ul3{list-style-type: none; margin:0px; padding: 0px}
.ul4{ list-style-type: circle}
.menu{width: 600px; height:20px;}
/* gestion du menu secondaire*/
#acceuil { 
width: 49px;
height:30px;
float:left;
background: url(img/menu/acceuil_hover.gif) top left no-repeat; /* placement de l'image 2 au second
plan */
}
#acceuil a { /* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url(img/menu/acceuil.gif) top left no-repeat; /* placement de l'image 1 au
premier plan */
color: #000;
}
#acceuil a:hover { /* masquage de l'image1 au survol */
background: transparent none;
}
#info { 
float:left;
width: 90px;
height:30px;
margin-left:5px;
background: url(img/menu/info_leg_hover.gif) top left no-repeat; 
}
#info a { 
display: block;
width: 100%;
height: 100%;
background: white url(img/menu/info_leg.gif) top left no-repeat;
color: #000;
}
#info a:hover { 
background: transparent none;
}
#profil { 
float:left;
width: 70px;
height:30px;
margin-left:5px;
background: url(img/menu/profil_hover.gif) top left no-repeat; 
}
#profil a { 
display: block;
width: 100%;
height: 100%;
background: white url(img/menu/profil.gif) top left no-repeat; 
color: #000;
}
#profil a:hover { 
background: transparent none;
}

#partenaire { 
width: 90px;
height:30px;
margin-left:5px;
float:left;
background: url(img/menu/partenaire_hover.gif) top left no-repeat; 
}
#partenaire a { 
display: block;
width: 100%;
height: 100%;
background: white url(img/menu/partenaire.gif) top left no-repeat; 
color: #000;
}
#partenaire a:hover { 
background: transparent none;
}

#recommander { 
float:left;
width: 90px;
height:30px;
margin-left:5px;
background: url(img/menu/recommander_hover.gif) top left no-repeat; 
}
#recommander a { 
display: block;
width: 100%;
height: 100%;
background: white url(img/menu/recommander.gif) top left no-repeat; 
color: #000;
}
#recommander a:hover { 
background: transparent none;
}

#contact{  
width: 110px;
height:30px;
margin-left:5px;
float:left;
background: url(img/menu/contact_hover.gif) top left no-repeat; 
}
#contact a { 
display: block;
width: 100%;
height: 100%;
background: white url(img/menu/contact.gif) top left no-repeat; 
color: #000;
}
#contact a:hover { 
background: transparent none;
}

/* gestion menu principal */
#animation{ 
position:absolute; 
left: 10px; 
width: 125px;
height:30px;
top :270px;
background: url(img/menu/anim_hover.gif) top left no-repeat; 
}
#animation a { 
display: block;
width: 100%;
height: 100%;
background: url(img/menu/anim.gif) top left no-repeat; 
color: #000;
}
#animation a:hover { 
background: transparent none;
}
#dossier{ 
position:absolute;
left: 10px; 
width: 125px;
height:30px;
top :309px;
background: url(img/menu/dossier_hover.gif) top left no-repeat; 
}
#dossier a { 
display: block;
width: 100%;
height: 100%;
background: url(img/menu/dossier.gif) top left no-repeat; 
color: #000;
}
#dossier a:hover { 
background: transparent none;
}
/*
#forum{ 
position:absolute; 
left: 10px; 
width: 75px;
height:30px;
top :310px;
background: url(img/menu/forum_hover.gif) top left no-repeat; 
}
#forum a { 
display: block;
width: 100%;
height: 100%;
background: url(img/menu/forum.gif) top left no-repeat; 
color: #000;
}
#forum a:hover { 
background: transparent none;
}
*/
#challenge{ 
position:absolute; 
left: 10px; 
width: 125px;
height:30px;
top :231px;
background: url(img/menu/challenge_hover.gif) top left no-repeat; 
}
#challenge a { 
display: block;
width: 100%;
height: 100%;
background: url(img/menu/challenge.gif) top left no-repeat; 
color: #000;
}
#challenge a:hover { 
background: transparent none;
}
#visites{ 
position:absolute; 
left: 10px; 
width: 125px;
height:30px;
top :350px;
background: url(img/menu/visites_hover.gif) top left no-repeat; 
}
#visites a { 
display: block;
width: 100%;
height: 100%;
background: url(img/menu/visites.gif) top left no-repeat; 
color: #000;
}
#visites a:hover { 
background: transparent none;
}

/* gestion du contenu*/ 
.pge{
background: url(img/spirale2.jpg) center no-repeat;
background-color:#FFFFFF; 
min-height:720px;
height: auto; 
width:620px;
margin-left:5px;
margin-top:0;}
.intro{ 
margin-top:15px;
margin-left: 35px;
margin-right:20px;
/*color:#231F20;*/
color:#000066;
font-size:13px;
font-family:Verdana, sans-serif;

}
.intro_inf{ 
margin-top:20px;
margin-left: 25px;
margin-right:20px;
color:#231F20;
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*.news{ background-color:#FFFFFF;} */
.tab_n{ width:590px; margin-left: 25px; border-bottom: thin solid #4D8DAE; }
.tab_n2{ width:590px; margin-left: 25px; border-bottom: thin solid #4D8DAE ; font-size:1px}
.tab_n3{ width:590px; margin-left: 25px; }
.tab_a{ width:540px; margin-left: 25px; }
.tab_txt{color:#000066; width:440px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
.tab_titre{color:#000066; width:440px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
.tab_bl{background-color:#ffffff; height:2px}
.tab_insc{ text-align:center;}
.autre_actu a{font-family:Verdana, Arial, Helvetica, sans-seriff; font-size:13px; color:#231F20;
}

input.bouton {
cursor:pointer;
width:75px; height:22px;
background: url(img/env.gif) top left no-repeat; 
margin-left:20px;
border:none;
}
input.bouton2 {
cursor:pointer;
width:110px; height:37px;
background: url(img/deconnecter.gif) top left no-repeat; 
margin-left:0px;
border:none;
}
.bienv{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#231F20; margin-left:20px; margin-top:20px; font-weight:bold}
a.anim {color:#000066;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px; }
a.anim:hover {color:#000066;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px; text-decoration:none;}
.image_ipf{float: right;}
a.txt{color:#000066;font-size:13px;}
a.txt:hover{color:#000066;font-size:13px; text-decoration:none;}
a.txt2{color:#000066;font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif}
a.txt2:hover{color:#000066;font-size:11px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif}
.tit{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#000066; font-weight:bold}
.diapo{float: left; margin-right:10px; margin-bottom: 10px; height:220px; width:215px}
.diapo3{margin-right:20px; height:20px; width:200px}
.img_news{border: 2px solid #4D8DAE}
#diap{background: url(img/gauche_on.gif) top left no-repeat; width:25px; height:15px;}
#diap a { 
display: block;
width: 100%;
height: 100%;
background: url(img/gauche_off.gif) top left no-repeat; 
color: #000;
}
#diap a:hover {
background: transparent none;
}
#diap2{background: url(img/droite_on.gif) top left no-repeat; width:25px; height:15px; }
#diap2 a { 
display: block;
width: 100%;
height: 100%;
background: url(img/droite_off.gif) top left no-repeat; 
color: #000;
}
#diap2 a:hover { 
background: transparent none;
}
.diapo2{ margin-bottom: 10px; height:200px; width:200px}
.tab_spir{height:300px ; width:550px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-seriff; font-size:13px;}
.tab_spir2{ background: url(img/spirale.jpg) center no-repeat; height:150px ; width:250px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-seriff; font-size:13px;}
.deconn{position:absolute; 
left: 0px; 
width: 125px;
height:40px;
top :540px;}
.anim_titre{ text-transform:uppercase; font-size:13px; font-weight:bold}