/* @group Reset */
html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
br, h1, h2, h3, h4, h5, strong {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	vertical-align: baseline;
	color: white;
	text-align: justify;
  line-height: 1em;
}

a.lien_ext:after { 
content: " (lien externe)"; 
}

input, button, textarea {
	color: black;
}

a img {
	border: 0;
}

a:link, a:visited {
	text-decoration: underline;
}

a:hover, a:active {
	text-decoration: underline;
	color: #1f2126;
}

ul, ol {
	list-style: none;
}
/* @end */

/* @group Basics */
p {
  line-height: 130%;   
}

strong { 
  font-weight: bold;
}

italic {
  font-style: italic;
}

h0 {
  font-size: 1.25em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration:none;
  line-height: 1.5em;
}

h1 {
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration:none;
}

h2 { 
  font-size: 1em;
  font-weight: bold;
  text-decoration:none;
}

h3 {
  font-size: 0.8em;
  font-weight: bold;
  line-height: 120%;
} 

h4 {
  font-size: 0.7em;
}

h5 {
  font-size: 0.5em;
    }
/* @end */


/* @ FORM */
input.text, textarea {
	width: 70%;
	background-color: white;
  border: black 1px solid;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	margin-right: 0.25em;
}
/* @end form */


/* @STRUCTURE */
html, body {
	font-size: 100%;
	height: 100%;
  margin:0;
  padding:0;
}

body {
  background: url(../../_images/fond1.png) repeat;
}

#fond_sur {
  margin: 0;
  padding: 0;
  height: 300px;
  background: url(../../_images/fond_sur.png) repeat-x;
  z-index:100; 
}

.fond_bas {
 margin: 0;
 padding: 0;
 background: url("../../_images/bande_fond_bas.png") repeat-x;
 height: 25px;
}

#contenu {
  width: 790px;
  margin: 0 auto; /* Centrer la page */
  background: black url(../../_images/fond_menu.png) repeat-y;
}

#header {
  background-image: url(../../_images/bandeau_haut.png);
  height: 120px;
}

#header_bandeau {
  background: url(../../_images/fond1_fonce_bis.png) repeat;
  text-align: center;
  line-height:0;
}

#bloc-contenu {
  float: left;
  width: 100%;
}

#col-centre {
  margin: 0 125px 0 160px; /* Marge droite et marge gauche */
  width:502px;
}

#col-droite {
  width: 150px;
  margin-left: -150px; /* Marge gauche */
  float: left;
}

#col-gauche {
  float: left;
  width: 169px;
  margin-left: -790px; /* Marge gauche */
  background-color: #383838;
}

#google_search {
  clear: left;
  text-align: center;
  padding:5px;
}

#footer_bandeau {
  clear: left;
  width: 100%;
  text-align: center;
  line-height:0;
  /*background-color:black;*/
  background: url(../../_images/fond1_fonce_bis.png) repeat;
  /*background: url(../../_images/bandeau_bas.png) repeat;*/
}


#footer {
  width: 100%;
  font-weight: bold;
  text-align: center;
  padding: 0;
  margin: 0;
  /*background: url(../../_images/fond_menu_bas.png) no-repeat;*/
  font-size:0.7em;
}

#footer a {
  text-decoration: none;
}



.col-int {
  padding: .5em 1em;
}

.col-int-menu {
  padding:0;
  margin:0;
  line-height:0;
}





#login {
  /*position: absolut;*/
  float: right;
  height: 87px;
  width: 183px;      
}

form #login_submit {
  border: none;
  margin: 0;
  padding: 0;
  width: 183px;
  height: 17px;
  cursor: pointer;
  position:absolute;
  left:0;
  top:0;
  background:  url(../../_images/fond_login_bas.png) left top no-repeat;
}

#login_connect p {
  width: 183px;
  height: 17px;
  position:absolute;
  margin:0;
  padding:0;
  font-weight:bold; 
  font-size:12px; 
  text-decoration:none; 
  text-indent:70px;
  color:white;
} 
     
form #login_submit :hover {
  background: url(../../_images/fond_login_bas2.png) left top no-repeat;
  color:black;
}

#login_connect p :hover{
  color:black;
} 





/***************/
/* Menu ACTUS  */
/***************/
			#last_actus {
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				border-bottom: 1px solid #838383;
				line-height:1.5em;
				}
			#last_actus a {
			  height:25.4px;
				background: #5C5C5C ;
				border-bottom: 1px solid #838383;
				margin:0px;
				padding-left:1px;
				padding-right:1px;
				display: block;
				text-decoration: none;
				line-height: 1.5em;
			}
			
			#last_actus p {
        padding-top:4px;      
				text-align: left;
        font-size: 0.75em;
        font-weight: bold;
				line-height:120%;
				width:100%;
				height:100%;
				line-height: 1.5em;
      }

			#last_actus a:hover {
				background: url(../../_images/home_actu_on.png) no-repeat;
			}
			
			#last_actus p:hover {
        color:black;
        
      }			
			
			#last_actus em {
       font-size: 0.85em;
      }
/******* (fin) ACTUS *******/

		.navigation {
      margin:0;
			list-style: none;
			color: #fff;
			}
		.navigation a, .navigation span {
			display: block;
			color: #fff;
			text-decoration: none;
			background: url(../../_images/menu_niv1_fleche_right.png);
      padding-left:17px;
      text-decoration: none;
      font-size: 0.95em;
      font-weight: bold;
      text-transform: uppercase;			
      border-bottom: solid black 1px;
      line-height: 1.5em;
			}
		.navigation :hover {
			background-image: url(../../_images/menu_niv1_bis_fleche_right.png);
			}
				
		.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
			background-image: url(../../_images/menu_niv1_fleche_right.png);
			}
		.navigation .toggleSubMenu :hover {
			background-image: url(../../_images/menu_niv1_bis_fleche_right.png);
			}
		.navigation .open a, .navigation .open span {
			background-image: url(../../_images/menu_niv1_fleche_down.png);
			}
		.navigation a:hover, .navigation a:focus, .navigation a:active {
			text-decoration: underline;
			}
		.navigation .subMenu {
			font-size: .8em;
			padding: 0;
			margin:0;
			}
		.navigation .subMenu :hover {
			background: url(../../_images/menu_niv2_fleche_right.png);
			}
		.navigation ul.subMenu a {
			background: url(../../_images/menu_niv2_fleche_right.png);
      text-transform:none;
      border-bottom: solid #333333 1px;
      padding-left: 22px;
			}


    /* 3 variantes pour : "telecharger", "liens", "contacter" */
		.nav_telecharger a, .nav_telecharger span {
			display: block;
			color: #fff;
			text-decoration: none;
			background: url(../../_images/menu_niv1_telech.png);
      padding-left:17px;
      text-decoration: none;
      font-size: 0.95em;
      font-weight: bold;
      text-transform: uppercase;			
      border-bottom: solid black 1px;
      line-height: 1.5em;
			}
		.nav_telecharger :hover {
			background-image: url(../../_images/menu_niv1_telech_bis.png);
			}
			
		.nav_liens a, .nav_liens span {
			display: block;
			color: #fff;
			text-decoration: none;
			background: url(../../_images/menu_niv1_lien.png);
      padding-left:17px;
      text-decoration: none;
      font-size: 0.95em;
      font-weight: bold;
      text-transform: uppercase;			
      border-bottom: solid black 1px;
      line-height: 1.5em;
			}
		.nav_liens :hover {
			background-image: url(../../_images/menu_niv1_lien_bis.png);
			}
      
 		.nav_contact a, .nav_contact span {
			display: block;
			color: #fff;
			text-decoration: none;
			background: url(../../_images/menu_niv1_contact.png);
      padding-left:17px;
      text-decoration: none;
      font-size: 0.95em;
      font-weight: bold;
      text-transform: uppercase;			
      border-bottom: solid black 1px;
      line-height: 1.5em;
			}
		.nav_contact :hover {
			background-image: url(../../_images/menu_niv1_contact_bis.png);
			}			
			/* */

 .entre_blocs {
  height: 5px;
}




/* bloc 50 / 50 */

#fifty_fifty {
  border: 0;
  overflow: hidden;
  width:472px;
  margin:0;
  padding:0;
  font-size:0.85em;
}
#fifty_I {
  width: 233px;
  float: left;
  border: 0;
}
#fifty_II {
  width: 233px;
  float: right;
  border: 0;
}





#list_actus a {
 text-decoration:none; 
 display:block;
 text-align:left;
 text-indent:5px;
 font-size:0.8em;
 line-height: 1.5em;
}

#list_actus li :hover {
 background-color:#838383;
 color:#AA0000;
}

.list_actus_rubrique {
  font-style:italic; 
  font-weight:bold; 
  font-size:0.9em; 
  color:white; 
  letter-spacing:1px;
}

.list_actus_titre {
  font-size:0.9em;
}

.list_actus_date {
  font-style:italic;
  font-size:0.7em;
  color:white;
}

.actu {
  padding-right:5px;
  padding-left:5px;
}

.actu_comm {
 color:#808080;
 font-size:0.7em;
 font-weight: bold;
}

.actu_txt {
 text-indent:20px;
 font-size:0.9em;
}

.actu_signature {
 text-align:right;
 color:#808080;
 font-size:0.7em;
 font-weight: bold;
}


#alaune {
  text-decoration:none;
}
#alaune :hover {
  color:#AA0000;
}


/********************
 ****** LIST FLUX
 ********************/ 
  
  .list_flux li :hover {
   /*background-color:#838383;*/
   background-color:white;
   color:#AA0000;
   font-weight: bold;
   font-size:0.9em;
  }

  .list_flux a {
   padding: 1px;
   text-decoration:none; 
   display:block;
   text-align:left;
   font-size:0.8em;
  }

  .flux_date {
	 font-size:0.8em;
	 color:#CC3333;
	}

  .flux_titre {
	 font-size:0.9em;
	}	

  .flux_rubrique {
   color:rgb(204,102,0);
  }
  
  .list_flux img {
   vertical-align: middle;
  }