@charset "utf-8";
/*
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, textarea, select 
{margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit;  font-family: inherit; vertical-align: baseline;}
*/

/*img { margin : 0px}*/

link { color:#000033 }
alink { color:#009900 }
vlink { color:#000033 }

h1,h2,h3,h4,h5,h6 {
	color: #444444;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0.3em;
}

h4,h5,h6 {font-weight: bold;}

h1 {font-size: 26px;}
h2 {font-size: 24px;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

hr {clear:both;  border-top:solid 1px #dddddd; border-bottom:solid 0px #aaaaaa;   height:0px ;margin-top:10px}


blockquote { color:#005500 ; font-style:italic ; font-size:16px ; line-height:20px; padding:30px ; border:solid 1px #dddddd}


/*li ul, li ol {margin-left: 1.5em;}

ul, ol {margin: 0 1.5em 1.5em 1.5em;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}
*/
dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}


.content-separator {clear:both ; border-top: solid 1px #dddddd ; border-bottom: solid 0px #aaaaaa ;border-left: solid 0px #aaaaaa ;border-right: solid 0px #aaaaaa ; margin:5px}

body { 
/*background-color:#609F19; */
background-color:#343434;
margin-top:0px ;
font-family: verdana, arial, helvetica, sans-serif ; 
font-size:12px ; 
}

.centre {
width:930px;
margin:auto;
text-align: justify;

}


.left-marge {
background-color:#FFFFFF;

width: 265px;
float: left;
padding: 10px;
margin:10px;
border-right: 1px solid #bbb;
text-align: justify;
}

.right-large {
background-color:#FFFFFF;
width: 630px;
float: left;
padding: 10px;
margin:10px;
font-size: 12px;
}

.left-large {
background-color:#FFFFFF;
width: 700px;
float: left;
padding-left: 20px;
margin:0px;

/*text-align: justify;*/
}

.right-marge {
background-color:#FFFFFF;
width: 100px;
float: left;
padding-right: 10px;
margin:10px;
font-size: 12px;

border-left: 1px solid #bbb;
}

#filet-vertical {
float : left;
border-right : solid 1px #dddddd;
}

/*bandeau*/
#header {
background-color:#393939 ;
background: url('images/bg-milieu2.gif') repeat-y center top;
}
#header2 {
background: url('images/bg-haut.gif') no-repeat center top;
}

#bandeau {
width:980px;
height:125px;
margin:auto;


}
#content-bandeau {
padding : 10px ;

}


#bandeau_logo {
margin-top:5px;
}
/**********/

/*contenu*/
#content {
background:#343434 url('images/bg-milieu2.gif') repeat-y center;

}

#contenu {
background-color:#FFFFFF;
width:980px;
margin:auto;

}

#contenu2 {
background-color:#FFFFFF;
width:980px;
margin:auto;
/*background: url('images/bg_bleu.gif') repeat-x top left ;*/
}


#content-contenu {
padding : 20px ;
margin-top:0px ;
margin-left:20px ; 
}
/**********/

/*footer*/

#footer {
clear:both;
background:#343434 ; 
}

#footer2 {
background:url('images/bg-bas2.gif') no-repeat center;
margin:auto ;
padding-bottom:15px
}


#content-footer {
width:980px ;
height:30px; 
background-color:#000033 ;
margin:auto;
}


#content-footer2 {
font-size:10px ;
font-family:verdana, arial, helvetica ; 
color:#ffffff ;
padding:10px;
}


#content-pied2 a:link {color:#ffffff}
#content-pied2 a:visited {color:#ffffff}
#content-pied2 a:hover {color:#ffffff}
#content-pied2 a:active {color:#ffffff}

/************************************************/
a { text-decoration:none}
a:link {color:#666666;}      /* unvisited link */
a:visited {color:#666666;}  /* visited link */
a:hover {text-decoration:underline ; color:#cc6600;}  /* mouse over link */
a:active {color:#cc6600;}  /* selected link */
/***********************************************/

/*mention*/
#mention {
background-color:#343434;
}

#pied_mention {
width:980px;
margin:auto;
}
#content-mention {

padding : 5px ;
font-size:10px ;
font-family:verdana, arial, helvetica ; 
color:#aaaaaa ; 
}


#footer a { color: #ffffff; text-decoration: none;  }
#footer a:hover { text-decoration: underline; color : #ffffff; }

/**********/



/* Navigation */

ul.tabbed {
	display: inline;
	margin: 0;
	padding: 0;
}
ul.tabbed li {
	float: left;
	list-style: none;
}
ul.tabbed a {text-decoration: none;}


.liste-sous-menu {margin-left: 1.5em;}


.liste-sous-menu_occurent {color:#00ff00 ;  margin-left: 1.5em; border-bottom:solid 3px #00ff00 ; text-decoration:none}


#navigation {
	background: url('images/navigation_bg.gif') repeat-x left top;
	min-height: 30px;
	margin:auto;
}

#navigation3 {
	background: url('images/navigation_bg3_sp.gif') repeat-x left top;
	min-height: 30px;
	margin:auto;
}



#navigation_bg {
	background: url('images/navigation_bg2.gif') no-repeat center ;
	min-height: 30px;
	margin:auto;
}

#navigation_bg2 {
	background: url('images/navigation_bg2_sp.gif') no-repeat center ;
	min-height: 30px;
	margin:auto;
}


#navigation_bg_sp {
	background: url('images/navigation_bg_sp.gif') no-repeat center ;
	min-height: 30px;
	margin:auto;
}

#navigation2 {
width:980px;
	background: url('images/navigation.gif') repeat-x left top;
	min-height: 30px;
	margin:auto;
}


#navigation2_sp {
width:980px;
	background: url('images/navigation2_sp.gif') repeat-x left top;
	min-height: 30px;
	margin:auto;
}



#menu {
background-color:#343434;
}
#menu2 {
background: url('images/bg-milieu2.jpg') repeat-y center;
}

#navigation a {
	color: #EAE6DD;
	display: block;
	font-weight: bold;
	font-size: 14px;
	padding: 12px 12px 11px;

}

#navigation a:hover { color: #003300; background: url('images/navigation2.gif') repeat-x left top;}
#navigation li.occurent a { color: #FFE;}
#navigation li.occurent a {color:#00ff00 ;  background: url('images/navigation-arrow.gif') no-repeat center bottom;}




#navigation3 a {
	color: #EAE6DD;
	display: block;
	font-weight: bold;
	font-size: 14px;
	padding: 12px 12px 11px;

}


#navigation3 a:hover { color: #003300; background: url('images/navigation2.gif') repeat-x left top;}
#navigation3 li.occurent a { color: #FFE;}
#navigation3 li.occurent a {color:#00ff00 ;  background: url('images/navigation-arrow.gif') no-repeat center bottom;}





/***SOUS MENU***/

#smenu {
background:#dddddd url('images/sous-navigation.gif') repeat-x left top;;
	color: #333333;
	display: block;
	font-weight: bold;
	font-size: 12px;
	padding-left: 12px;
	padding-top: 5px ;
	min-height:25px ; 
	}

#smenu a {

	color: #000000;
	display: block;
	font-weight: bold;
	font-size: 12px;
	}
/***/


/***SOUS MENU***/

.liste-ssmenu {width:250px ; background:#eeeeee; min-height:20px ; padding:10px ; border-bottom:dashed 1px #aaaaaa}
.liste-ssmenu:hover {width:250px ; background:#dddddd; min-height:20px ; padding:10px ; border-bottom:solid 1px #aaaaaa}
.liste-ssmenu-occurent {width:250px ; background:#eeeeee; min-height:20px ; padding:10px ; border-bottom:solid 1px #aaaaaa ; text-decoration:underline}
#ssmenu  {
	color: #cc9900;
	font-weight: bold;
	font-size: 12px;
	padding-left: 0px;
	padding-top: 5px ;
	min-height:20px ; 
	}

#ssmenu a {
	color:#663300 ; 
	color: #CC9900;
	display: block;
	font-weight: bold;
	font-size: 12px;
	}
	
#ssmenu a:hover {
color:#663300 ; 

	}	
/***/




#aide-cadre {
float:right; 
	height: 20px;
	margin-top: 10px ;
	width: 290px;
}

#aide {
	color: #000000;
	font-size: 10px;
	padding: 0px ;
	margin:auto;
}
#aide a {
	color: #000000;
	text-decoration: none;
}
#aide a:hover {color: #000099;}

#aide span.text-separator {
	color: #000000;
	padding: 0 7px;
}





/**
.menu {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
.menuGras { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold ; color: #003399}
.menuNormal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal}
**/



/**
TD {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; text-align:justify ; }
**/

select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color:#000066 ; background-color:#eeeeff}


.champ_text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight:bold ; color:#000066 ; background-color:#eeeeee ; border:solid 1px #aaaaaa}
.valider {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight:bold ; color:#000066 ; background-color:#eeeeee ; border:solid 1px #aaaaaa}

/* Fin de la section de style généré par WebExpert le 20/08/2006 17:12:54 */


.bordure {  border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.grandtitre {font-style:normal ; font-family: verdana, arial, helvetica ; font-size: 36px; font-weight: bold ;}
.titre {font-style:normal ; font-family: verdana, arial, helvetica ; font-size: 28px; color:#000000}
.soustitre {font-style:normal ; font-family:verdana, arial, helvetica ; font-size: 20px;}


.texte18normal {font-family: verdana, arial, helvetica; font-size: 18px; line-height:23px }
.texte16normal {font-family: verdana, arial, helvetica; font-size: 16px; line-height:21px }
.texte14normal {font-family: verdana, arial, helvetica; font-size: 14px; line-height:19px }
.texte12normal {font-family: verdana, arial, helvetica; font-size: 12px; line-height:17px }
.texte10normal {font-family: verdana, arial, helvetica; font-size: 10px; line-height:15px}

.texte18gras {font-family: verdana, arial, helvetica; font-size: 18px; font-weight: bold; line-height:23px}
.texte16gras {font-family: verdana, arial, helvetica; font-size: 16px; font-weight: bold; line-height:21px}
.texte14gras {font-family: verdana, arial, helvetica; font-size: 14px; font-weight: bold; line-height:19px}
.texte12gras {font-family: verdana, arial, helvetica; font-size: 12px; font-weight: bold; line-height:17px}
.texte10gras {font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; line-height:15px}

.texte18italic {font-family: verdana, arial, helvetica; font-size: 18px;font-style:italic ;  line-height:23px}
.texte16italic {font-family: verdana, arial, helvetica; font-size: 16px;font-style:italic ;  line-height:21px}
.texte14italic {font-family: verdana, arial, helvetica; font-size: 14px;font-style:italic ;  line-height:19px}
.texte12italic {font-family: verdana, arial, helvetica; font-size: 12px;font-style:italic ;  line-height:17px}
.texte10italic {font-family: verdana, arial, helvetica; font-size: 12px;font-style:italic ;  line-height:15px}

.texte18souligne {font-family: verdana, arial, helvetica; font-size: 18px; text-decoration:underline ; line-height:23px}
.texte16souligne {font-family: verdana, arial, helvetica; font-size: 16px; text-decoration:underline ; line-height:21px}
.texte14souligne {font-family: verdana, arial, helvetica; font-size: 14px; text-decoration:underline ; line-height:19px}
.texte12souligne {font-family: verdana, arial, helvetica; font-size: 12px; text-decoration:underline ; line-height:17px}
.texte10souligne {font-family: verdana, arial, helvetica; font-size: 10px; text-decoration:underline ; line-height:15px}

.legende {font-style:normal ; font-family: verdana, arial, helvetica ; font-size: 9px; color:#000000 }

.TDborder { border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000}
.td1 {background-color:#ffcc99 ; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000}
.td2 {background-color:#ffeeaa ; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000}
/**.menu {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none}
**/
.retour {font-family: verdana, arial, helvetica; font-size: 10px;}


.box {
	background: url('img/box.gif') no-repeat left top;
	border-bottom: 1px solid #DFDFDA;
	border-top: 1px solid #FFF;
	padding: 16px 20px 0;
}
.box a {color: #951;}
.box a:hover {color: #310;}
.box-title {	
	color: #665;
	font: normal 1.6em sans-serif;
}
.box-content {padding: 8px 0;}


/* 
   Thumbnails
------------------------------------------------------------------- */

.thumbnails {margin: 0 0 1em -8px;}
.thumbnails a.thumb {	
	background: #DAD6D0;
	display: block;
	float: left;
	margin: 0 0 8px 8px;
	padding: 1px;
}
.thumbnails a.thumb:hover {background: #AAA;}
.thumbnails .thumb img {display: block;}



/*.input_text {border:solid 1px #00ff00  ; background-color:#bbffbb ; font-size:14px ; font-weight:bold ; height:14px}*/
.input_valid {border:solid 1px #00ff00  ; background-color:#bbffbb ; font-size:14px ; font-weight:bold ; }
.input_reset {border:solid 1px #00ff00  ; background-color:#bbbbbb ; font-size:14px ; font-weight:normal}



.menu5 {padding:5px 0 0 1em; margin:0; list-style:none; height:40px; position:relative; background:transparent url(images/pro_five_0c.gif) repeat-x left bottom; font-size:14px; color:#666666}
.menu5 li {float:left; height:40px; margin-right:1px;}
.menu5 li a {display:block; float:left; height:40px; line-height:35px; color:#777777; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:normal; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(images/pro_five_0a.gif) no-repeat;}
.menu5 li a b {float:left; display:block; padding:0 16px 5px 12px; background:url(images/pro_five_0b.gif) no-repeat right top;}
.menu5 li.current a {color:#ff6600; background:url(images/pro_five_2a.gif) no-repeat;}
.menu5 li.current a b {background:url(images/pro_five_2b.gif) no-repeat right top;}
.menu5 li a:hover {color:#000099; background: url(images/pro_five_1a.gif) no-repeat;}
.menu5 li a:hover b {background:url(images/pro_five_1b.gif) no-repeat right top;}
.menu5 li.current a:hover {color:#000099; background: url(images/pro_five_2a.gif) no-repeat; cursor:default;}
.menu5 li.current a:hover b {background:url(images/pro_five_2b.gif) no-repeat right top;}