@charset "iso-8859-1";

BODY
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: arial, Verdana, sans-serif;
/*	
*/
	background-image:url(image/fond.png);
background-repeat:no-repeat;

}

/* Bloc central contenant #navigation et #contenu */
#centre {
	
}

/* Navigation */

/* Contenu principal */
#contenu a {

}
#contenu a:hover, #contenu a:focus {

}
#contenu strong {

}

/* --- POSITIONNEMENT --- */

/* Page */

#contenu h1{
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	margin-top:0px;
	margin-left:10px;
	color:black;
	font-weight:bold;
}

/* En-tête */
#entete {
	padding:  0;
}
#entete h1 {
	margin: 0;

}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}
#entetedroite {
	width: 500px; /* -> 5 */
	float: right; /* -> 5 */

}
#entetegauche {
	width: 180px;
	float: left; /* -> 6 */

}


/* Bloc central contenant #navigation et #contenu */
#centre {
	width: 100%; /* -> 5 */
	overflow: hidden; /* -> 5 */
	padding-left:10px;
}

/* Menu de navigation */
#navigation {
	width: 270px;
	float: left; /* -> 6 */
	padding-left:1px;
}


/* Contenu */
#contenu {
	margin-left: 270px; /* -> 8 */
	padding: 5px 15px;
	width:700px;


}

#contenu > :first-child {
	margin-top: 2px;
}
#contenu p, #contenu li {
	line-height: 1.5;
}

/* Pied de page */
#pied {
	margin: 0;
	padding: 15px 20px 10px 0;
	font-size: .85em;
}

/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;
}


.Titre {
	font-family: Arial, Verdana, sans-serif;
	font-size: 18pt;
	color:#767676;
	background: #FFFFFF;
	vertical-align:middle;
 	text-align: center;
 	text-decoration:none;
}
h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 18pt;
	color:#767676;
	background: #FFFFFF;
	vertical-align:middle;
 	text-align: center;
 	text-decoration:none;
 	text-align: left ; 	
 	font-weight: normal;
}
.TitreMoins {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12pt;
	color:#767676;
	background: #FFFFFF;
	vertical-align:middle;
 	text-align: center;
 	text-decoration:none;
}
.TDText {	 
	background:#FFFFFF;
} 
.TDPopup {	 
	background:#FFFFFF;	
	
	text-align: center ; 	
} 

.BodyPopup {	 
	background:#FFFFFF;	
	/*
	border-width: 1px; 
	border-style:solid;
    border-color:#767676;
	*/
	text-align: center ; 	
} 
.TDVignette {	 
	background:#FFFFFF;
	border-width: 1px;
	
	border-color:#000000 ;
	text-align: center ; 
} 
 
.TextCategorie {
	font-family: Arial, Verdana, sans-serif;
	color:#767676;
	font-size: 10pt;
 	font-weight: bold;
	vertical-align:top;
 	text-align: right;
 	text-decoration:none;
}
.TextCategorie:link {
	font-family: Arial, Verdana, sans-serif;
	color:#767676;
	font-size: 10pt;
 	font-weight: bold;
	vertical-align:top;
 	text-align: right;
 	text-decoration:none;
}
.TextCategorie:hover {
	font-family: Arial, Verdana, sans-serif;
	color:#767676;
	font-size: 10pt;
 	font-weight: bold;
	vertical-align:middle;
 	text-align: right;
 	text-decoration:none;
}

.TextVignette{
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
 	font-weight: normal;
	color:#EE9C00;
	vertical-align:middle;
 	text-align:center;
 	text-decoration:none;
}
.TextVignette:hover {
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
 	font-weight: normal;
	color:#EE9C00;
	vertical-align:middle;
 	text-align:center;
 	text-decoration:none;
}
.TextVignette:link {
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
 	font-weight: normal;
	color:#EE9C00;
	vertical-align:middle;
 	text-align:center;
 	text-decoration:none;
}
.TextVignette:visited {
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
 	font-weight: normal;
	color:#EE9C00;
	vertical-align:middle;
 	text-align:center;
 	text-decoration:none;
}
.TextImage{
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
 	font-weight: normal;
	color:#767676;
	vertical-align:middle;
 	text-align:center;
 	text-decoration:none; 
	line-height:10.5pt;
}
.TextImage:hover {
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
 	font-weight: normal;
	color:#767676;
	vertical-align:middle;
 	text-align:center;
 	text-decoration:none;
	line-height:10.5pt;
}
.TextImage:link {
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
 	font-weight: normal;
	color:#767676;
	vertical-align:middle;
 	text-align:center;
 	text-decoration:none;
	line-height:10.5pt;
}
.TextImage:visited {
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
 	font-weight: normal;
	color:#767676;
	vertical-align:middle;
 	text-align:center;
 	text-decoration:none;  
	line-height:10.5pt;
}
.TextOrange{
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
 	font-weight: normal;
	color:#EE9C00;
	vertical-align:middle;
 	text-align:center;
 	text-decoration:none;
	line-height:13pt;
}
.TextOrange:hover {
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
 	font-weight: normal;
	color:#EE9C00;
	vertical-align:middle;
 	text-align:center;
 	text-decoration:none;
	line-height:13pt;
}
.TextOrange:link {
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
 	font-weight: normal;
	color:#EE9C00;
	vertical-align:middle;
 	text-align:center;
 	text-decoration:none;
	line-height:13pt;
}
.TextOrange:visited {
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
 	font-weight: normal;
	color:#EE9C00;
	vertical-align:middle;
 	text-align:center;
 	text-decoration:none;	
	line-height:13pt;
}
.TextGris{
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
 	font-weight: normal;
	color:#767676;
	vertical-align:middle;
 	text-align:center;
 	text-decoration:none;
	line-height:13pt;
}
.TextGris:hover {
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
 	font-weight: normal;
	color:#767676;
	vertical-align:middle;
 	text-align:center;
 	text-decoration:none;
	line-height:10.5pt;
}
.TextGris:link {
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
 	font-weight: normal;
	color:#767676;
	vertical-align:middle;
 	text-align:center;
 	text-decoration:none;
	line-height:10.5pt;
}
.TextGris:visited {
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
 	font-weight: normal;
	color:#767676;
	vertical-align:middle;
 	text-align:center;
 	text-decoration:none;	
	line-height:10.5pt;
}	  

/*
  hauteur  140 * 3 = 420
  largeur 120* 5 : 600


*/


#accueil{
	width:660px;
	padding-top:1px;
}

#accueilgauche{
	width:360px;
	height:420px;
	
	float:left ;
}
#accueildroit{
	width:270px;
	height:420px;
	margin-left:360px;

}	


#accueildroit1{
	width:250px;
	height:140px;
	vertical-align:text-top;
}
#accueildroit2{
	width:250px;
	height:140px;
	vertical-align:middle;
}
#accueildroit3{
	width:250px;
	height:140px;
	vertical-align:text_bottom;
	
}
/*
style="width:260px;float:left;vertical-align:middle; "


*/

#accueilimage1{
	width:120px;
	height:140px;
	float:left ;
}	
#accueiltexte1{
	width:120px;
	margin-left:120px;
	text-align:left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
 	font-weight: normal;
	height:140px;

	vertical-align:middle;
		color:#767676;
}	
	
#accueilimage2{
	width:120px;
	height:140px;
	float:left;
}	
#accueiltexte2{
	width:120px;
	margin-left:120px;
	text-align:left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
 	font-weight: normal;
	height:140px;
	vertical-align:middle;
	color:#767676;
}	
#accueilimage3{
	width:120px;
	height:140px;
	float:left;
	vertical-align:text-bottom;
	top:50%;
}	
#accueiltexte3{	 
	width:120px;
	margin-left:120px;
	text-align:left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
 	font-weight: normal;
	vertical-align:middle; 
	color:#767676;
	height:140px;
}	   
   


#accueilbas{
	width:570px;
	height:200px;
	
	float:left;
}

.navigations { 
		margin: 0; 
		padding: 0; 
		list-style: none; 
		background: #ffffff; 
		font-family: Arial, Verdana, sans-serif;
		color:#767676;
		font-size: 10px;
		//font-weight: bold;
		vertical-align:top;
		text-align: right;
		text-decoration:none;
		width: 240px; 
		text-align:right;
      } 
   .navigations a, .navigations span { 
		display: block; 
		padding: 6px 2px; 
		font-family: Arial, Verdana, sans-serif;
		color:#767676;
		font-size: 10pt;
		
		//font-weight: bold;
		vertical-align:top;
		text-align: right;
		text-decoration:none;
		background: #ffffff url(menu-item.png) left bottom no-repeat; 
      } 
   .navigations .toggleSubMenu a, .navigations .toggleSubMenu span { 
      background-image: url(menu-item-deroule.png); 
		margin-right:10px;
	  padding-right:10px;
	  
      } 
   .navigations .open a, .navigations .open span { 
      background-image: url(menu-item-enroule.png); 
      } 
   .navigations a:hover, .navigations a:focus, .navigations a:active { 
      text-decoration: none; 
      } 
   .navigations .subMenu { 
      font-size: .8em; 
      background: #ffffff url(subMenu.png) 0 0 repeat-x; 
      font-size: .9em; 
      margin: 0; 
      padding: 0px 5px 0px 0px; 
	  /*
      border-bottom: 1px solid #666;
	*/
      } 
   .navigations .open_at_load { 

      background: #ffffff url(subMenu.png) 0 0 repeat-x; 
      font-size: .8em; 
      margin: 0; 
      padding: 0; 
	  /*
      border-bottom: 1px solid #666;
	*/
      } 
   .navigations ul.subMenu a { 
      background: none; 
      padding: 6px 20px 3px 10px; 
	  text-decoration:none;
	  list-style-type: none;
      text-align: right;
      }
   .navigations ul.subMenu li { 
      background: none; 
text-align: right;
	  text-decoration:none;
	  list-style-type: none;
      }
	  
   .navigations ul.open_at_load a { 
      background: none; 
      padding: 6px 25px 3px 10px; 
	  text-decoration:none;
	  list-style-type: none;
	  text-align: right;

      }	  
   .navigations ul.open_at_load li { 
      background: none; 
 text-align: right;
	  text-decoration:none;
	  list-style-type: none;

      }

	#linksite{
		font-size:2px;
		color:#ffffff;
	}