/*MISE EN PAGE GENERALE*/
body
{
width: 850px;
margin: auto;
height: 100%;
background-color: silver;
}

#header
{
width: 850px;
height: 119px;
background-image: url("images/graphisme/header.jpg");
}

#header_bas
{

width: 850px;
height: 36px;
background-image: url("images/graphisme/header_low.jpg");
background-repeat: no-repeat;
background-position: right;
border-bottom-style: solid;
border-bottom-color: #FCFFFF;
border-bottom-width: 2px;
}

#centre
{
width: 850px;
background-image: url("images/graphisme/centre.jpg");
overflow: auto;
}

#menu
{
float: left;
width: 138px;
height: 100%;
overflow: hidden;
}

#corps
{
float: right;
padding: 10px;
width: 692px;
background-image: url("images/graphisme/img_corps.jpg");
background-position: top right;
background-repeat: no-repeat;
}

#footer
{
float: right;
width: 846px;
height: 31px;
background-color: #BFDDE7;
border-style: solid;
border-color: #FCFFFF;
border-width: 2px;
margin-bottom: 0px;
}

/*Pas de bordure sur les images!*/

a img {
border: 0;
}

/*Mise en forme du texte de la page, du menu, et du footer*/

.titrepage
{
color: #FFFFFF;
text-align: center;
font-weight: bold;
font-size: x-large;
font-family: Geneva, Arial,;
}

.textepage
{

color: #000000;
text-align: justify;
font-size: small;
font-family: Verdana, Arial,;
}

.footert
{
margin-top:6px;
color: #000000;
font-size: small;
font-family: Arial;
}

/*Gestion des liens*/
/*Liens en général (donc de la page)*/

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

/*Liens du footer*/

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

a.foo:hover 
{
text-decoration:underline;
color: #000000;
}

/*Liens du menu*/

a.menulien 
{
font-size: small;
font-family: Verdana, Arial,;
text-decoration:none;
color: #04157E;
padding-left: 13px;
}

a.menulien:hover 
{
font-size: small;
font-family: Verdana, Arial,;
 text-decoration:underline;
color: #04157E;
}

.img_menu
{
margin-left: 2px;
}

/*MISE EN PAGE PAGE D'ACCUEIL*/

.bienvenue 
{
background-image: url("images/graphisme/image2.gif");
width:678px;
float: left;
text-align: justify;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
font-size: small;
font-family: Verdana, Arial,;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
}

.conteneuredito 
{
width: 334px;
float: left;
color: #FFFFFF;
text-align: left;
margin-top : 10px;
font-size: x-large;
font-family: Geneva, Arial,;
}

.edito 
{
background-image: url("images/graphisme/image2.gif");
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
width: 334px;
float: left;
text-align: justify;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
font-size: small;
font-family: Verdana, Arial,;
}

.conteneurnews 
{
width: 334px;
float: left;
margin-left: 15px;
margin-top : 10px;
color: #FFFFFF;
text-align: left;
font-size: x-large;
font-family: Geneva, Arial,;
}

.news 
{
background-image: url("images/graphisme/image2.gif");
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
text-align: justify;
width: 330px;
float: left;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
font-size: small;
font-family: Verdana, Arial,;
}

.conteneurchampvar 
{
width: 438px;
float: left;
color: #FFFFFF;
text-align: left;
margin-top : 10px;
font-size: x-large;
font-family: Geneva, Arial,;
}

.champvar 
{
background-image: url("images/graphisme/image2.gif");       
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
width: 430px;
float: left;
text-align: justify;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
font-size: small;
font-family: Verdana, Arial,;
}

.conteneurforum 
{
width: 231px;
float: left;
margin-left: 8px;
color: #FFFFFF;
text-align: left;
margin-top : 10px;
font-size: x-large;
font-family: Geneva, Arial,;
}

.forum 
{
background-image: url("images/graphisme/image2.gif");
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
width: 231px;
float: left;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
font-size: small;
font-family: Verdana, Arial,;
}

.bannieres 
{
background-image: url("images/graphisme/image2.gif");
margin-top: 20px;
width: 688px;
float: left;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
text-align:center;
font-size: X-small;
font-family: Verdana, Arial,;
}

/*MISE EN PAGE CONNEXION MEMBRES*/

.connectform 
{
background-image: url("images/graphisme/image2.gif");
margin-top: 20px;
margin-right : 50px;
width: 210px;
float: right;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
text-align:center;
font-size: small;
font-family: Verdana, Arial,;
padding-left : 5px;
padding-right : 5px;
padding-top : 5px;
padding-bottom : 5px;
}

.connectcadenas 
{
margin-top: 20px;
margin-left : 20px;
float: left;
}

.connexionbas 
{
background-image: url("images/graphisme/image2.gif");
margin-top: 10px;
width: 668px;
float: right;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
text-align:justify;
font-size: X-small;
font-family: Verdana, Arial,;
padding-left : 5px;
padding-right : 5px;
padding-top : 5px;
padding-bottom : 5px;
}

/*AUTRES MISES EN PAGE*/

.livredor 
{
background-image: url("images/graphisme/image2.gif");
margin-top : 5px;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
text-align: justify;
width: 680px;
float: left;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
font-size: small;
font-family: Verdana, Arial,;
}

.livredor2 
{
float: left;
background-image: url("images/graphisme/image2.gif");
margin-top : 1px;
margin-bottom : 15px;
margin-left: 121px;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
text-align: justify;
width: 200px;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
font-size: small;
font-family: Verdana, Arial,;
}
/*On modifie la valeur margin left précédente sans que IE s'en rende compte... quel connard! une ligne de + à cause de lui*/
*>.livredor2 
{
margin-left: 240px;
}

.livredor3 
{
margin-top : 5px;
text-align: justify;
width: 670px;
float: left;
color: #000000;
font-size: small;
font-family: Verdana, Arial,;
}

.liens 
{
background-image: url("images/graphisme/image2.gif");
margin-top : 5px;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
text-align: justify;
width: 680px;
float: left;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
font-size: small;
font-family: Verdana, Arial,;
}

.centrelarge 
{
float: left;
background-image: url("images/graphisme/image2.gif");
margin-top : 1px;
margin-bottom : 15px;
margin-left: 101px;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
text-align: center;
width: 290px;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
font-size: small;
font-family: Verdana, Arial,;
}
/*On modifie la valeur margin left précédente sans que IE s'en rende compte... quel connard! une ligne de + à cause de lui*/
*>.centrelarge
{
margin-left: 200px;
}


.toutelapagecentree
{
background-image: url("images/graphisme/image2.gif");
margin-top : 5px;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
text-align: center;
width: 680px;
float: left;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
font-size: small;
font-family: Verdana, Arial,;
}

.rien
{
margin-top : 130px;
float: left;
width: 680px;
}
.rien2
{
margin-top : 50px;
float: left;
width: 680px;
}
.rien3
{
margin-top : 10px;
float: left;
width: 680px;
}

.popup1
{
background-image: url("images/graphisme/image2.gif");
margin-top : 5px;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
text-align: center;
width:590px;
float: left;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
font-size: small;
font-family: Verdana, Arial,;
}

.centrelargepopup
{
float: left;
background-image: url("images/graphisme/image2.gif");
margin-top : 1px;
margin-bottom : 15px;
margin-left: 75px;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
text-align: center;
width: 290px;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
font-size: small;
font-family: Verdana, Arial,;
}
*>.centrelargepopup
{
margin-left: 150px;
}

.toutelapagecentreepop
{
background-image: url("images/graphisme/image2.gif");
margin-left : 4px;
margin-top : 5px;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
text-align: center;
width: 620px;
float: left;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
font-size: small;
font-family: Verdana, Arial,;
}

.livredorpop
{
background-image: url("images/graphisme/image2.gif");
margin-top : 5px;
margin-left : 4px;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
text-align: justify;
width: 620px;
float: left;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
font-size: small;
font-family: Verdana, Arial,;
}

.rienpop2
{
margin-top : 50px;
float: left;
width: 50px;
}


.titre_menu
{
font-family: Verdana, Arial,;
font-weight: bold;
color: #374d73;
border-left: solid white 2px;
border-bottom: solid white 2px;
margin-left: 7px;
padding: 3px;
width: 112px;
}
.centrea
{
margin-top : -20px;
text-align: center;
align: center;
}
.playervideo
{
margin-left : 15px;
margin-top: 20px;
width: 370px;
height: 280px;
float: left;
}
.titrevideo
{
background-image: url("images/graphisme/image2.gif");
margin-top: 20px;
margin-left: 50px;
padding : 2px;
width: 205px;
height: 30px;
float: left;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
text-align:center;
}
.listevideos
{
background-image: url("images/graphisme/image2.gif");
margin-top: 10px;
margin-left: 50px;
padding : 5px;
width: 200px;
height: 215px;
overflow:auto;
float: left;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
text-align:left;
font-size: small;
font-family: Verdana, Arial,;
}

.riendroite
{
margin-left : 10px;
height : 200px;
float: left;
width: 1px;
}
.titreliens
{
color: #FFFFFF;
text-align: left;
font-size: large;
font-family: Geneva, Arial,;
}

.grandcadrephoto
{

margin-top: -15px;
overflow : hidden;
padding : 5px;
width: 680px;
height: 400px;
float: left;
text-align:center;
}
.legendeph
{
text-align:center;
font-size: small;
font-family: Verdana, Arial,;
}
.choixphoto
{
background-image: url("images/graphisme/image2.gif");
margin-top: 15px;
padding : 5px;
width: 680px;
height: 80px;
overflow:auto;
float: left;
border-style: dotted;
border-color: #FFFFFF;
border-width: 1px;
color: #000000;
text-align:center;
font-size: small;
font-family: Verdana, Arial,;
}