/* ==[ GENERAL STYLES ]== */
body {
	margin:0;
	padding:0;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #e4e4dc;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

img {border:none;vertical-align:middle;outline:none;}
.clear {clear:both;}

/* ==[ WRAPPER ]== */
div#wrapper {width:980px;margin:0 auto;padding:0 9px;background:url(images/wrapping_shadow-bg.png) no-repeat top center;overflow:hidden;}

/* ==[ HEADER STYLES ]== */
div#header {width:100%;height:152px;margin:0;padding:0;}
   #header img#logo {margin:8px 0 0 28px;float:left;}
   
/* ==[ NAVIGATION ]== */
div#nav {width:100%;height:30px;margin:0;padding:0;border:1px solid #53221c;border-left:none;border-right:none;background:url(images/nav_bg.jpg) repeat-x;}
   #nav ul {width:957px;margin:0 auto;padding:0;list-style-type:none;}
   #nav ul li {width:auto;margin:0;padding:0;float:left;}
   
   #nav ul li#nav1 a {width:118px;height:30px;background:url(images/nav_1.jpg) no-repeat;display:block;}
   #nav ul li#nav1 a:hover, #nav ul li#nav1 a.selected {height:31px;background:url(images/nav_1_hover.jpg) no-repeat;}
   #nav ul li#nav2 a {width:153px;height:30px;background:url(images/nav_2.jpg) no-repeat;display:block;}
   #nav ul li#nav2 a:hover, #nav ul li#nav2 a.selected {height:31px;background:url(images/nav_2_hover.jpg) no-repeat;}
   #nav ul li#nav3 a {width:129px;height:30px;background:url(images/nav_3.jpg) no-repeat;display:block;}
   #nav ul li#nav3 a:hover, #nav ul li#nav3 a.selected {height:31px;background:url(images/nav_3_hover.jpg) no-repeat;}
   #nav ul li#nav4 a {width:90px;height:30px;background:url(images/nav_4.jpg) no-repeat;display:block;}
   #nav ul li#nav4 a:hover, #nav ul li#nav4 a.selected {height:31px;background:url(images/nav_4_hover.jpg) no-repeat;}
   #nav ul li#nav5 a {width:173px;height:30px;background:url(images/nav_5.jpg) no-repeat;display:block;}
   #nav ul li#nav5 a:hover, #nav ul li#nav5 a.selected {height:31px;background:url(images/nav_5_hover.jpg) no-repeat;}
   #nav ul li#nav6 a {width:169px;height:30px;background:url(images/nav_6.jpg) no-repeat;display:block;}
   #nav ul li#nav6 a:hover, #nav ul li#nav6 a.selected {height:31px;background:url(images/nav_6_hover.jpg) no-repeat;}
   #nav ul li#nav7 a {width:125px;height:30px;background:url(images/nav_7.jpg) no-repeat;display:block;}
   #nav ul li#nav7 a:hover, #nav ul li#nav7 a.selected {height:31px;background:url(images/nav_7_hover.jpg) no-repeat;}
   
   #nav ul li#nav1 span {width:118px;height:30px;background:url(images/nav_1.jpg) no-repeat;display:block;}
   #nav ul li#nav1 span:hover, #nav ul li#nav1 span.selected {height:31px;background:url(images/nav_1_hover.jpg) no-repeat;}
   #nav ul li#nav2 span {width:153px;height:30px;background:url(images/nav_2.jpg) no-repeat;display:block;}
   #nav ul li#nav2 span:hover, #nav ul li#nav2 span.selected {height:31px;background:url(images/nav_2_hover.jpg) no-repeat;}
   #nav ul li#nav3 span {width:129px;height:30px;background:url(images/nav_3.jpg) no-repeat;display:block;}
   #nav ul li#nav3 span:hover, #nav ul li#nav3 span.selected {height:31px;background:url(images/nav_3_hover.jpg) no-repeat;}
   #nav ul li#nav4 span {width:90px;height:30px;background:url(images/nav_4.jpg) no-repeat;display:block;}
   #nav ul li#nav4 span:hover, #nav ul li#nav4 span.selected {height:31px;background:url(images/nav_4_hover.jpg) no-repeat;}
   #nav ul li#nav5 span {width:173px;height:30px;background:url(images/nav_5.jpg) no-repeat;display:block;}
   #nav ul li#nav5 span:hover, #nav ul li#nav5 span.selected {height:31px;background:url(images/nav_5_hover.jpg) no-repeat;}
   #nav ul li#nav6 span {width:169px;height:30px;background:url(images/nav_6.jpg) no-repeat;display:block;}
   #nav ul li#nav6 span:hover, #nav ul li#nav6 span.selected {height:31px;background:url(images/nav_6_hover.jpg) no-repeat;}
   #nav ul li#nav7 span {width:125px;height:30px;background:url(images/nav_7.jpg) no-repeat;display:block;}
   #nav ul li#nav7 span:hover, #nav ul li#nav7 span.selected {height:31px;background:url(images/nav_7_hover.jpg) no-repeat;}
   
   
/* ==[ CENTRAL ]== */
div#central {
	width:980px;
	background-color: #FFFFFF;
	padding-bottom: 15px;
}

      
/* ==[ CONTENT WRAP ]== */
div#content {width:965px;margin:0 auto;padding:0;overflow:hidden;}
#content img.pic {border:1px solid #6a2c24;}

/*[ CONTENT -> MAIN BUTTONS */
#content img#button1 {margin:0;padding:0;float:right;}
#content img#button2 {margin:13px 0 0 0;padding:0;float:right;}

/*[ CONTENT -> FLASH ]*/
#content #flash {float:left;}


   
   /*[ CONTENT -> MAIN BOX - LEFt ]*/
   
   
   #content #fondtitreactualite {
	width:670px;
	padding:0;
	float:left;
	background-image: url(images/bg_actualite_accueil.jpg);
	background-position: center;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	height: 30px;
}

  #content #fondtitreactualite #titreactualite{
	padding-top: 7px;
	padding-left: 30px;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 0.1em;
}
   
   
   #content #boxleft {width:670px;margin:17px 0 0 0;padding:0;background:url(images/boxbg_actualites.jpg) repeat-y center;float:left;}
   #content #boxleft .wrap {background:url(images/boxbg_actualites-topbg.jpg) no-repeat top center;}
   #content #boxleft img.pic {margin:15px 45px 15px 15px;float:left;}
   #content #boxleft .context {width:75%;float:left;}
   #content #boxleft .bottom {height:20px;background:url(images/boxbg_actualites-bottom.jpg) no-repeat bottom;}
   
   #content #boxleft h1 {
	width:auto;
	margin:15px 0 0 -20px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	color:#6e2e25;
	text-align:left;
	float:left;
	letter-spacing: 0.02em;
}
   #content #boxleft h1 img {margin:-2px 10px 0 0;border:none;}
   
   #content #boxleft p {
	width:auto;
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:normal;
	color:#35446d;
	text-align:justify;
	line-height:17px;
	float:left;
}
    #content #boxleft a {width:auto;font-size:11px;font-weight:bold;color:#71372f;text-align:left;text-decoration:none;float:right;clear:both;}
   
   #content #boxleft a:link{
	text-decoration: none;
	color:#71372f;
}

#content #boxleft a:visited{
	color:#71372f;
}

#content #boxleft a:hover{
	text-decoration:underline;
	color: #ef7654;
}
   
   
   /*[ CONTENT -> MAIN BOX - RIGHT ]*/
   
   #content #fondtitresavoirplus {
	width:278px;
	padding:0;
	float:left;
	background-image: url(images/bg_savoir_plus_accueil.jpg);
	background-position: center;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	height: 30px;
}

  #content #fondtitresavoirplus #titresavoirplus{
	padding-top: 7px;
	padding-left: 30px;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 0.1em;
}
   
   
   
   #content #boxright {
	width:278px;
	margin:17px 0 0 0;
	padding:0;
	float:right;
	background-image: url(images/boxbg_ensavoirplus.jpg);
	background-repeat: repeat-y;
}
   
    #content #boxright #contenuright {
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	/*border: 1px solid black;*/
	}
	
	#content #boxright p  {
	margin:0 15px;
	padding:10px 0;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#6e2e25;
	line-height:21px;
	/*border: 1px solid blue;*/
}



	
	
   #content #boxright .wrap {background:url(images/boxbg_ensavoirplus-topbg.jpg) no-repeat top center;}
   #content #boxright .bottom {height:10px;background:url(images/boxbg_ensavoirplus-bottom.jpg) no-repeat bottom;}
   
   
#content #context {
	width:963px;
	padding:0;
	float:left;
	background-repeat: repeat-y;
	background-position: center;
	/*border: 1px solid red;*/
}

#content #context.contact {height:620px;background:url(images/contact_bg.jpg) no-repeat bottom;}
   

/*[ CONTENT -> CONTEXT TEMPLATE 1 COLONNE]*/
#content #context #wrap1colonne{
	background-image: url(images/backround_1colonne.jpg);
	
}  
 
#content  #wrap1colonne #fondtitre {
	width:963px;
	padding:0;
	background-image: url(images/bg_1colonne.jpg);
	background-position: center;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	height: 30px;
}

#content #fondtitre #titre{
	padding-top: 7px;
	padding-left: 30px;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 0.1em;
}
   

#content #context h3 {
	border:none;
	color: #333333;
	font-size: 13px;
	font-style: normal;
	text-align: right;
	letter-spacing: 0.02em;
}


/*[ CONTENT -> BLOC INTERIEUR 1 COLONNE ]*/
 
 #content #context  #wrap1colonne  #bloc{
	background-image: url(images/1colonne_topbg.jpg);
	background-repeat: no-repeat;
}

   
#content #context #bloc h1 {
	font-size:14px;
	letter-spacing: 0.02em;
	font-weight:bold;
	color:#6e2e25;
	text-align:left;
	margin-left: 15px;
	line-height:14px;
	margin-bottom: 10px;
}


#content #context #bloc h1 img {margin:0px 10px 0 0;}
   
   
#content #context #bloc h2 {
	font-size:14px;
	letter-spacing: 0.02em;
	font-weight:bold;
	color:#35446d;
	line-height:14px;
	text-align:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 35px;
}
#content #context #bloc h2.indent {margin:10px 0 10px 15px;}
#content #context #bloc p {margin:10px 10px;font-size:11px;font-weight:normal;color:#35446d;text-align:left;line-height:17px;}
#content #context #bloc p.indent {margin:0 0 0 15px;}
#content #context #bloc img.left {
	border:1px solid #6a2c24;
	float:left;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
}
 #content #context #bloc img.right {
	border:1px solid #6a2c24;
	float:right;
	margin-top: -20px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
}
   
#content #context #bloc ul {
	margin:20px 0 0 55px;
	padding:0;
	list-style-type:none;
	list-style-image:url(images/list-bullet.jpg);
	/*border: 1px solid red;*/
}
#content #context #bloc ul li {font-size:11px;font-weight:normal;color:#35446d;text-align:left;line-height:17px;/*border: 1px solid blue;*/}
   
#content #context #bloc .text {margin:0;float:left;}
#content #context #bloc .spacer {height:25px;display:block;float:left;clear:both;}
#content #context #bloc label {
	width:290px;
	margin:0 10px 0 0;
	padding:0;
	font-weight:normal;
	color:#35446d;
	text-align:right;
	line-height:22px;
	float:left;
	clear:left;
	font-size: 12px;
	letter-spacing: 0.02em;
}
#content #context #bloc label .required {color:#763129;}

#content #context #bloc #buttons {width:25%;margin:18px 0 0 433px;padding:0;float:left;}
#content #context #bloc #buttons .NFButton {width:47px;height:17px;margin:0 0 0 45px;padding:0;font-size:12px;font-weight:normal;color:#000;border:1px solid #000;text-align:center;background:none;background:#c0c0c0;float:left;cursor:pointer;}
   



#content #context #bloc #separateurformulaire {
	background-image: url(images/separateur_formulaire.gif);
	background-repeat: repeat-x;
	height: 8px;
	width: 100%;
	background-position: center;
}

#content #context #bloc #separateurformulaire95 {
	margin:0 auto;
	background-image: url(images/separateur_formulaire.gif);
	background-repeat: repeat-x;
	height: 8px;
	width: 95%;
	background-position: center;
}
   
   
   
/* Bas du cartouche */
      
#content #context #wrap1colonne .bottom {height:10px;background:url(images/1colonne_bottom.jpg) no-repeat bottom;}
   
/* Couleur des liens */
	
#content #context  #bloc a {color:#303135;text-decoration:none;}

#content #context  #bloc a:link{
	text-decoration: none;
	color:#884235;}

#content #context  #bloc a:visited{color:#884235}
	
#content #context  #bloc a:hover{
	text-decoration:underline;
	color: #884235;
}
   
   
   
   
/*[ CONTENT -> CONTEXT TEMPLATE 2 COLONNE]*/
#content #context #leftBloc {
	width:248px;
	height: 500px;
	/*border: 1px solid green;*/
	float:left;
}

#content #context #wrap2colonne{
	background-image: url(images/backround_2colonne.jpg);
	float:left;
	/*border: 1px solid red;*/
	width:710px;
	margin-left:3px;
}

#content #context #wrap2colonne #fondtitre {
	width:710px;
	background-image: url(images/bg_2colonne.jpg);
	background-position: left;
	padding:0;
	margin: 0;
	height: 30px;
}
 
#content #context #wrap2colonne #bloc{
	background-image: url(images/2colonne_topbg.jpg);
	background-repeat: no-repeat;
}


#content #context  #wrap2colonne .dossierLink {
	padding-top: 6px;
}

#content #context  #wrap2colonne .dossierLink a, #content #context  #wrap2colonne .dossierLink a:link, #content #context  #wrap2colonne .dossierLink a:visited{
	font-weight:bold;
	color:#35446d;
	font-size: 12px;
}

#content #context  #wrap2colonne .dossierLink a:hover{
	text-decoration:underline;
	color: #35446d;
}

#content #context #wrap2colonne .dossierLink p {margin:0; padding: 0;}

#content #context #wrap2colonne .dossierTitre, #content #context #wrap2colonne .dossierTitre a {
	font-size:14px;
	font-weight:bold;
	color:#35446d;
	margin: 4px 0 0 0px;
	padding-top: 4px;
	/*border: 1px solid blue;*/
}

#content #context #wrap2colonne .dossierTitreTous, #content #context #wrap2colonne .dossierTitreTous a {
	font-size:16px;
	font-weight:bold;
	color:#35446d;
	margin: 4px 0 0 0px;
	padding-top: 4px;
	/*border: 1px solid blue;*/
}


#content #context #wrap2colonne .sousDossierTitre{
	font-size:12px;
	font-weight:bold;
	color:#35446d;
	margin: 4px 0 0 0px;
	padding-top: 4px;
	/*border: 1px solid blue;*/
}

#content #context  #wrap2colonne .sousDossierTitre a, #content #context  #wrap2colonne .sousDossierTitre a:link, #content #context  #wrap2colonne .sousDossierTitre a:visited{
	font-weight:bold;
	color:#35446d;
	font-size: 12px;
}

#content #context  #wrap2colonne .sousDossierTitre a:hover{
	text-decoration:underline;
	color: #35446d;
}

#content #context #wrap2colonne .sousDossierTitreOn{
	font-size:12px;
	font-weight:bold;
	color:#6e2e25;
	margin: 4px 0 0 0px;
	padding-top: 4px;
	/*border: 1px solid blue;*/
}


#content #context #wrap2colonne .bottom{height:10px;background:url(images/2colonne_bottom.jpg) no-repeat bottom;}
  
  
/*[ CONTENT -> CONTEXT LEFT COLUMN OF THE TEMPLATE 2 COLONNE]*/

#content #context #wrapleftcolonne{
	background-image: url(images/backround_leftcolonne.jpg);
	float:left;
	/*border: 1px solid red;*/
	width:245px;
}

#content #context #wrapleftcolonne #fondtitre {
	width:245px;
	background-image: url(images/bg_leftcolonne.jpg);
	background-position: left;
	padding:0;
	margin: 0;
	height: 30px;
}

#content #context #wrapleftcolonne #titre{
	padding-top: 7px;
	padding-left: 15px;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 0.1em;
}
 
#content #context #wrapleftcolonne #bloc{
	background-image: url(images/leftcolonne_topbg.jpg);
	background-repeat: no-repeat;
	height: 500px;	
	padding:5px;
	margin: 0;
	font-size:12px;
	font-weight:normal;
}

#content #context #wrapleftcolonne #accextranet {
	margin:0 5px 5px 5px;
	padding: 0 0 0 0;
	/*border: 1px solid red;*/
}

#content #context #wrapleftcolonne #accextranet img {
	padding: 0 0 3px 0;
}

#content #context #wrapleftcolonne ul {
	margin:0;
	padding: 0;
	margin-left:5px;
	list-style-type:none;
	list-style-image:none;
	/*border: 1px solid red;*/
}

#content #context  #wrapleftcolonne #bloc ul li {
	margin:0;
	padding: 2px 0 4px 0;
	text-align:left;
	/*border: 1px solid green;*/
	background:url(images/extranet_dossier_small.jpg) left top no-repeat; 
	padding-left:22px; 
}


#content #context #wrapleftcolonne ul li ul {
	margin:0;
	padding:0;
	margin-left:-5px;
	/*border: 1px solid orange;*/
}

/* Couleur des liens */
	
#content #context  #wrapleftcolonne  #bloc a {
	/*color:#35446d;*/
	color:#884235;
	text-decoration:none;
	font-size:13px;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
}

#content #context  #wrapleftcolonne  #bloc a:hover{
	text-decoration:underline;
}


#content #context  #wrapleftcolonne  #bloc .selected  {
	/*color:#884235;*/
	color:#35446d;
	/*font-weight:bold;*/
}


#content #context  #wrapleftcolonne  #bloc select
{
	border: 1px solid #CCCCCC;
	font-size: 12px;
	/*color:#35446d;*/
	color:#884235;
}	


#content #context #wrapleftcolonne .bottom{height:10px;background:url(images/leftcolonne_bottom.jpg) no-repeat bottom;}
   
 
   
/* ==[ FOOTER ]== */
div#footer {width:100%;height:26px;margin:0px 0 0 0;padding:0;background:#763129;}
#footer p {
	margin:0;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:left;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}

#footer a:link{
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration: none;
	color: #FFFFFF;
	
	padding-right: 10px;
}

#footer a:visited{
	color:#FFFFFF
}
	
#footer a:hover{
	text-decoration:underline;
	color: #FFFFFF;
}

#sousRub {
	float: left;
	margin-left: 10px;
	padding: 2px 5px 0 0;
	border: 1px solid #884235;
}


/* ==[ PAGING ]== */
.paging {
	font-size: 13px;
}


.borduretableauformulaire
{
	background-image: url(images/backround_formulaire.gif);
	background-repeat: repeat-x;
	border: 1px solid #CCCCCC;
	text-indent: 5px;
	font-size: 13px;
}



/*  ESPACE     */
	
.espace2px {
	height: 2px;
	}

.espace5px {
	height: 5px;
	}
	
.espace8px {
	height: 8px;
	}
	
.espace10px {
	height: 10px;
	}
	
.espace13px {
	height: 15px;
	}
		
.espace15px {
	height: 15px;
	}
		
.espace20px {
	height: 20px;
	}

/*  STYLE DES TEXTES  */

.titrerouge12px {
	font-weight:bold;
	color:#6e2e25;
	text-align:left;
	font-size: 12px;
	line-height: 16px;
	}

.texte11pxgras {
	font-weight:bold;
	color:#35446d;
	text-align:left;
	font-size: 11px;
	line-height: 16px;
	}
	
.texte11pxlight {
	color:#35446d;
	text-align:left;
	font-size: 11px;
	line-height: 16px;
	}

.texte12pxlightbleu {
	font-weight:normal;
	color:#35446d;
	line-height:22px;
	font-size: 12px;
	letter-spacing: 0.02em;}


.lienlirelasuite {
	font-weight:normal;
	font-size: 11px;
	letter-spacing: 0.02em;
	text-align: right;
	background-position: right;
}



/* ==[ EPRESSE STYLES ]== */
body {
	font-size: 11px;
	color:#35446d;
}

 /*[ CONTENT -> SITEMAP ]*/
#content #sitemap {
	width:100%;
	padding:4px 0px 0px px;
	margin:4px 0 12px 0;
	border-bottom:1px dotted #a6aab8;	
	float:left;
	/*border: 1px solid red;*/
}

#content #sitemap #filariane {
	padding:5px 0 2px 10px;
	font-size:11px;
	font-weight:normal;
	color:#303135;
	text-align:left;
	text-decoration:none;
	/*border: 1px solid blue;*/
}

#content #sitemap #filariane  a {
	color:#303135;
	text-decoration:none;
}

#content #sitemap #filariane  a:link{
	text-decoration: none;
	color: #333333;
}

#content #sitemap #filariane  a:visited{
	color:#303135
}
	
#content #sitemap  #filariane a:hover{
	text-decoration:underline;
	color: #884235;
}
   
/* ==[ DECONNECTER]== */
   
#content #sitemap #deconnecter {
	float: right;
	height: 25px;
	font-size: 11px;
	color: #35446d;
	/*border: 1px solid green;*/
}

#content #sitemap #extranetusername {
	padding:4px 20px 0 0;
	float: right;
	height: 20px;
	font-weight:bold;
	font-size: 12px;
	color: #35446d;
	/*border: 1px solid green;*/
}

#content #boxright p a  {
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#6e2e25;
	text-decoration:none;
	/*border: 1px solid blue;*/
}

#content #boxright p a:hover {
	text-decoration:underline;
}

.msgErr {font-size: 12px;color: #cc3300;font-weight: bold;}
.msgOk {font-size: 12px;color: #009900;font-weight: bold;}
.msgOkGris{font-size: 12px;color: #454a4b;font-weight: bold;}

img.picempty {margin:15px 45px 15px 15px;float:left;}



.nop p {margin:0; padding: 0; 
	/*border: 1px solid blue;*/
}