/************* bleu    = 004D9F
 ************* vert    = 99C000
 ************* orange = FF6600 
*/ 
html {overflow: scroll;}
body{
	font-family:  Arial,Verdana;
	font-size: 12px;
	color:#000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height:normal;
	behavior:url("modules/menus/csshover.htc");/*surtout pour IE*/
}
/**** TYPOS ****************************************************************************************************/
              p{
                font-size: 12px;
              	margin: 0px 0px 0px 0px;
              	padding: 0px 0px 0px 0px;
              	line-height:1.5;
              	font-weight: normal;
              }
              H1{
              	font-size: 15px;
              	color:#004D9F;
              	margin: 0px 0px 0px 0px;
              	padding: 0px 0px 0px 0px;
              	line-height:normal;
                font-weight: 600;
              }
              H2{
              	font-size: 13px;
              	color:#333333;
              	margin: 2px 0px 0px 0px;
              	padding: 0px 0px 0px 0px;
              	line-height:normal;
              	font-weight: 600;
              
              }
              H3{
              	font-size: 11px;
              	color:#333333;
              	margin: 0px 0px 0px 0px;
              	padding: 0px 0px 0px 5px;
              	line-height:normal;
              	font-weight: normal;
              }
              H4{
              	font-size: 11px;
              	color:#000066;
              	margin: 0px 0px 0px 0px;
              	padding: 0px 0px 0px 5px;
              	line-height:1;
              	font-weight: normal;
              }
              H5{
              	font-size: 10px;
              	color:#990000;
              	margin: 0px 0px 0px 0px;
              	padding: 0px 0px 0px 10px;
              	line-height:1;
              	font-weight: normal;
              }
              H6 {
              	font-size: 10px;
              	color:#999999;
              	margin: 0px 0px 0px 0px;
              	padding: 0px 5px 0px 5px;
              	line-height:1;
              	font-weight: normal;
              }
/**** LIENS*****************************************************************************/
              a, a:visited, a:link{
              	color:#004D9F;
              	text-decoration: none;
              }
              a:hover{
              	color: #99C000;
              	text-decoration: none;
              }
/**** STYLES **********************************************************/
              .capitale {
                font-family:  Arial,Verdana;
              	text-align: left;
              	padding: 0px 0px 0px 10px;
              	color:#99C000 ;
              	font-size: 20px;
              	font-weight:500;
              }
              .gros_titre {
              font-size: 24px;
                color:#555555;
                font-family:  Verdana,Arial;
              	padding: 0px 10px 0px 10px;
              	font-weight:500;
              }
              .fond_gros_titre3{
              width:100%;
              background-color:#004D9F;	
              }
              .fond_gros_titre2{
              width:100%;
              background-color:#666666;
              margin: 0px 0px 0px 0px;
              padding: 0px 0px 0px 0px;
              }
              .fond_gros_titre2 a{
              font-family:  Verdana,Arial;
              font-size: 13px;
              color:#FFFFFF;
              }
              .fond_gros_titre2 a:hover{
              color:#EEEEEE;
              }
              .titre_flash{/*titre du flash info clignottant*/
              	font-family:  Verdana,Arial;
                font-size: 22px;
              	color:#ff6600;
              	font-weight:normal;
              	line-height:22px;
              	margin: 0px 0px 0px 0px;
              	padding: 10px 0px 0px 0px;
              }

              .titre1{
                font-family:  Arial,Verdana;
              	font-size: 22px;
              }
              .titre2 {
                font-family:  Arial,Verdana;
              	text-align: left;
              	padding: 0px 0px 0px 0px;
              	color:#333333;
              	font-size: 13px;
              	font-weight: 600;
              }
              .titre3 {
                font-family:  Arial,Verdana;
              	background: url(images/puces/flechmenugauche.gif) no-repeat left;
              	text-align: left;
              	padding: 0px 0px 0px 25px;
              	color:#999999;
              	font-size: 12px;
              }
              .label{
              	font-size: 12px;
              	color:#08389C;
              	margin: 0px 0px 0px 0px;
              	padding: 0px 0px 0px 0px;
              	line-height:normal;
              	font-weight: bold;
              }
              .annotation {
                font-family: Verdana,Arial;
              	font-size: 10px;
              	color:#999999;
              	margin: 0px 0px 0px 0px;
              	padding: 0px 0px 0px 0px;
              	line-height:1;
              	font-weight: normal;
              }
/**** CADRES *************************************************************************/
              .cadre100 {
              	width:100%;
              	border : 0px #CCCCCC solid;
              	margin:0px 0px 0px 0px;
              	padding:0px 0px 0px 0px;
              	background-image: url(images/fonds/fond_deg.gif);
              	background-repeat: repeat-x;
                background-color:#6699CC;
              }
              .cadre900 {
              	width:900px;
              	border : 1px #004D9F solid;
              	margin:0px 0px 0px 0px;
              	padding:0px 0px 0px 0px;
              	background-color:#FFFFFF;
              }
/**** DIV des menus de gauche et droite****************************************/
              .col_droite {/* menu de droite *****************/
              	border : 1px #CCCCCC solid;
              	margin:0px 5px 0px 0px;
              	padding:0px 0px 0px 0px;
              	background-color:#EEEEEE;	
              }
              .col_droite img{
                padding:0px 0px 10px 0px;
              }
              .col_gauche {/* menu de gauche *****************/
              	border: 0px solid #FFFFFF;
              	border-right: 0px dashed #CCCCCC;
              	padding: 0px 0px 0px 0px;
              	margin:0px 0px 0px 0px;
              }
              .cible {/*DIV centrale**************************/
                margin:0px 0px 0px 0px;
              	padding:0px 0px 0px 0px;
              	background-color:#FFFFFF;
                background-image: url(images/fonds/filigrane.gif);
                background-repeat: repeat-y;
              }

/************* Zone d'impression ************************************************************************************************************/
              .detail {
              	min-height:500px;
              	border : 0px #CCCCCC solid;
              	margin:0px 0px 0px 0px;
              	padding:0px 0px 0px 0px;
              }
/**** FORMULAIRES **************************/
              form{
              	margin:0px 0px 0px 0px;
              	padding:0px 0px 0px 0px;
              }
              SELECT {
              	width:auto;
              	background-color:#E7EDFF;	
              	margin: 3px 0px 3px 0px;
              	padding: 0px 0px 0px 0px;
              }
              TEXTAREA {
              	width:300px;
              	height:70px;
              	background-color:#E7EDFF;	
              	margin: 3px 0px 3px 0px;
              	padding: 0px 0px 0px 0px;
              }
              CHECKBOX{
              	width:30px;
              }
              .input {
              	width:300px;
              	background-color:#E7EDFF;	
              	margin: 3px 0px 3px 0px;
              	padding: 0px 0px 0px 0px;
              }
              .input30 {
              	width:30px;
              	background-color:#E7EDFF;	
              	margin: 3px 0px 3px 0px;
              	padding: 0px 0px 0px 0px;
              }
              .inputsearch{
              	width:100px;
              	background-color:#E7EDFF;	
              	margin: 3px 0px 3px 0px;
              	padding: 0px 0px 0px 0px;
                border: 0px;              
              }
              .textarea_faq {
              	width:500px;
              }
              .check30 {
              	width:30px;
              }


/**** LIGNES******************************************************************/

              hr {
              	margin-top: 2px;
              	margin-bottom: 2px;
              	width: 90%;
              	color: #CCCCCC;
              	background-color: #CCCCCC;
              	text-align:center;
              	border: 0px;
              	height: 1px;
              }

/**** LISTES *****************************************************************/
              .cible li {
              	list-style-type:none;
              	list-style-image : url(images/puces/carrebleudeg.png);
                background-position:0% 65%;
                padding-left:0px;
              }
              .cible li li{
              	list-style-type:none;
              	list-style-image : url(images/puces/carrevertdeg.png);
                background-position:0% 65%;
                padding-left:0px;
              }
              .cible li li li{
              	list-style-type:none;
              	list-style-image : url(images/puces/carreorangedeg.png);
                background-position:0% 65%;
                padding-left:0px;
              }




/**** ARTICLES *********************************************************************/
              .flashinfo {
              	border : 0px #CCCCCC solid;
              	margin:0px 0px 0px 0px;
              	padding:0px 6px 10px 6px;
              }
              .article {
              	border : 0px #EEEEEE solid;
              	margin:0px 0px 0px 0px;
              	padding:0px 0px 0px 0px;
              	
              	min-height:80px;
              }
              .article100 {
                background-color:#EEEEEE;
              	min-height:60px;
              	border : 1px #CCCCCC dashed;
              	margin:0px 0px 0px 0px;
              	padding:0px 0px 0px 0px;
              }
              .flashinfo img,.article img,.article100 img {
              	float:left;
              	padding: 5px 10px 5px 10px;
              }
              .flashinfo a,.article a,.article100 a {
              text-decoration:none;
              }
              .article p,.article100 p,.flashinfo p{
              	padding: 0px 10px 0px 20px;
              }


/**** MENU ********************************************************************************************************/
/****** MENU DE GAUCHE ********************************************************************************************************/
              .encart_gauche {
              	border :0px #98C000 solid;
              	margin:5px 0px 0px 0px;
              	padding:0px 0px 0px 0px;
              	width:167px;
              	background-color:#A2D84B;
              }
              .encart_gauche ul,
              .encart_gauche li,
              .encart_gauche a {
              	display:block;
              	margin:0px 0px 0px 0px;
              	padding:0px 0px 0px 0px;
              	border:0px;
                color:#333333;
              }
              .encart_gauche ul {
                width:167px;
              	border:0px solid #CCCCCC;
              	margin:0px 0px 0px 0px;
              	padding:0px 0px 0px 0px;
              	list-style:none;
              	background-color:#FFFFFF;
              }
              .encart_gauche li {
                position:relative;
                margin:0px 0px 0px 0px;
              	padding:1px 1px 1px 18px;
              	background:url("images/puces/carrebleudeg.png") no-repeat left;
              	z-index:9;
                line-height:18px;
                border-bottom:1px solid #FFD085;
              }
              /*.colgauche li.folder {
              background:url("images/puces/carrebleudeg4.gif") no-repeat left;
              		font-weight:600;
              }	*/	
              .encart_gauche li.folder ul,
              .encart_gauche li.folder ul ul,
              .encart_gauche li.folder ul ul ul {
              	position:absolute;
              	border : 1px #666699 solid;
              	left:140px; /* IE */
              	top:0px;
              }		
              .encart_gauche li.folder>ul,
              .encart_gauche li.folder>ul ul,
              .encart_gauche li.folder>ul ul ul {
                left:167px;
              } /* others */
              .encart_gauche ul ul {
                position:absolute;
                top:0px;
                left:160px;
                border-width:1px;
                display:none;
              }
              .encart_gauche a {
              	padding:2px;
              	border:0px solid white;
              	text-decoration:none;
                color:#333333;
              	width:130px; /* IE */
              	text-decoration:none;	
              }
              .encart_gauche li>a {
                width:auto;
              	text-decoration:none;	
              } /* others */
              .encart_gauche a:visited {
                color:#333333;
              	text-decoration:none;	
              }
              .encart_gauche a:hover {
                color:#000000;
              	text-decoration:none;	
              }
              .encart_gauche li a.submenu {
              	background: url(images/puces/flechmenugauche.gif) no-repeat right;
              }
              .encart_gauche li a.submenu:hover {
              	background: url(images/puces/flechmenugauche_o.gif) no-repeat right;
              }
              	/* regular hovers */
              
              	/* hovers with specificity */	
              .encart_gauche li.folder:hover {
                z-index:10;
              }
              .encart_gauche ul ul,
              .encart_gauche li:hover ul ul,
              .encart_gauche li:hover li:hover ul ul {
              	display:none;
              }
              .encart_gauche li:hover ul,
              .encart_gauche li:hover li:hover ul,
              .encart_gauche li:hover li:hover li:hover ul {
                display:block;
              }		
              .encart_gauche  li a {
              color:#333333;
              	font-weight:normal;	
              	margin:0px 0px 0px 0px;
              	padding:0px 10px 0px 0px;
              
              }
              .encart_gauche li:hover {
              	background-color:#E7EDFF;	
                color:black;
              }
/**** MENU DE DROITE ********************************************************************************************************/
              .encart_droite {
              	border : 0px #666699 solid;
              	margin:0px 0px 0px 0px;
              	padding:0px 0px 0px 0px;
              	width:158px;
              	background-color:#EEEEEE;	
              }
              
              .encart_droite ul,
              .encart_droite li,
              .encart_droite a {
              	display:block;
              	margin:0px 0px 0px 0px;
              	padding:0px 0px 0px 0px;
              	border:0px;
                color:#333333;
              	font-weight:normal;
              	
              }
              .encart_droite ul {
                width:158px;
              	border:0px solid #CCCCCC;
              	margin:0px 0px 0px 0px;
              	padding:0px 0px 0px 0px;
              	list-style:none;
              	background-color:#EEEEEE;	
              }
              .encart_droite li {
                position:relative;
                margin:0px 0px 0px 0px;
              	padding:1px 1px 1px 18px;
              	background:url("images/puces/carreorangedeg.png") no-repeat left;
              	z-index:9;
                line-height:18px;
                border-bottom:2px solid #FFFFFF;
              }
              
              /*.encartdroite li.folder {
              background:url("images/puces/carrebleudeg1.gif") no-repeat left;
              }	
              */	
              .encart_droite li.folder ul,
              .encart_droite li.folder ul ul,
              .encart_droite li.folder ul ul ul {
              	position:absolute;
              	border : 1px #666699 solid;
              	left:140px; /* IE */
              	top:0px;
              }		
              .encart_droite li.folder>ul,
              .encart_droite li.folder>ul ul,
              .encart_droite li.folder>ul ul ul {
                left:167px;
              } /* others */
              .encart_droite ul ul {
                position:absolute;
                top:0px;
                left:160px;
                border-width:1px;
                display:none;
              }
              .encart_droite a {
              	padding:2px;
              	border:0px solid white;
              	text-decoration:none;
                color:#333333;
              	font-weight:normal;	
              	width:130px; /* IE */
              	}
              .encart_droite li>a {
              width:auto;
              } /* others */
              .encart_droite a:visited {
              color:#333333;
              	font-weight:normal;	
              	text-decoration:none;	
              }
              .encart_droite a:hover {
              color:#000000;
              	font-weight:normal;		
              }
              /*.encartdroite li a.submenu {
              	background: url(images/puces/puce_1.gif) no-repeat right;
              }
              .encartdroite li a.submenu:hover {
              	background: url(images/puces/puce_2.gif) no-repeat right;
              }
              */
              .encart_droite li.folder:hover {
              z-index:10;
              }		
              .encart_droite ul ul,
              .encart_droite li:hover ul ul,
              .encart_droite li:hover li:hover ul ul  {
              display:none;
              }
              .encart_droite li:hover ul,
              .encart_droite li:hover li:hover ul,
              .encartdroite li:hover li:hover li:hover ul {
              display:block;
              }		
              .encart_droite  li a {
              color:#333333;
              font-weight:normal;	
              	margin:0px 0px 0px 0px;
              	padding:0px 0px 0px 0px;
              }
              .encart_droite li:hover {
              	background-color:#FFFFFF;
              	font-weight:normal;	
              	color:black;
              }
/**** Galerie photo********************************************************************************************************/
              .album{
              	background-color:#EEEEEE;
              	width:180px;
              	height:100px;
              	border : 0px #CCCCCC solid;
              	margin:10px 10px 10px 10px;
              	padding:10px 0px 10px 0px;
              	float:left;
              }
              .album img{
                border : 2px #259108 solid;}
              .album2{
              	background-color:#FFFFFF;
              	width:110px;
              	height:110px;
              	border : 0px #CCCCCC solid;
              	margin:10px 10px 10px 10px;
              	padding:10px 0px 10px 0px;
              	float:left;
              }
              .album2 img{
                border : 2px #259108 solid;}
              .div1{
                width:100%;
                height:100%;
                position:relative;
                margin:0px 0px 0px 0px;
                padding:0px 0px 0px 0px;
                border:0px;
                z-index:13;
              }
              .translucide{
                visibility:hidden;
                display:none;
                width:100%;
                height:1000px;
              	margin: 0px 0px 0px 0px;
              	padding: 0px 0px 0px 0px;
                background-color: #6666FF;
                position:absolute;
                z-index:2;
                filter:Alpha(Opacity=80);
                -moz-opacity:.80;
                opacity:.80;
                top:0px;
                left:0px;
                border:0px;
                z-index:14;
              }
              .div3{
                visibility:hidden;
                display:none;
                width:100%;
                height:100%;
                	margin: 0px 0px 0px 0px;
                	padding: 0px 0px 0px 0px;
                position:absolute;
                top:120px;
                left:0px;
                z-index:15;
                border:3px;
              }
              .div3 p{
                z-index:16;
                
              }
              .element { /* taille et position du div et de la frame */ 
              width:100px; 
              height:50px; 
              position: absolute; 
              top: 2px; 
              left: 50px; 
              }
              div#galerie
              {
              	width: 480px;
              	border: 0px solid #dcb ;
              	padding: 10px ;
              	margin: 0px;
              	text-align: center ;
              	font: 0.9em Georgia, serif ;
              }
              div#galerie li
              {
              	list-style-type:none;
              	list-style-image : none;
              }
              ul#galerie_mini
              {
              	margin: 0 ;
              	padding: 0 ;
              	list-style-type: none ;
              }
              ul#galerie_mini li
              {
              	float: left ;
              }
              ul#galerie_mini li a img
              {
              	margin: 2px 1px ;
              	border: 1px solid #dcb ;
              }
              dl#photo
              {
              	clear: both ;
              	margin: 0 auto ;
              }
              dl#photo dt
              {
              	font: italic 1.5em/1.5em Verdana,Georgia, serif ;
              	color: #333333 ;
              }
              dl#photo dd
              {
              	margin: 0 ;
              }
              dl#photo img
              {
              	border: 1px solid #dcb ;
              }

/**** OMBRAGE CADRE ARRONDI ***************************************************************************************************/
          /*** la div principal3 est a l'interieur s elle augmente en hauteur, le tout augmente*/
              #principal {
                width:100%;
              	background:url('images/fonds/ombre_12.gif') repeat-y left;
              }
              #principal2 {
              	background:url('images/fonds/ombre_14.gif') repeat-y right;
              }
              /*on donne height a la place de min-height pour IE6*/
              #principal3 {
              	padding:0px 15px 0px 15px;
              	height:140px;
              }
              /*et on donne un min-height pour qui veut comprendre ces 3 lignes, pas IE*/
              html>body #principal3 {
              height: auto;
              min-height: 140px;
              }
              #principal4 {
              	padding:0px 15px 0px 15px;
              	height:75px;
              }
              html>body #principal4 {
              height: auto;
              min-height: 75px;
              }
              #haut {
                height:13px;
                background:url('images/fonds/ombre_08.gif') repeat-x top;
              }
              #haut img {
                vertical-align:top; /* for ie5*/
              }
              	#coingh {
                width:13px;
              	height:13px;
              	background:url('images/fonds/ombre_07.gif') repeat-x top ;
              	float: left;
              }
              #coindh {
                width:13px;
              	height:13px;
              	background:url('images/fonds/ombre_09.gif') repeat-x top ;
              	float: right;
              }
              #bas {
                height:13px;
                background:url('images/fonds/ombre_23.gif') repeat-x bottom;
              }
              #coingb {
                width:13px;
              	height:13px;
              	background:url('images/fonds/ombre_22.gif')  repeat-x bottom;
              	float: left;
              }
              #coindb {
                width:13px;
              	height:13px;
              	background:url('images/fonds/ombre_24.gif')  repeat-x bottom;
              	float:right;
              }
          /*** AUTRE STYLE DE CADRE ARRONDI*******/
              #cadreAB { /* taille du cadre, à titre d'exemple */
              	width:100%;
              	background: url(images/milb.gif);
              	background-repeat: x-repeat;
              	margin:0px 0px 0px 0px;
              	padding:0px 0px 0px 0px;
              }
              /* propriétés communes à l'ensemble des 4 coins */
              #hautgaucheB, #hautdroitB {
              	height: 30px; width: 12px;
              	background-repeat: no-repeat;
              	margin:0px 0px 0px 0px;
              	padding:0px 0px 0px 0px;
              	font-size:1px; /* correction d'un bug IE */
              }
              /* propriétés spécifiques à chaque coin */
              #hautgaucheB {
              	width: auto;
              	background: url(images/coinbg.gif);
              	background-repeat: no-repeat;
              }
              #hautdroitB {
              	float: right;
              	background: url(images/coinbd.gif);
              	background-repeat: no-repeat;
              }