body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 0.7em;
color : #000000;
}

table {
font-family : arial;
font-size : 12px;
}

td {
font-family : arial;
font-size : 12px;
}

.cnsgeneral {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 0.9em;
color : #000000;
}

#cnsconteneur {
position : relative ;
background : url(images/fond.gif) ;
text-align : left;
width : 800px ;
margin : 0 auto 0 auto;
}



#cnsheader {
width : 800px ;
height : 143px ;
background : url(images/header_big.jpg);
}

#cnsheadermini {
width : 800px ;
height : 78px ;
background : url(images/header_small.jpg);
}

#vignette_connect  {

width : 150px ;
float: right;
margin-right: 10px;
margin-top: 35px;

}


#centrage_menu {
padding-left :10px ;
width: 100%;
z-index:0;
}

#bas {
clear : left;
width : 800px ;
height : 29px ;
background: url(images/bas.gif) ;
bottom: 0;
}

#intro {
margin: 0;
padding: 20px;
text-align : left;
font-family : arial;
font-size : 12px;
color : #000000;
}

.contenu {
margin: 5px;
font-family :verdana;
font-size : 12px;
color : #515151;
}

.news {
margin: 5px;
font-family :verdana;
font-size : 12px;
color : #515151;
}
.news_titre {
margin: 0;
font-weight : bold;
font-family :verdana;
font-size : 16px;
color : #515151;

}

.titre_contenu {
margin: 0;
font-family :verdana;
font-size : 16px;
color : #515151;
font-weight : bold ;
}

.contenu b{
margin: 0;
font-family :verdana;
font-size : 12px;
color : #000000;
}

.contenu_mini{
margin: 0;
font-family :verdana;
font-size : 10px;
color : #515151;
}

.fond_foncee {
background-color:#afdb00;
}

.claire {
	font-family :verdana;
font-size : 12px;
	color: #515151;
	background-color: #d8ff00;
	}

.foncee {
	font-family :verdana;
font-size : 12px;
	color: #515151;
	background-color: #c4e700;
	}

.mini_menu{
	font-family :verdana;
font-size : 12px;
	color: #515151;
	text-align: center;
	background-color: #c4e700;
	display: block;
	}

.mini_menu a:hover{
	font-family :verdana;
	font-size : 12px;
	color: #515151;
	background-color: #ffffff;
	}

.foncee a:hover{
font-family :verdana;
font-size : 12px;
color: #515151;
background-color: #fffffff
}

.claire a:hover{
font-family :verdana;
font-size : 12px;
color: #515151;
background-color: #fffffff
}

.btn img{
border: 0px;
padding : 0 0 0px 0 ;
margin: 0;
display: inline;
}


.pseudo {
font-size:12x;
font-weight : bold ;
 }

.pseudo a {
font-size:12px;
 font-weight : bold ;
 text-decoration : none ;
 }



 /*  DIV GAUCHE  */

#contenant_gauche {
float : left ;
background-color : transparent;
width : 190px;
text-align : left;
padding-left: 10px;
}

#contenu_site
{
	background-color : #FF0000;
}

/*  connexion  */

#connexion {
float : left ;
background-color : transparent;
width : 190px;
text-align : left;  }



#connexion form {
margin : 0 ;
padding : 0px ;
background : #ffdd00;
}

#connexion li {
padding : 0 0 2px 0 ;

}


/*  connécté  */

#fond_connect {
margin : 0 ;
padding : 5px ;
background : #ffdd00;
}


#connecte {
float : left ;
background-color : transparent;
width : 190px;
text-align : left;  }


#connecte li {
padding : 0 0 2px 0 ;
}

#connecte li.name {
padding : 0 0 2px 0 ;
}

/*  info  */



#info {
float : left ;
background-color : transparent;
width : 190px;
text-align : left;  }

#info ul {
margin : 0 ;
padding : 2px ;
background : #ffefa7;
padding-bottom : 10px  ;
}

#info ul img {
margin-bottom : 0 ;
padding : 2px ;
padding-bottom : 10px  ;
float: right;
}

#info li {
padding : 0 0px 5px 2px ;

}

#info li a {
color : #000000;
text-decoration : underline ;
font: bold;
}

#info li a:hover, a:active {
color : #000000;
}

li.name {
font-size:14px;
text-transform : uppercase ;
background: #ffffff;
display : block ;
 margin : 10px 0 15px 0 ;
 border-bottom : 1px dotted #313131 ;
 font-weight : bold ;
 }

 li.name a { color : #313131;
 text-decoration : none ;
 }



li.blabla {
display : block ;
text-decoration : none ; }

li.link {
display : block ;
text-decoration : underline ;
}

/*  buvette  */


#buvette {
float : left ;
width: 300px;
background-color : transparent;
width: 47%;
text-align : left;
}

#buvette IFRAME {
float : left ;
background-color : transparent;
width: 100%;
height: 210px;
text-align : left;
}

#buvette ul {
margin : 0 ;
padding : 0px ;
background : #d6f0ff;
padding-bottom : 0% ;
height: 220px;
}

#buvette li {
padding : 0 2px 0px 2px ;
}

#buvette li a {
color : #000000;
}

#buvette li a:hover, a:active {
color : #000000;
}

/*  question du jour  */


#question {
float : left ;
background-color : transparent;
width: 100%;
text-align : left;
}

#question ul {
margin : 0 ;
padding : 0px ;
background : #d6f0ff;
padding-bottom : 2% ;
}


 /* DIV DROITE */

#cnsdroite {
float : left ;
background-color : transparent;
width : 580px;
margin-left : 10px}

#fond_une {
width : 100% ;
background : #d8ff00;
}

#fond_news {
width : 100% ;
background : #d8ff00;
}


 /* top classemnt   */


.mini_classement {
margin : 2px 2px 2px 2px;
width: 30%;
border: 1px solid #afdb00;
text-align:center;
float: left;
}

.mini_classement2 {
margin : 2px 2px 2px 2px;
width: 45%;
border: 1px solid #afdb00;
text-align:center;
float: left;
}

.mini_classement3 {
margin : 2px 2px 2px 2px;
width: 32%;
border: 1px solid #afdb00;
text-align:center;
float: left;
}

#haut_droite {
padding : 10px 10px 0 0;
min-height : 80px ;
text-align: center;
}

#haut_droite img {
float : left ;
}

#haut_droite p {
margin : 5px 0 0 0;
padding : 0 ;
color : #000;
}



#haut_droite  h1 {
font-size : 1.5em;
color : #515151 ;
margin : 0 0 0 0 ;
padding : 20px 0 10px 0 ;
text-transform :  ;
background : url(images/fond_classement.gif) right bottom repeat-x}



 h2 {     /* titre vert */

clear : left ;
margin : 0 ;
padding : 2px 0 2px 0;
font-size : 1.2em;
background-color : #afdb00;
color :#515151;
text-indent : 10px;
text-transform : uppercase ;
}



.englobe_h2 {
padding : 1px ;
background : #fff;
margin : 15px 0 2px 0 ;
}

 h3 {     /* titre orange */

clear : left ;
margin : 0 ;
padding : 2px 0 2px 0;
font-size : 1.2em;
background-color : #ffbb00;
color :#313131;
text-indent : 10px;
text-transform : uppercase ;
}

.englobe_h3 {
padding : 1px ;
background : #fff;
margin : 10px 0 5px 0 ;
}


h5 {    /* titre bleu */

clear : left ;
margin : 0 ;
padding : 2px 0 2px 0;
font-size : 1.2em;
background-color : #9cdbff;
color :#313131;
text-indent : 10px;
text-transform : uppercase ;
}

.englobe_h5 {
padding : 1px ;
 background : #fff;
  margin : 10px 0 5px 0 ;
  }



h4 {    /* titre orange */

clear : left ;
margin : 0 ;
padding : 2px 0 2px 0;
font-size : 1.2em;
background-color : #ffbb00;
color :#313131;
text-indent : 10px;
text-transform : uppercase ;
}

.englobe_h4 {
padding : 1px ;
 background : #fff;
  margin : 10px 0 5px 0 ;
  }

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

#menu {
     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
     width: 800px;
	 float:left;

	 }


#menu ul{
background-color :#006600;
height : 25px;
}

#menu li{
 float : left ;
   padding : 5px 15px 0 15px;
  background : url(images/boot.jpg) right bottom no-repeat}

#menu a {
text-decoration : none ;

}

#menu  a:hover  {
text-decoration : underline ;
display: inline ;
background-color: #aaaaaa;
}

.separateur {
   width: 10px;
   float:left;
     }


.cnsglobal
{
     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
     width: 800px;
	 float:left;
	 padding: 50px 0 0 2;
}


.apparent
{
   /* attributs obligatoires */
   visibility: visible;
   display: block;
   background-image: url('images/test2.gif');
   background-repeat: repeat-y;
}

.cache
{
   /* uniques attributs de cette classe */
  visibility: hidden;
	display: block;
}

.menuagauche
{

   width: 100px;
   height: 65px;
   vertical-align: middle;
	text-align: center;
   /* c'est ici l'image */
   background-image: url('images/test.gif');
   background-repeat: no-repeat;
   float:left;
   display:block;
}






 /* Paragraphes  */

.notop {margin : 0 10px 0 5px ;}


.pboot {
margin : 10px 15px 0 5px ;
padding : 0 ;
text-indent : 15px ;
background :  url(images/pboot.gif) left top no-repeat;}





/* SIGNATURE*/


.cnssignature {
font-size : 90%;
padding :  0;
text-align : center ;
color : #515151
}



.cnssignature a { text-transform : none ; color : #636363}
.cnssignature a:hover { color : #636363; text-decoration : underline}


 /* LIENS*/


a.cns {
color : #000;
text-decoration : none ;
font-weight : bold}

a.cns:hover {
color : #000;
text-decoration : underline   ;}

#krek {color : #D10000; }
#kulko {color : #4EA229}



.choice_equipe {
margin : 2px 2px 2px 2px;
background-color: #ffffff;
border: 1px solid #afdb00;
text-align: center;
float: left;
}

.titre_equip {

margin : 0 ;
padding : 2px 0 2px 0;
font-size : 12px;
background-color : #afdb00;
color :#515151;
display: block;
text-indent : 10px;
text-transform : uppercase ;
}