/*border: solid 1px #000000;*/

html body { 
margin:0px;
padding:0px; 
background:#E6E4E7;
	background-repeat: repeat-y;
	background-position: top center;
	background-attachment: fixed;
	background-image: url(../images/fd_body.gif);
}

#boss {
position:fixe;
width:1000px;
margin-right:auto;
margin-left:auto;
margin-top:0%; 
background:white;
}

h1 {
margin-left:40px;
display:block;
}

.gras {font-weight:bold;}

.logImprim {
text-align:center;
width:100%;
display:none;
}
#iframe {margin-left:20px;height:130px;}
/*-------------------------------------------------------------------------------*/

.logOIF {border:0px; display:block;}

.accColor {
width:1000px;
border-collapse:collapse;
margin:0px;
padding:0px; 
}

.logdeco, .nomco {font-size:10px; float:left; font-family:arial, helvetica; color:grey;}
.nomco {width:550px;}
.logdeco a {color:#01916b; text-decoration:none;}
.logdeco a:hover {text-decoration:underline;}

/*---------------------------------les jeux en image pour les pages ----------------------------------------------*/

a.jImg {
  display: block;
  width:102px;
  height:98px;
  margin:0px 0px 0px 195px;
}

a.jImgAcc {
  display: block;
  width:102px;
  height:98px;
  margin:0px 0px 20px 55px;
}


a.jImg span {
  display:none;
  }

/*------------------------rubriques utilitaires pour le margin voir les css des rubriques-----------------------*/

.rubUtil {
font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
font-size: 0.65em;
font-weight:normal;
line-height:1.3em; 
list-style-type: none;
}

.rubUtil a{color:#FFF; text-decoration:none;}
.rubUtil a:hover{text-decoration:underline;}

/*------------------------champs de recherche-----------------------*/

form {margin:10px 0px 0px 33px;}

.recherT {
font-family: Arial Narrow, Arial, Trebuchet MS,Verdana, Helvetica; 
font-size: 0.80em;
font-weight:normal;
color:#FFF;
display:block;
margin-bottom:3px;
}

.recherC {
font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
font-size: 0.65em;
font-weight:normal;
color:#666;
margin-right:5px;
border: solid 1px #333;
}

.bouton_recher {
width:43px;
height:20px;
border:none;
cursor:pointer;
margin:-2px;
}

.textContext .passLost a {
	background:left url(../images/tri_vert.gif) no-repeat;
	padding-left:10px;
}

/*------------------------menu niveau 1 -----------------------*/
.menu1  {
width:100%;
height:28px;
background-color:#787F91;
display:block;
margin-top:0px;
}

.menu1Vid  {
width:960px;
height:28px;
background-color:#787F91;
display:block;
margin-top:0px;
}

.nav1, .nav1  li , .nav1Vid, .nav1Vid  li  {display: inline;}

.nav1 a img, .nav1Vid a img{border:none; padding-left:17px;}


/*---------------------------------menu de niveau 2 voir les css des rubriques pour les couleurs----------------------------------------------*/

.contenu1, .contenu1Bis {
width:100%;
border-collapse:collapse;
margin-top:-2px;
display:block;
}

.cell01 {width:245px;}

.menu2 {
font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
font-size: 0.75em;
font-weight:normal;
line-height:1.8em; 
list-style-type: none;
display:block;
margin:0px 0px 5px 0px;
padding-left:0px;
}

.menu2 a{
width:225px;
color:#FFF; 
text-decoration:none;
display:block;
padding-left:20px;
}

.menu2 a:hover{
width:225px;
background-color:#FFF;
text-decoration:none;
display:block;
}

.menu2 li{
border-bottom: solid 1px #FFF;
margin:0px;
padding:0px;
}


.menu2 a.on{
background-color:#FFF;
font-weight:normal;
}

/*-------------------------------------menu de niveau 3------------------------------------------*/

.menu3  {
display:block; 
margin-bottom:60px;
}

.coinGM3, .coinDM3 {
width:10px;
height:35px;
float:left;
}

.coinGM3 {background:left top url(../images/coinG_n3.gif) no-repeat;}
.coinDM3 {background:left top url(../images/coinD_n3.gif) no-repeat;}


.n3  {
font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
font-size: 0.80em;
font-weight:normal;
color:white;
background-color:#787F91;
display:inline;
margin:0px;
padding:10px 0px 9px 0px;
float:left;
}


.n3Alp, .n3Alp2  {
font-family: Arial, Verdana, Trebuchet MS, Helvetica; 
color:#A4B1B4;
background-color:#787F91;
display:inline;
margin:0px;
padding:11px 2px 10px 2px;
float:left;
}

.n3Alp  {font-size: 0.75em;}
.n3Alp2 {font-size: 0.70em;}

.n3 li , .n3Alp  li, .n3Alp2 li{
display:inline;
background:left url(../images/puce_n3.gif) no-repeat;
padding:0px 0px 0px 10px;
margin-top:10px;
}

.n3 a, .n3Alp  a, .n3Alp2 a {
color:#FFF;
text-decoration:none;
}

.n3 a, .n3Alp  a {font-weight:normal;}
.n3Alp2 a {font-weight:bold;}

.n3 a:hover, .n3 .on, .n3Alp  a:hover, .n3Alp  .on , .n3Alp2 .on, .n3Alp2 a:hover{
color:#787F91;
font-weight:normal;
background-color:#FFF;
text-decoration:none;
}

.n3 .on {font-size: 1.02em; padding:10px 2px 9px 2px; font-weight:bold;}
.n3Alp  .on, .n3Alp2 .on {font-size: 1.02em; padding:11px 2px 10px 2px; font-weight:bold;}

.n3  a, .n3 a:hover {padding:10px 2px 9px 2px; font-weight:bold;}
.n3Alp  a,.n3Alp2  a, .n3Alp  a:hover, .n3Alp2 a:hover  {padding:11px 2px 10px 2px; font-weight:bold;}

/*------------------------formulaire de la news letter  voir les css des rubriques pour les d�tails-----------------------*/


.newsC {
font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
font-size: 0.65em;
font-weight:normal;
color:#666;
margin:0px 10px 0px 10px;
border: solid 1px #333;
width:150px;
}

.derLet {margin:10px 0px 0px 0px;} 

.derLet a{
font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
font-size: 0.70em;
padding:0px 20px 0px 13px;
margin-left:10px;
text-align:right;
text-decoration:none;

background: left url(../images/flechVerte.gif) no-repeat;
color:#666666;
} 

.derLet a:hover{text-decoration:underline;}


.bouton_news {
background:left url(../images/ico_boutInscri.gif) no-repeat;
width:27px;
height:20px;
border:none;
cursor:pointer;
}

/*---------------------------------menu liste des icones plus, moins imprim, envoyer � un ami----------------------------------------------*/

.icon {
list-style-type: none;
margin:10px 0px 0px 20px;
padding:0px;
}
.icon img {border: none;}



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

.navHist {width:100%;}

.navHist, .navHist2  {
font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
font-size: 0.60em;
font-weight:normal;
color:#666;
display:block;
}

.navHist  a, .navHist2 a{
color:#999;
text-decoration:none;
}

.navHist  a:hover, .navHist2 a:hover {text-decoration:underline;}

.navHist2  {padding-left:105px;}


/*---------------------------------les reseaux sociaux----------------------------------------------*/

.reseau  {margin:10px 0px 0px 35px; 	width:205px; }
.reseau2  {margin:15px 0px 0px 0px; width:185px;}

.reseau , .reseau2 {
	background: url(../images/fd_reseau_so.jpg) repeat-y;
	padding:2px 3px 0px 20px;
	height:20px;
	color:#666;
}

.reseau  img, .reseau2  img{border:none; margin-right:3px;}


/*---------------------------------zone de contenu----------------------------------------------*/

.tailleOutil {width:8%;}

.surtitre {color:#787F91;}


hr {
background-color : #999;
height: 1px;
border: 0;
}


.actu, .actuArt {
font-family: Arial Narrow, Arial, Trebuchet MS,Verdana, Helvetica; 
font-size: 0.90em;
font-weight:normal;
margin:10px 0px 0px 0px;
}

.actuArt{
background:left url(../images/iconN4.gif) no-repeat;
padding-left:13px;
}

.iconN4 a{
background:left url(../images/iconN4.gif) no-repeat;
text-decoration:none;
color:#03906D;
padding-left:13px;
}

.iconN4 a:hover{text-decoration:underline;}

.chapo2 {padding-right:90px;}


p a, .retour a, .actu a, .actuArt a {
color:#01916B;
text-decoration:none;
}
p a:hover, .retour a:hover, .actu a:hover, .actuArt a:hover {
text-decoration:underline;
}

.sepa {margin :13px;}


.lien_pagination {color:#323232; text-decoration:none;}
a:hover .lien_pagination {text-decoration:underline; color:#ADD447;}


.on {color:#ADD447;}

/*------------------------les 2 boutons au moment des jeux -----------------------*/

#bouton_2013_prog, #bouton_2013_result, #bouton_2013_prog a, #bouton_2013_result a  {
  float:left;
  width:133px;
  height:61px;
  margin:0px 0px 20px 20px;
}

#bouton_2013_prog a{ background: left url(../images/bout_prog2013_off.png) no-repeat;}
#bouton_2013_result a{ background: left url(../images/bout_result2013_off.png) no-repeat;}

#bouton_2013_prog a:hover{ background: left url(../images/bout_prog2013_on.png) no-repeat;}
#bouton_2013_result a:hover{ background: left url(../images/bout_result2013_on.png) no-repeat;}


/*------------------------zone contectuelle -----------------------*/

.context {margin:30px 5px 0px 40px;}
.context2 {margin:40px 5px 0px -20px;}

/*---------------------------------rss----------------------------------------------*/

.rssC {padding:10px 0px 0px 50px;}

a.rss {
  display: block;
  width:160px;
  height:49px;
  background: left url(../images/ico_fluxRss.gif) no-repeat;
}
a.rss:hover {
  background: left url(../images/ico_fluxRss2.gif) no-repeat;
}

a.rss span {display:none;}




/*------------------------page pr�c�dente -----------------------*/

.retour {
font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
font-size: 0.60em;
font-weight:normal;
text-align:right;
}


/*------------------------pied de page -----------------------*/

.pied, .piedBis  {
width:100%;
font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
font-size: 0.60em;
font-weight:normal;
color:#FFF;
text-align:center;
background-color:#787F91;
padding:5px 0px 5px 0px;
}

.pied {margin-top:20px;}
.piedBis  {margin-top:0px;}

.pied  a, .piedBis a {
color:#FFF;
text-decoration:none;
}

.pied  a:hover, .piedBis  a:hover {text-decoration:underline;}