/*body {
	text-align: center; 
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
	color: #666666;
	margin: 3px;
	background: #A4BBC9; } */  /* ancien DCDCDC  */
/*body{
	background: black url(../image/fond-ecran.jpg) repeat-y center;
}	*/

html, body,td {
margin:0;
padding:0;
/*height: 100%;
width: 100%;*/
text-align: center;
background: #A4BBC9; 
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
	color: #666666;}


a img,:link img,:visited img,:hover img,:active img { border:none }
.border img { border:none }

img { border:none }

.horschamps {
display: none; 
}

img.baseline { vertical-align: baseline; } 

img.sub { vertical-align: sub; } 

img.super { vertical-align: super; } 

img.top { vertical-align: top; } 

img.texttop { vertical-align: text-top; } 

img.middle { vertical-align: middle; } 

img.bottom { vertical-align: bottom; } 

img.textbottom { vertical-align: text-bottom; }

img.textleft{ vertical-align: text-left; }


/*** a
*********************************/
a
{
	color: #828282;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}



/*a:hover {border-bottom: 0px}/* indispensable pour IE seulement */ 

a span {display:none ; /* cache les <span> placés dans un lien <a> */
text-decoration:none ; /* supprime le soulignement du texte <span> */
color:black} /* met le texte <span> en noir */

a:hover span {display: block; /* Montre le texte <span> lors du survol */ 
position: absolute; /* envoi le texte <span> dans 1 zone précise de l'écran */
top: 48px; left: 500px;
z-index: 30;}


/*** h
*********************************/
/* h1 is the swapped */

h2 {
font-size: 17px;

font-family: Verdana, Tahoma, Arial;

}


h3 {
border-bottom: 1px solid #ccc;
font-size: 14px;
line-height: 17px;
font-weight: normal;
font-weight: bold;
text-align: left;

 text-indent:25px; background-image:url(../image/puce.gif); background-repeat: no-repeat;
}


h4 {
font-size: 12px;
line-height: 14px;
font-weight: bold;
}


h5 {
color: #376A85;  font-size: 12px;  font-weight: bold; line-height:12px; margin-top: 10px;  
padding-bottom:1px; margin-bottom: 8px;
}

h6 {
font-size: 90%;
}

div.ref {position:absolute; width:600px; height:115px; z-index:1; visibility: hidden; overflow: hidden; }


/*  ------------- Définition des cadres ---------------  */

div.total{
margin-right: auto; margin-left: auto; position: relative; top: 0px; left: 0px; visibility: visible; display: block ;
background-color: white;
width:907px;
}

div.haut {
width:907px;
height:149px;
float:left;
background-color: #004064;
}


div.logo {background: url(../image/logo.jpg);
width:157px;
height:108px;
float:left;
}


div.bandeau {background: url(../image/bandeau.jpg);
width:750px;
height:108px;
float:left;
}

div.banniere {background: url(../image/banniere-top2.gif);
width:580px;
height:84px;
position: absolute; top: 8px; left: 318px;
}

div.menu0 {
background: url(../image/menu0.jpg);
width:157px;
height:34px;
float:left;
}

div.menu1, div.menu2, div.menu3, div.menu4, div.menu5 {
width:150px;
height:24px;
float:left;
padding-top: 10px;
}

div.menu1 {
background-color: #CFD630;
}

div.menu2 {
background-color: #FFC000;
}

div.menu3 {
background-color: #F28E02;
}

div.menu4 {
background-color: #EB5A01;
}

div.menu5 {
background-color: #D24CA5;
}

/* Fin des div partie bandeau et menu haut  */

/*
/*
/* Div page accueil
/*
*/
div.home-gauche {
/*background-color: #D1316F;*/
background-image:url(../image/home-1.jpg);
width:515px;
height:95px;
float:left;
margin-bottom: 14px;
}

div.home-droite {
/*background-color: #D1316F;*/
background-image:url(../image/home-2.jpg);
width:382px;
height:95px;
float:right;
margin-bottom: 14px;
}

div.home-gauche2 {

width:679px;
height:370px;
float:left;
}

div.home-titre {
/*background-color: red;*/
width:675px;
height:27px;
float:left;
}

div.home-titre-titre {
background-color: #CFD630;
width:172px;
padding-left: 10px;
height:23px;
padding-top: 4px;
float:left;
color: #6F7103;
font-size: 16px;  font-weight: bold;
font-family: Arial;
text-align: left
}

div.home-theme {
background-color: white;
margin-top: 3px;
width:182px;   /* 157 + 25 = 177 */
height:340px;
float:left;
border-right: 1px solid #5B5B5B;
}

div.home-carte {
background-color: white;
margin-top: 3px;
width:322px;
height:340px;
float:left;
border-right: 1px solid #5B5B5B;
}

div.home-recherche {
background-color: white;
margin-top: 3px;
width:173px;  /*193 - 25 = 168*/
height:340px;
float:left;

}


div.home-droite2 {
background-image:url(../image/pub-droite-home.jpg);
width:220px;
height:370px;
float:right;
}





/*  Utilisé dans le menu horizontal  */ 
.bandeau {
font-size: 12px;  font-weight: bold;
color : white;
text-decoration: none;
}
.a:link.bandeau    {	  color : white; text-decoration: none;	}
.a:visited.bandeau   {	  color : white; text-decoration: none;	}
.a:hover.bandeau   {	  color : black; text-decoration: underline;}
.a:active.bandeau    {	  color : white; text-decoration: none;	}

/*
/*
/* Pages niveau 1- RUBRIQUE
/*
*/

/* Div principales */
div.menu-soustitre {
background-color:  #004064;
width:907px;
height:34px;
float:left;
}

div.depart {
width:157px;
height:445px;
float:left;
}

div.promo {
width:530px;
float:left;
}

div.promo{
height: 445px ; /*hauteur mini pour IE*/
}
html>body div.promo{
height: auto;
min-height: 445px; /*hauteur mini pour les autres*/
} 

/*div a l'interieur de promo dans page article et plan*/
div.contenu {
width:520px;
margin-left:2px;
margin-bottom:5px;
text-align: left;
float:left;
}
/*
div.contenu{
height: 445px ; 
}
html>body div.contenu{
height: auto;
min-height: 445px;
} 
*/




div.actu {
background-image:url(../image/pub-droite.jpg);
width:220px;
height:445px;
float:left;
}

/* Div secondaires  */

div.menu10 {
width:222px;
margin-top:7px;
height:23px;
float:left;
background-color:#F28E02; 
text-align: left;
padding-left: 15px;
padding-top: 4px;
color: white;
font-size: 16px;  font-weight: bold;
font-family: Arial;}

div.menu11, div.menu12, div.menu13 {
float:left;
font-size: 10px;  font-weight: bold;

 }

div.menu11{
width:150px;
height:32px;
padding-top: 2px;
background-color:#F28E02;
color: white;
 }

div.menu12{
width:150px;
height:32px;
padding-top: 2px;
background-color:#FADDB3;
color: #F28E02 }

div.menu13{
width:150px;
height:24px;
padding-top: 10px;
background-color:#FADDB3;
color: #F28E02;
 }

div.menu14 {
width:220px;
margin-top:7px;
height:27px;
float:left;
background-color:#F28E02; }


div.menu20 {
width:100%;
margin-top:7px;
height:23px;
float:left;
background-color:#F28E02; 
text-align: left;
/*padding-left: 15px;*/
text-indent:15px;
padding-top: 4px;
color: white;
font-size: 16px;  font-weight: bold;
font-family: Arial;}


div.depart-haut {
width:157px;
margin-top:15px;
height:35px;
float:left;
text-align: left;
}

div.depart-milieu {
border-right:1px solid #004660;
width:155px;
height:122px;
float:left;
color: #376A85;
}

div.depart-bas {
border-right:1px solid #004660;
width:154px;
margin-left:1px;
height:215px;
float:left;
color: #376A85;
text-align: left;
}

div.depart-bas a {
color: #376A85;
text-decoration: none;
}

div.promo-haut {
width:530px;
height:35px;
margin-top:10px;
float:left;
text-align: left;
color: #F28E02; font-size: 14px;  font-weight: bold; line-height:14px; margin-top: 20px;  
       padding-bottom:1px; margin-bottom: 5px;
        text-indent:20px; background-image:url(../image/puce.jpg); background-repeat: no-repeat;
}



div.pave-center {width:345px; height:139px;  margin-left: 175px; margin-top: 7px; border:1px solid silver;  }

/* Zone Bon de réduction */

div.pave {width:256px; height:95px; margin-left: 3px; margin-top: 7px; border:1px solid silver;  float:left;}
div.pave-conteneur {width:97px;  height:93px; float:left; }
div.pave-img {width:97px;  height:65px; margin-left: 1px; margin-top: 1px; float:left; }
div.pave-info {width:90px;  height:20px; margin-left: 0px; margin-top: 5px; float:left; }
div.pave-text {width:155px;   margin-top: 3px; float:right;  text-align: left; }



.pave-text a:link    {	  color : #666666; text-decoration: none;	}
.pave-text a:visited   {	  color : #666666; text-decoration: none;	}
.pave-text a:hover   {	  color : #666666; text-decoration: underline;}
.pave-text a:active    {	  color : #666666; text-decoration: none;	}



/*-------------------
/* Styles de page
/*-------------------
*/
div.titre {  color: #EA7C0E; font-size: 12px;  font-weight: bold; line-height:12px; margin-top: 3px;  
       padding-bottom:1px; margin-bottom: 5px;
        text-indent:15px; background-image:url(../image/puce.jpg); background-repeat: no-repeat;
}
/* Titre département sous image page rubrique */
div.titre1 {  color: #376A85;  font-size: 10px;  font-weight: bold; line-height:12px; margin-top: 10px;  
       padding-bottom:1px; margin-bottom: 1px;
        text-indent:20px; background-image:url(../image/fleche-d-bleu); background-repeat: no-repeat;
         text-align: left;
}

*+html div.titre1 { margin-bottom: -10px; }

div.titre2 {  height:18px; width:150px; color: #8099D1;  font-size: 10px;  font-weight: bold; line-height:12px; margin-top: 10px;  
       margin-left: 2px; padding-top:3px; margin-bottom: 8px;
        background-color:#020305; 
         text-align: center;
}


.center {
 text-align: center;
 }

.left {
text-align: left;
padding-left: 3px;
margin-top: 5px;
 font-size: 9px;}

.titre-theme {
 font-weight: bold;
 color: #D1316F;
 font-size: 10px;
 }

/* -------------
/* Liste sous menu gauche page rubrique 1
/* ---------------
*/
#navlist
{
text-align: left;
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li 
{
padding-left: 10px;
background-image: url(../image/puce2.jpg);
background-repeat: no-repeat;
/*background-position: 0 .5em;*/
text-indent: 5px;
line-height: 15px;
}

#navlist li a
{
color: #376A85;
}


/*
/*  Div Footer
*/

div.spyword {      
position:absolute; width:100px; height:10px; z-index:1; visibility: hidden; overflow: hidden;
} 


div.foot-gauche {
background-color: #EE7431;
width:544px;
padding-left: 3px;
padding-right: 3px; 
height:36px;
padding-top: 5px; 
float:left;
 font-size: 8,5px;
 font-family:  Verdana;
}

div.foot-droite {
background-color: #CFD630;
width:350px;
height:41px;
float:right;
}


div.bandeau-bas {background: url(../image/bandeau-bas.jpg);
width:780px;
height:20px;
float:left;
}

div.conteneur-haut{
width:120px;    
height:70px;
float:right;
margin-top: 10px; 
text-align: center;
}
div.conteneur-imgg{
width:40px;    
height:40px;
float:right;
margin-bottom: 5px; 
 text-align: center;
}
div.conteneur-imgd{
width:40px;    
height:40px;
float:right;
margin-bottom: 5px; 
margin-left: 35px; 
text-align: center;
}
div.menu-haut {font-size: 10px;
width:650px;    
height:30px;
float:left;
background: transparent;      /*689BCA;  FE5A28*/
color : #68777E;
	display: block;
	text-align:right;
	
}
/* FIN Non utilisé ds modèle  */

            
div.gauche {
width:100%; 
float:left;
text-align:left;
background-color: white;
}

.spacer {
clear: both;
}

div.droit { text-align:left;
width:650px;
min-height:455px;    /*modifié de 465px à auto  */
float:right;
background-color: white;
}

/*
/* Div zone recherche
*/
select.input { font: 10px Verdana, Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #959A9E; width:145px}

/*---------------------------------
 /* Barre de recherche
 /*-------------------------------
   */
#rech  { position:absolute; z-index: 20; visibility:visible; top: 100px; left: 590px; display: block}   

div.rechMenu  {      
width:170px; 
/*float: right;  */
padding: 0px 1px 0px 0px; 

} 

input.input { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B; background-color: white; border: 1px solid #7F9DB9; width:145px; }
input.inputok { font: 10px Verdana, Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: #FCE16E; border: 1px solid #CBCBCB; margin-left:1px; width:20px; }
form.recherche { margin-bottom : 0px; height:90px; width:170px;  }  
            /* Fin Barre de recherche  */ 


/* Pied de page  */
#footer  { font-size: 10px; color : #68777E; padding: 0px 10px 0px 10px;  text-decoration: none; width:760px; height: 5px; background-color: white;	}

.footer    {	  color : #68777E; text-decoration: none;	}
.a:link.footer    {	  color : #68777E; text-decoration: none;	}
.a:visited.footer   {	  color : #68777E; text-decoration: none;	}
.a:hover.footer    {	  color : #68777E; text-decoration: underline;}
.a:active.footer    {	  color : #68777E; text-decoration: none;	}

/* ----------------
/* Formulaire de contact
/* ---------------
*/
td {text-align: left; }
.bleu   {  font-weight: bold; color: #2F4C70;line-height: 14px;}
.bleu2 { color: #2F4C70; text-decoration: none;}

td .right {text-align:right; }

input.input1 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #2E6D99; width:275px;  }
input.input2 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #2E6D99; width:150px; }

textarea.textarea1 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #2E6D99; width:330px; height:50px; }
input.inputok1 { font: 10px Verdana, Helvetica, sans-serif;color: white;font-weight: bold;background-color: #002B4C;border: 0px;padding: 1px }
input.inputok2 { font: 10px Verdana, Helvetica, sans-serif;color: #1F252F;font-weight: bold;background-color: #FF9900;border: 0px;padding: 1px }

/* Fin définition des cadres principaux  */	


/*  ------------------------------------------
/*  Footer
/*  ------------------------------------------
*/
p#credits {
	padding: 13px 0px 3px 0px;
	clear: both;
	color : #68777E;
	font-size: 10px !important;
 text-align: center;
	height: 15px;
}


/* Ligne de menu Accueil - Rubrique - Article  */
.lkMenu:link, .lkMenu:visited, .lkMenu {  color: #68777E; text-decoration: none;  }
.lkMenu:active, .lkMenu:hover { color: #68777E; text-decoration: underline; }	





/*-------------------
/* Styles sur Home
/*-------------------
*/

div.intro-texte {
margin-top: 10px;
margin-left: 5px;
text-align:left;
width:630px;   /*modifié avant 755px   */
float:left;
}

div.intro-anim {
float:left;
margin-right: 5px;
}



div.intro-mot {
margin-top: 20px;
text-align:center;
font-size: 9px;
width:100%;   /*modifié avant 755px   */
float:right;
}


#partenaires { 
font-family: Verdana, Arial, sans-serif;
text-align: center; 
margin-top: 15px;
margin-bottom: 10px;
 }
#partenaires li {
display: inline;
list-style-type: none;
padding-right: 20px;
font-weight: normal;
font-size: 10px;
} 
#partenaires li a{
color: #68777E;
text-decoration:none;}






/*---------------------
/* Styles SPIP
/*--------------------
*/
/*
.spip_documents{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : 70%;
}

.spip_documents_center{
	margin: auto; 
	text-align: center;
	width: 80%;
}

.spip_documents_left{
	float: left;
	margin-right: 15px; 
	text-align: center;
}

.spip_documents_right{
	float: right;
	margin-left: 15px; 
	text-align: center;
}
*/