@charset "utf-8";
/* CSS Document */

/* tout le u de la page */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
background-image:url(img/design/fond.jpg);
background-repeat:repeat;
background-color:#6c594a;
margin: 0;
padding: 0;
height: 100%;}


a {
color:#FFFFFF;
text-decoration:none;
font-size:12px;
}

/* position de la zone langue */
#langue{
margin-top:-17px;
}

a.current { background-color: #575757; }


/* tout texte qui sera dans une balise p aura aura un padding pour ne pas touché les bordures de eurs */

p{
padding-left:5px;
padding-right:5px;
}

h2{
color:#430101;
};


/* la bannière */
#bann1{
background-image:url(img/design/bann.jpg);
background-repeat:repeat-x;
height:80px;}

#bann{
background-image:url(img/design/bann.jpg);
background-repeat:repeat-x;
height:80px;}



/* tout ce qui est en rapport avec la zone menu: "officielle, purgatoire etc..." */
#zonemenu {
background-image:url(img/design/titlefond.gif);
background-repeat:repeat-x;
height:34px;
padding-top:8px;}

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

#zonemenu a:hover {
background-color:#666666;
}



/*Il englobe la zone left, centre et right. */
#container{
width: 1000px;
margin-top:-8px;
margin-left: auto;
margin-right: auto;
}


/*Zone du u left*/
#left{
position: relative;
width: 245px;
float: left; }

#bigleft{
position: relative;
width: 728px;
float: left; }


#fondimg{
background-color:#383838;
width: 245px;
float: left; }



/*Zone du u centre*/
#centre{
color:#000000;
position:relative;
width: 483px;
float: left;
}

/*  c'est ici que s'affiche les spirales du cahier */
#centre01{
background-image:url(img/design/content_top.jpg);
height:32px;
width:483px;
}

/* c'est véritablement ici que les sites seront affichés! */
#centre02{
color:#000000;
background-image:url(img/design/content_center.jpg);
background-repeat:repeat-y;
/* la hauteur minimum du conteneur */
min-height:650px;
width:483px;
padding-left:10px;
}

/* la zone au centre quand on a cliqué dessus */
#centre02 a{
color:#000000;
text-decoration:none;
}
/* c'est ici que s'affiche le bas du cahier spirale ( la ou c'est un peu craquelé ) */
#centre03{
background-image:url(img/design/content_bottom.jpg);
margin-top:-18px;
height:32px;
width:483px;
}



/*  c'est ici que s'affiche les spirales du cahier */
#bigcentre01{
background-image:url(img/design/content_top2.jpg);
height:32px;
width:728px;
}

/* c'est véritablement ici que les sites seront affichés! */
#bigcentre02{
color:#000000;
background-image:url(img/design/content_center2.jpg);
background-repeat:repeat-y;
/* la hauteur minimum du conteneur */
min-height:650px;
width:728px;
padding-left:10px;
}

/* la zone au centre quand on a cliqué dessus */
#bigcentre02 a{
color:#000000;
text-decoration:none;
}
/* c'est ici que s'affiche le bas du cahier spirale ( la ou c'est un peu craquelé ) */
#bigcentre03{
background-image:url(img/design/content_bottom2.jpg);
margin-top:-18px;
height:32px;
width:728px;
}


/*Zone du contenu right*/
#right{
background-color: #383838;
background-repeat:no-repeat;
position: relative;
width: 245px;
float: left; }
#basright{
height:16px;
background-image:url(img/design/bottom_right.png);
position: relative;
width: 245px;
float: left; }


/*Séléction du haut d'un conteneur.*/



#toper{
width:245px;
height:67px; 
}

#toper2{
background-image:url(img/design/toper2.png);
width:245px;
height:78px; }

#toper3{
background-image:url(img/design/toper3.png);
width:245px;
height:78px; }


/* on positionne le titre des catégories ici! */
#titletoper
{padding-left:80px;
padding-top:50px;}


/* ce qu'il y a a l'intérieur d'un contenu. Modification de la couleur etc... */
#contenu {
color:#FFFFFF;
text-decoration:none;
font-size:12px;
background-color:#383838;
width:245px;
min-height:30px;}

#contenu a {
color:#FFFFFF;
text-decoration:none;
font-size:10px;
}


/* le css du bas du site */
/*
#footer {
color:#ffffff;
background-color:#383838; }
*/
#footer{ border-top-style: solid; border-top-width: 5px; clear:left;width:100%;} 

#pagination { text-align: center; }
#pagination a { -moz-border-radius: 4px; }
#pagination a { text-decoration: none; margin: 0px 2px 0px 2px; padding: 1px 4px 1px 4px; }
#pagination a.between { margin: 0px; padding: 0 2px 0 2px; }
#pagination a.page:hover { background-color: #dddddd;  }
#pagination a.current { background-color: #d6d6d6; }
#pagination a.disabled { color: #dddddd; }
#pagination a { color: #676767; }

div#content_left{margin: 0 245px 0 0; border-left-style: solid; border-left-width: 0px; border-right-style: solid; border-right-width: 0px; }