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

body,h1,h2,h3,quote,small,form,input,label{	
	margin:0px;
	padding:0px;
}

body {
	background: #eae7e6;
	color:#000000;
	font-size:11px;
	font-family:Verdana;
}

:focus { outline:0; }

img {
	border:0px;
}
#barreactu {
	display:block;
	width:100%;
	color:#FFF;
	font-size:15px;
	background:#bbd6ad;
		background-image:-moz-linear-gradient(#bbd6ad, #82a953);
	background-image:-webkit-linear-gradient(#bbd6ad, #82a953);
	background-image:-o-linear-gradient(#bbd6ad, #82a953);
	background-image:-ms-linear-gradient(#bbd6ad, #82a953);
	background-image:linear-gradient(#bbd6ad, #82a953);
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd6ad', endColorstr='#82a953', GradientType=0);

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 6px #CCCCCC;
	-webkit-box-shadow: 2px 2px 6px #CCCCCC;
	box-shadow: 2px 2px 6px #CCCCCC;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=135, Strength=6);
	zoom: 1;
	margin:15px 0 6px 0 ;
}
#barreactu span {
	display:block;
	padding:5px 0 5px 30px;
	/*letter-spacing:1px;*/
}


.date {
    /*background: url('/images/cal-redgradient.jpg') repeat-x  scroll top left;*/
	background-color:#E1F2E8;
    display: inline;
    float: left;
    width:80px;
	text-align:center;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
 	border:1px solid #ccc;
    margin: 0 10px 0px 0;
}
.date-inside {
 	border:1px solid #FFEEBF;
	padding:2px;
}
.date .date-day {
	font-size:22px;
}

a:link,a:visited {
	color:#00674c;
	text-decoration:none;
}

a:hover,a:active {
	color:#00674c;
	text-decoration:none;
}

a.lien:link,a.lien:visited {
	color:#000000;
	text-decoration:none;
	font-size:10px;
}

a.lien:hover,a.lien:active {
	color:#000000;
	text-decoration:none;
	font-size:10px;
}

a.verte {
	background:url(../images/barreverte.jpg) top left no-repeat;
	display:block;
	position:relative;
	width:540px;
	height:30px;		
}

a.verte span {
	display:block;
	position:relative;
	padding: 5px 0 0 40px ;
	color:#FFF;
	text-decoration:none;
	font-size:14px;
}

a.orange {
	background:url(../images/barreorange.jpg) top left no-repeat;
	display:block;
	position:relative;
	width:540px;
	height:30px;	
}

a.orange span {
	display:block;
	position:relative;
	padding: 5px 0 0 40px ;
	color:#FFF;
	text-decoration:none;
	font-size:14px;
}

.champsform
{
  -moz-border-radius:4px;
  border:1px solid gray;
  border-radius:4px;
  background:#FFF;
  padding-left:8px;
  width:170px;
  font-size:11px;
  margin: 0  0  0 10px ;
}

.selectform
{
  -moz-border-radius:4px;
  border:1px solid gray;
  border-radius:4px;
  background:#FFF;
  padding-left:8px;
  width:180px;
  font-size:11px;
  margin: 0  0  0 10px ;
}

label 
{	  
  font-size:11px;
  padding: 5px 0 0 10px;
  display:block;
  font-size:11px;
  font-weight:bold;  
}

.btvalider 
{	  
  padding: 5px 0 5px 10px; 
  
}

#page
{
	position:absolute;			
	top: 0px;
	background: #ffffff	;	
	float: left;		
	width:100%;	
	z-index:1;
}

#top
{
	display: inline;
	position:relative;
	top: 0px;
	background: #ffffff	;	
	float: left;	
	height: 245px;
	width:100%;
	z-index:1000;
}

#middel
{
	display: inline;
	position:relative;
	background: #fff;
	width:100%;
	z-index:1;	
}

#ligne
{
	display: inline;
	position:relative;
	background: #eae7e6 url(../images/lignebottom.jpg) top center no-repeat;			
	float: left;	
	width:100%;
	z-index:1;
	height:3px;
}

#bottom
{
	display: inline;
	position:relative;				
	float: left;	
	width:100%;
	z-index:1;
	padding-top: 15px;
	background: repeat-x #eae7e6 url( '../images/footer-bg.jpg' );
	color: #747474;
	padding-bottom: 20px;
}

#topleft {
	position:absolute;
	top: 0px;
	left: 0px;	
	width: 50%;
	z-index:3;
	background: url(../images/fond-left.jpg) repeat-x top left;
	height: 245px;
}

#topright {
	position:absolute;
	top: 0px;
	right: 0px;	
	width: 50%;
	z-index:3;
	background: url(../images/fond-right.jpg) repeat-x top right;
	height: 245px;
}

#topcenter {
	position:absolute;
	top: 0px;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	z-index:4;
	height: 245px;
}

#middelcenter {
	position:relative;	
	top: 0px;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	background: #fff;	
	z-index:2;
		
}


.fontzoom{
	
	width:540px;
	margin-left:20px;
	
}

#bottomcenter {
	position:relative;	
	top: 0px;
	left: 50%;
	margin-left: -500px;
	width: 1000px;	
	z-index:2;
		
}

.titreoutils {		
	padding: 5px 0 5px 0;
}


.titreoutils span{	

	display:block;
	padding-left:10px;
	padding-top:5px;
	font-size: 11px;
	color:#FFF;
	font-weight:bold;
}


#topcenterligne,
#topcentermenu,
#topcenterbandeau,
#topcenterlogo,
#middelcentermenu,
#middelcentercontent,
#middelcenteroutil,
#onglet,
#recherche,
#zonevideo,
#zonepub,
#zonesearchprod,
#zonelistprod,
#zonefds,
#zonelien,
#zonetagcloud,
#bottomligne,
.bottomcol,
#slidespage_top,
#slidespage_bottom,
#slidespage_container,
.slidespage
{
	display: inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;	
}

#topcenterligne
{
	height: 10px;
	width: 1000px;
	z-index:4;
}

#topcentermenu
{
	height: 35px;
	width: 1000px;
	background:#FFF;
	z-index:2000;	
}

#topcenterbandeau
{	
	height: 200px;
	width: 1000px;
	z-index:4;

}

#topcenterlogo
{
	height: 200px;
	width: 115px;
	z-index:4;
}

#middelcentermenu
{
	width: 200px;	
	z-index:4;	
	padding:0 0 20px 0;	
}

#middelcentercontent
{
	width: 580px;
	min-height: 800px;
	padding:0 10px 20px 10px;	
	z-index:4;	
}

#middelcenteroutil
{
	width: 200px;
	z-index:4;	
	padding:0 0 20px 0;
	
}

#onglet{	
	width: 200px;
	height:55px;	
	z-index:4;	
}

#recherche
{
	
	
	width: 200px;
	height:50px;	
	z-index:4;
	margin-bottom:5px;	
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius: 10px;
	border-radius:10px;
	behavior: url(/scripts/pie/PIE.htc);
	
	background-image: linear-gradient(bottom, #9ECBC5 8%, #9ECAC5 54%, #CCE3DE 77%);
	background-image: -o-linear-gradient(bottom, #9ECBC5 8%, #9ECAC5 54%, #CCE3DE 77%);
	background-image: -moz-linear-gradient(bottom, #9ECBC5 8%, #9ECAC5 54%, #CCE3DE 77%);
	background-image: -webkit-linear-gradient(bottom, #9ECBC5 8%, #9ECAC5 54%, #CCE3DE 77%);
	background-image: -ms-linear-gradient(bottom, #9ECBC5 8%, #9ECAC5 54%, #CCE3DE 77%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.08, #9ECBC5),
		color-stop(0.54, #9ECAC5),
		color-stop(0.77, #CCE3DE)
	);
	
	/* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ECAC5, endColorstr=#CCE3DE);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ECAC5, endColorstr=#CCE3DE)";    
    background-color: #9ECAC5;
}

#slidespage_top {
	height:40px;
	width:540px;
	background:url(../images/slidepagetop.jpg) top left no-repeat;
}
#slidespage_bottom {
	height:60px;
	width:540px;
	background:url(../images/slidepagebottom.jpg) top left no-repeat;
}


#slidespage_container {
	width:540px;
	background:url(../images/slidepagecontent.jpg) top left repeat-y;
}

.slidespage{
	padding:0px 10px;	
}

/* Personalisation de la recherche */
#q{
	margin:10px 0 0 10px;
}
#q input[type=text]{
	float:left;
	border:0;
	width:140px;
	height:24px;
	padding:0 0 0 10px;
	color:#888888;
	background:url(../images/search.png) top left no-repeat;
	margin:0;
}

#q input[type=submit]{
	cursor:pointer;
	float:left;
	border:0;
	width:26px;
	height:24px;
	color:#888888;
	background:url(../images/search.png) top right no-repeat;
	margin:0;
	padding:0;
}

#zonevideo {	
	width: 200px;	
	z-index:4;
	padding: 5px 0 0 0;
	margin-bottom:5px;
	
}

#zonepub {	
	width: 200px;	
	z-index:4;
	padding: 5px 0 0 0;	
	margin-bottom:5px;
}

#zonesearchprod {	
	width: 200px;	
	z-index:4;	
	margin-bottom:5px;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius: 10px;
	border-radius:10px;
	/*behavior: url(../scripts/pie/PIE.htc);*/
	
	background-image: linear-gradient(bottom, #c8dbbb 8%, #c8dbbb 54%, #608f42 77%);
	background-image: -o-linear-gradient(bottom, #c8dbbb 8%, #c8dbbb 54%, #608f42 77%);
	background-image: -moz-linear-gradient(bottom, #c8dbbb 8%, #c8dbbb 54%, #608f42 77%);
	background-image: -webkit-linear-gradient(bottom, #c8dbbb 8%, #c8dbbb 54%, #608f42 77%);
	background-image: -ms-linear-gradient(bottom, #c8dbbb 8%, #c8dbbb 54%, #608f42 77%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.08, #c8dbbb),
		color-stop(0.54, #c8dbbb),
		color-stop(0.77, #608f42)
	);
	
	/* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#608f42, endColorstr=#c8dbbb);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#608f42, endColorstr=#c8dbbb)";    
    background-color: #608f42;

	
}

#zonelistprod {	
	width: 200px;	
	z-index:4;	
	margin-bottom:5px;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius: 10px;
	border-radius:10px;
	/*behavior: url(../scripts/pie/PIE.htc);*/
	
	background-image: linear-gradient(bottom, #c8dbbb 8%, #c8dbbb 54%, #7bb060 77%);
	background-image: -o-linear-gradient(bottom, #c8dbbb 8%, #c8dbbb 54%, #7bb060 77%);
	background-image: -moz-linear-gradient(bottom, #c8dbbb 8%, #c8dbbb 54%, #7bb060 77%);
	background-image: -webkit-linear-gradient(bottom, #c8dbbb 8%, #c8dbbb 54%, #7bb060 77%);
	background-image: -ms-linear-gradient(bottom, #c8dbbb 8%, #c8dbbb 54%, #7bb060 77%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.08, #c8dbbb),
		color-stop(0.54, #c8dbbb),
		color-stop(0.77, #7bb060)
	);
	
	/* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7bb060, endColorstr=#c8dbbb);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7bb060, endColorstr=#c8dbbb)";    
    background-color: #7bb060;
	
}
#zonefds {	
	width: 200px;	
	z-index:4;	
	margin-bottom:5px;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius: 10px;
	border-radius:10px;
	/*behavior: url(../scripts/pie/PIE.htc);*/
	
	background-image: linear-gradient(bottom, #d0e099 8%, #d0e099 54%, #a4c56c 77%);
	background-image: -o-linear-gradient(bottom, #d0e099 8%, #d0e099 54%, #a4c56c 77%);
	background-image: -moz-linear-gradient(bottom, #d0e099 8%, #d0e099 54%, #a4c56c 77%);
	background-image: -webkit-linear-gradient(bottom, #d0e099 8%, #d0e099 54%, #a4c56c 77%);
	background-image: -ms-linear-gradient(bottom, #d0e099 8%, #d0e099 54%, #a4c56c 77%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.08, #d0e099),
		color-stop(0.54, #d0e099),
		color-stop(0.77, #a4c56c)
	);
	
	/* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a4c56c, endColorstr=#d0e099);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a4c56c, endColorstr=#d0e099)";    
    background-color: #a4c56c;
	
}

#zonelien {	
	width: 200px;	
	z-index:4;	
	margin-bottom:5px;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius: 10px;
	border-radius:10px;
	/*behavior: url(../scripts/pie/PIE.htc);*/
	
	background-image: linear-gradient(bottom, #cee5df 8%, #cee5df 54%, #8fc3be 77%);
	background-image: -o-linear-gradient(bottom, #cee5df 8%, #cee5df 54%, #8fc3be 77%);
	background-image: -moz-linear-gradient(bottom, #cee5df 8%, #cee5df 54%, #8fc3be 77%);
	background-image: -webkit-linear-gradient(bottom, #cee5df 8%, #cee5df 54%, #8fc3be 77%);
	background-image: -ms-linear-gradient(bottom, #cee5df 8%, #cee5df 54%, #8fc3be 77%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.08, #cee5df),
		color-stop(0.54, #cee5df),
		color-stop(0.77, #8fc3be)
	);
	
	/* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8fc3be, endColorstr=#cee5df);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8fc3be, endColorstr=#cee5df)";    
    background-color: #8fc3be;
	
}
#zonetagcloud {	
	width: 200px;
	z-index:4;	
	background:#cad3dd;
	
}

#bottomligne {	
	width: 980px;
	z-index:4;
	padding:10px;
}

.bottomcol {	
	width: 180px;
	z-index:5;
	padding:10px;
	padding-bottom:50px;

}

.bottomcol span {
	position:relative;
	width:180px;		
	display:block;
	height:50px;
	font-size:12px;
	
}

.bottomcol a {
	position:relative;
	width:180px;		
	display:block;
	padding: 5px 0 0 0;
}


.buttonNews {
   border-top: 1px solid #dadbdb;
   background: #dadbdb;
   background: -webkit-gradient(linear, left top, left bottom, from(#dadbdb), to(#a0a1a1));
   background: -webkit-linear-gradient(top, #dadbdb, #a0a1a1);
   background: -moz-linear-gradient(top, #dadbdb, #a0a1a1);
   background: -ms-linear-gradient(top, #dadbdb, #a0a1a1);
   background: -o-linear-gradient(top, #dadbdb, #a0a1a1);
   padding: 4px 8px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   /*
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   */
   color: #000;
   font-size: 10px;
   text-decoration: none;
   vertical-align: middle;
   }
.buttonNews:hover {
   border-top-color: #dadbdb;
   background: #dadbdb;
   color: #ffffff;
   }
.buttonNews:active {
   border-top-color: #dadbdb;
   background: #dadbdb;
   }
.buttonNews a {
	color:#000;
	text-decoration:none;   
   }


/*

.btplus {
	background:url(../images/btplus.png) top left no-repeat;
}
.btplus span {
	display:block;
	padding-left:25px;
	height:20px;
}
.btplus span a {
	display:block;
	padding-top:4px;
	font-size:10px;
}

.bthttp {
	background:url(../images/bthttp.png) top left no-repeat;
}
.bthttp span {
	display:block;
	padding-left:25px;
	height:20px;
}
.bthttp span a {
	display:block;
	padding-top:4px;
	font-size:10px;
}

.btanim {
	background:url(../images/btanim.png) top left no-repeat;
}
.btanim span {
	display:block;
	padding-left:25px;
	height:20px;
}
.btanim span a {
	display:block;
	padding-top:4px;
	font-size:10px;
}

*/

/* style de la page admin */

.STitre{	
	font-size: 14px;
	color: #00674c;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
.texte_color{
	
	font-size: 11px;
	color: #00674c;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.Texte_Legende{
	
	font-size: 9px;
	color: #999999;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: lowercase;
}





#cycler{position:relative;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}
.cyclerlogo{ position:absolute; top:25%; left:10px; z-index:5;}