/* Redefinitions des balises HTML */ 

*{margin:0;padding:0;}

h1,h2, h3, h4, h6, a, select, textarea{font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}

img{border:0}

a{text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}

ul{margin:0; padding:0; list-style:none;}
ol{margin:0;list-style:none;}
dd{margin:0;}

hr{display:none;}


/* Structure generale */ 

body{text-align:center; background:url(../medias/commun/bg-body.gif) left top repeat-x #2a2926;font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}

	#global{position:relative;width:940px;text-align:left; margin:16px auto 0; padding:0; }
		#header{position:absolute;width:940px; height:109px; top:0; left:0; z-index:1; background:url(../medias/commun/bg-header.gif) 0 0 no-repeat;}

		#cont{position:relative;width:940px; display:table; top:109px;}
			#contenu{ float:left; width:940px; height:309px; background:url(../medias/commun/bg-cont-acc.gif) 0 0 no-repeat; }
		#footer{ float:left; width:940px; height:57px; padding:9px 0 0 0; background:url(../medias/commun/bg-footer.jpg) 0 0 no-repeat; font-size:9px; color:#ddd7ca;}




/*----------------Pour le wisiwig----------------------------------*/
.lien{text-decoration:underline;outline:none; color:#19527f;}
.lien:hover{text-decoration:none;}


/*----------------header----------------------------------*/




/*-------menu principale-------------------------*/
#menu{ float:left; width:384px; height:45px; padding:26px 0 22px 18px;}
#menu li{ float:left; display: inline;}

.menuAccueil{display: block; float:left; background: url(../medias/commun/menu-accueil.gif) 0 0 no-repeat; width: 62px; height: 45px; text-decoration:none; padding:0 8px 0 0;}
.menuAccueil:hover{background: url(../medias/commun/menu-accueil.gif) 0 -45px no-repeat;}
.menuAccueilCurrent{display: block; float:left; background: url(../medias/commun/menu-accueil.gif) 0 -45px no-repeat; width: 62px; height: 45px; text-decoration:none; padding:0 8px 0 0;}

.menuInstitution{display: block; float:left; background: url(../medias/commun/menu-institution.gif) 0 0 no-repeat; width: 132px; height: 45px; text-decoration:none; padding:0 16px 0 0;}
.menuInstitution:hover{background: url(../medias/commun/menu-institution.gif) 0 -45px no-repeat;}
.menuInstitutionCurrent{display: block; float:left; background: url(../medias/commun/menu-institution.gif) 0 -45px no-repeat; width: 132px; height: 45px; text-decoration:none; padding:0 16px 0 0;}

.menuServices{display: block; float:left; background: url(../medias/commun/menu-services.gif) 0 0 no-repeat; width: 76px; height: 45px; text-decoration:none; padding:0 16px 0 0;}
.menuServices:hover{background: url(../medias/commun/menu-services.gif) 0 -45px no-repeat;}
.menuServicesCurrent{ display: block; float:left; background: url(../medias/commun/menu-services.gif) 0 -45px no-repeat; width: 76px; height: 45px; text-decoration:none; padding:0 16px 0 0;}

.menuTutell{display: block;	float:left;	background: url(../medias/commun/menu-tutell.gif) 0 0 no-repeat; width: 70px; height: 45px; text-decoration:none;}
.menuTutell:hover{background: url(../medias/commun/menu-tutell.gif) 0 -45px no-repeat;}
.menuTutellCurrent{ display: block; float:left; background: url(../medias/commun/menu-tutell.gif) 0 -45px no-repeat; width: 70px; height: 45px; text-decoration:none;}

/*-----------logo------------------------*/
#logo{ float:left; width:538px; padding:10px 0 0 0;}
#logo img{vertical-align:middle; margin:0 4px 0 0;}

/* sous menu */
#sousMenu{ float:left; width:940px; height:16px; padding:0;}
#sousMenu li{ float:left; display: inline;}
#sousMenu a{color:#FFF; text-decoration:none;}


.ssMenu{display: block;	float:left;	background: url(../medias/commun/fondSM.gif) 0 0 no-repeat;	width:100%; height: 16px; text-decoration:none;}
.ssMenu:hover{background: url(../medias/commun/fondSM.gif) 0 -16px no-repeat; width:100%;}
.ssMenuCurrent{display: block;	float:left; background: url(../medias/commun/fondSM.gif) 0 -16px no-repeat; width:100%; height: 16px; text-decoration:none;}


/*------contenu-----------------------------------------------*/
#visuel{float:left; width:490px; height:305px;}
#texte{float:left; width:420px; height:289px; padding:16px 2px 0 28px; font-size:11px; color:#484540;}

/*#txtSansScroll{ float:left; padding:0 0 0 22px; width:398px; background:url(../medias/pages/bg-texte.gif) 0 0 no-repeat; }*/

#txtScroll{	clear:both;padding:0 10px 0 22px; height: 253px; width: auto; overflow: auto; background:url(../medias/pages/bg-texte.gif) 0 0 no-repeat; position: static;}
#txtScroll ul li{ background:url(../medias/pages/puce-li.gif) 0 6px no-repeat; padding:0 0 0 18px;}
#texte h1.titre{ margin:0 0 4px 0;}
#texte p{ margin:0 0 14px 0;}
#texte ul li{ margin:0 0 14px 0;}
#texte ul.list li{ background:url(../medias/pages/puce-li.gif) 0 6px no-repeat; padding:0 0 0 18px;}
#texte ol li{ margin:0 0 14px 0;}	
#texte a{ color:#19527f; text-decoration:underline;}	

/*-------------bloc texte avec actualites et detail de la declinee--------------------*/
#ombre{float:left; width:956px; background:url(../medias/commun/ombre.gif) right bottom no-repeat;}
#blocTexte{ float:left; width:880px;  padding:8px 30px 10px; background:url(../medias/pages/motif-bottom.gif) 708px bottom no-repeat #746358; position:relative;}	

#motifTop{ position:absolute; width:145px; height:36px; top:0; left:296px; background:url(../medias/pages/motif-top.gif) 0 0 no-repeat;}

#actualiteGauche{float:left; width:440px; }
#txtActualiteGauche{float:left; width:382px; padding:8px 35px 30px 23px; background:url(../medias/commun/bg-motif-noir.gif) 0 8px no-repeat; position:relative;}

#actualiteDroite{float:left; width:407px; padding:0 0 0 33px; background:url(../medias/pages/separateur-actus.gif) 0 0 no-repeat; }
#txtActualiteDroite{float:left; width:381px; padding:0px 3px 30px 23px; background:url(../medias/commun/bg-motif-noir.gif) 0 0px no-repeat; color:#DDD7CA;}
#actualiteDroite h5{width: 407px !important; height: 40px !important}
.titreActu{ font-size:11px; font-weight:bold; color:#ddd7ca;}
.resume{ font-size:11px; color:#ddd7ca;}


/*---------------lien boutton---------------------*/

.savoirPlusGauche{ position:absolute; display:block; width:86px; height:17px; background:url(../medias/pages/btn-savoir-plus.gif); bottom:8px; right:35px}
.savoirPlusGauche:hover{background:url(../medias/pages/btn-savoir-plus2.gif);}

.savoirPlusDroite{ position:absolute; display:block; width:86px; height:17px; background:url(../medias/pages/btn-savoir-plus.gif); bottom:8px; right:3px}
.savoirPlusDroite:hover{background:url(../medias/pages/btn-savoir-plus2.gif);}

/*----------------------formulaire de contact------------------*/
.erreur {
	color:#036;
	font-size:10px;
	font-weight:bold;
}

.formContact{float:left; width:370px; padding:0; font-family:Arial, Helvetica, sans-serif; }

#texte p.information{font-family:Arial, Helvetica, sans-serif; float:left; width:378px ; font-size:10px; color:#37271d; margin:0 0 5px 0; line-height:10px;}
/** html #texte p.information{ float:left;}
*+html #texte p.information{ float:left;}*/

#texte p.info{font-family:Arial, Helvetica, sans-serif; float:left; width:378px ; display:inline; padding:0; margin:0 0 5px 0;}

.labelLarg1{font-family:Arial, Helvetica, sans-serif; float:left;display:inline; padding:2px 0 0 0; width:152px; font-size:11px; font-weight:bold; color:#37271d;}

.inputSelect{font-family:Arial, Helvetica, sans-serif;float:left;display:inline; width:226px; padding:0 0 0 4px ; font-size:11px; color:#3f4546;}
.inputText{font-family:Arial, Helvetica, sans-serif;float:right;display:inline; width:132px; padding:0 4px ; margin:0 0 0 4px; font-size:11px; color:#3f4546;}
.inputArea{font-family:Arial, Helvetica, sans-serif;float:right;display:inline; width:218px; height:70px; padding:0 0 0 4px; font-size:11px; color:#3f4546;}

.submitContact{width:60px; height:17px; background: url(../medias/pages/btn-envoyer.gif) 0 0 no-repeat; float:right; padding:0; border:none; cursor:pointer; margin:0;}
.submitContact:hover{background: url(../medias/pages/btn-envoyer2.gif) 0 0 no-repeat; }

/*--------les gabarits large  mentions legale-------*/
#blocTexteDec{ float:left; width:880px;  padding:14px 30px 30px; background:url(../medias/pages/motif-bottom.gif) 708px bottom no-repeat #746358; position:relative; min-height:300px;}	
* html #blocTexteDec{height:300px;}

.titreDec{margin:0 0 18px 0}
.sousTitreH2{ font-size:14px; font-weight:bold; color:#ddd7ca; background:url(../medias/commun/bg-motif-noir.gif) 0 0 no-repeat; padding:0 0 4px 27px; margin:0 0 6px 0;}

#blocTexteDec p{ padding:0 0 0 27px; font-size:11px; color:#ddd7ca; margin:0 0 16px 0;}
#blocTexteDec a{font-size:11px; color:#fff; text-decoration:underline;}
#blocTexteDec a:hover{text-decoration:none;}
/*------------------------plan du site--------------------------------------*/
.level1{ width:880px;}
.level1 li{font-size:14px; font-weight:bold; color:#ddd7ca; background:url(../medias/commun/bg-motif-noir.gif) 0 0 no-repeat; padding:0 0 4px 27px; margin:0 0 14px 0;}
#blocTexteDec .level1 li a{font-size:14px; font-weight:bold; color:#ddd7ca; text-decoration:none; }
#blocTexteDec .level1 li a:hover{ text-decoration:underline;}

.level2 li{ background:url(../medias/pages/puce-li-plan.gif) 0 8px no-repeat; padding:0 0 0 18px; margin:0;}
#blocTexteDec .level2 li a{font-size:11px; font-weight:normal; color:#fff; text-decoration:none; }

.levelBottom li{font-size:14px; font-weight:bold; color:#fff; padding:0 0 4px 27px; }
#blocTexteDec .levelBottom li a{font-size:14px; font-weight:bold; color:#fff; text-decoration:none; }
#blocTexteDec .levelBottom li a:hover{ text-decoration:underline;}

/*---------actualites-------------------------*/
.actu{float:left; width:880px; padding:16px 0 16px 0;}
.titreActualite{ font-size:14px; font-weight:bold; color:#ddd7ca; background:url(../medias/commun/bg-motif-noir.gif) 0 0 no-repeat; padding:0 0 4px 27px; margin:4px 0 0 0;}
.date{font-size:10px; color:#ffffff; padding:0 0 0 27px }
.visuelActu{ float:right; padding:0 0 0 30px; width:150px;}
.sepBottom{ border-bottom:1px solid #cecbbd;}
.liens{float:left; width:880px; padding:16px 0 16px 0;}
	/*----------------footer----------------------------------*/
#footer ul{ width:450px; margin:0 auto;}
#footer li{ display:inline;}
#footer img.nd{ vertical-align:top;}
#footer a{ font-size:9px; color:#ddd7ca; padding:0 2px; text-decoration:none;} 	
#footer a:hover, #footer a.current { text-decoration:underline;} 	
#footer #actif {text-decoration:underline;}

/* Correction bug IE pour gerer le retour a la ligne  */
	 .spacer{content:".";display:block;visibility:hidden;clear:both;font-size:0px;line-height:0px;height:0px;width:100%;margin:0;padding:0;}