/*
-----------------------------------------------
AIKR base style
author:   Pierre Terramorsi @ternismedia
url: http://www.aternis.net
version:  decembre 2007-janvier 2008
----------------------------------------------- */


/*
-----------------------------------------------
GENERAL
-----------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  background: #028C4E;
  font-family: Tahoma;
  }
html {margin: 0; padding: 0;}
img {border: 0;}

#fd_haut {/*background de fond du bandeau*/
  width: 100%;
  height: 142px;
  margin:0;
  padding: 0;
  background: url(../images/fd_body_haut.png) top left repeat-y;
  }
#fd_bas {/*liseret bas du background bandeau*/
  width: 100%;
  height: 28px;
  margin:0;
  padding: 0;
  background: url(../images/fd_body_bas.png) bottom left repeat-x;
  }

.clear {/* class pour remetre en place apres des float*/
  clear: both;
  padding:0;
  margin:0;
  height:0;
  display: none;
  }
#foot {/*image bas de page*/
  width: 1000px;
  margin: 0 auto;
  background:  url(../images/fd_foot.png) top right no-repeat;
  height: 40px;
  
  }

#footfil {/* texte infos apres  bas de page */
  width: 957px;
  margin: 0 auto;
  padding-left : 40px;
  margin-top:2px;
  color: #FFF;
  font-size: 11px;
  }
#footfil a {color: #FFF; padding:4px;}
#footfil a:hover {background: #C1D006; color:#028C4E;}


#bdo {/* image fd haut de page*/
  background:  url(../images/bdo.png) top center no-repeat;
  height:  125px;
  }

div#bdopub{/* pub sur bandeau haut dimensions standards 468x60 */
position: absolute;
  width:468px;
  height:60px;
  margin: 65px 0 0 255px ;
  }

#bdo h1 {/* titre niveau 1 bandeau non visible premiere phrase contenu */
  position: absolute;
  margin: 0;
  padding: 0;
  text-indent : -5000px;
  line-height: 1px;
  font-size: 1px;  
  }

 h1{/*titre niveau1*/
  color: #666;
  font-size: 16px;
  padding:0;
  margin: 2px 0 2px 4px;
}  

	
/*
--------------------------------------------
PAGE
--------------------------------------------*/
#page {/* page centrée */
  width: 1000px;
  margin: 0 auto;
  background: #E7EBd6 url(../images/fd_bod.png) top left repeat-y;
  margin-top:-153px;
  }


div#fila {/* fil d'ariane */
  margin :0 2px;
  padding: 0 0 0 4px;
  height: 34px;
  font-size: 11px;
  color: #8A9AA8;  
  line-height: 2em;
  }
div#fila a { color: #8A9AA8;}
div#fila a:hover { color: #FFF;}

/*lien de suite*/
.suite { margin: 0 4px; font-size:11px; color:#028C4E; padding: 0; }
.suite:hover {background: #FFF url(../images/puce_pm.png) center right no-repeat; }
.suite a {color: #028C4E;  display:block; width:100%;}
.suite a:hover {text-decoration: underline; color: #F5892A; display:block;}

#contentR {/* conteneur droit de la page */
  width: 735px;
  float: left;
  margin: 0;
  background: #E7EBD6;
  padding: 0;
 }
/* colonnes internes*/
div.col {
  float: left;  
  margin:10px 0 0 0;
  padding:0;
  font-size: 11px;
  }
div.col ul { list-style-type: none; padding:0; margin: 0} 
div.col li { 
  background: url(../images/puce_pmvert.png) top left no-repeat; 
  padding:0 0 4px 15px;
  }
div.col li a {
  text-decoration: none;
  display: block;
  color: #666666;
  }
div.col li a:hover {
  text-decoration: underline;
  display: block;
  color: #028C4E;
  background: #CAE5C5;
  }
  div#col002_right{
	float: left;
	padding-left:8px;	
	border-left: 1px dotted #CCC;
  }
div#col001_left {
	float: left;
	margin-right: 10px;
	width: 378px;
	
  }
div#part{/*bloc partenaires*/
	width: 100%;
	margin: 15px auto 0 auto;
}
div#contentPart{
	padding: 5px;
	text-align: center;
	background: #CAE5C5;
	width: 95%;
	margin: auto;
}
div#menuD{/*bloc menu interne aux rubriques droite sous tv*/
	background: #CAE5C5;
	padding: 4px;
}
div#menuD li{
 background: url(../images/puce_pmvertF.png) top left no-repeat; 
 }
div .pub_ann{/*bloc pub droite */
	width: 250px;
	margin: auto;
}
div .pub_ann img{
	margin-top: 4px;
	width: 250px;
}
/*
-----------------------------------------
GALLERY
----------------------------------------*/

	
div.photos{
	float:left;
	height:130px;
	width:170px;
	padding: 2px;
	background: #CAE5C5;
	border: 1px solid #CCC;
	text-align: center;
	margin: 1px;
	opacity: 0.75;
  filter:alpha(opacity=75);
}
div.photos:hover{
		opacity:1;
  filter:alpha(opacity=100);
  }
div.photos img:hover{
		border: 1px solid #000;
	}
/*
------------------------------------------
HOME PAGE
------------------------------------------*/

/* boxe a la une*/
div#one .oneR {
  float: left;
  color: #666;
  font-size: 11px; 
  padding: 4px;
  background: #CAE5C5;
  text-align: justify;
  margin:0 0 5px 0;
  width: 600px;
  height: 110px;
} 
div#one a {color: #028C4E;}
div#one a:hover {color: #F5892A;}

div#one img{
  padding:2px;
  border: 1px solid #FFF;
  float: left;
  margin-right: 10px;
  }
/*
-----------------------------------------
SIDEBAR LEFT
Barre de gauche
-----------------------------------------*/

div#sidebarL {
  float: left;
  margin: 0 1px 0 2px;
  width: 260px;
  background: #E7EBD6;
  }
  
div#sidebarL div.box{
  width: 250px; 
  margin: 0 0 5px 0px;
  background: #FFF;
  }
div#sidebarL div.box p{  
  color: #666;
  font-size: 11px; 
  padding: 4px;
  text-align: justify;
  margin:0px;
}
div#sidebarL div.box img {
  float:left;
  margin-right: 4px;
  }
div#sidebarL div.box#chapo {
	height: 165px;
	
}
div#sidebarL div.box#chapo img{
	width: 250px;
}
div#sidebarL div.box#edito,div#sidebarL div.box#chapo{ background: #E7EBD6;}
div#sidebarL div.box#OR{ background: #F5892A;}
div#sidebarL div.box#VF{ background: #C1D006;}
div#sidebarL div.box#VK{ background: #B1BD83;}
/*
-----------------------------------------
MENU TOP
position et mise en forme menu déroulant avec onglets
----------------------------------------*/

div#menu {
  height: 28px;
  width: 999px;
  margin: 0 0 0 1px;
  background: #F5892A;

  }
 
div#menu a {color:#FFF; height:28px; }
div#menu ul {padding: 0; margin:0; background: white; text-align:center}
div#menu li {background: #AFC199;}


div#menu li.N1 {background:url(../images/onglet.png) left top no-repeat; font-size:12px;  height: 28px;line-height: 2em;}
div#menu li.N1:hover {background-position: 100% -28px;}

div#menu ul.niveau2 li:hover {background: #C1D006;}



div#menu li.sousmenu { background-color:#AFC199;}
div#menu ul.niveau2 li.sousmenu:hover {background: url(../../images/flesh_menu.png) right bottom no-repeat; background-color:#8A9AA8; color: #9AB9D7;}




/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:left; border-top:1px solid #8A9AA8; }
div#menu ul li.N1 {border-top:0;}

div#menu ul.niveau2 li{height:22px; font-size: 11px;width: 160px;}
div#menu ul.niveau2 li a {height: 22px; text-align: left; text-indent :4px; width: 160px; }


div#menu ul ul {position: absolute;display:none; width:111px}
div#menu li a {text-decoration: none;  display:block;width:111px;}
div#menu ul.niveau1 li.N1:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {top:-1px; left: 110px;}

/* rajout de couleur de fond et de survol */
div#menu ul.niveau3 li { background: #8A9AA8}
div#menu ul.niveau3 li a { color: #9AB9D7;}
div#menu ul.niveau3 li a:hover { color: #FFF}