/* ------------------------------------ */
/*                                      */
/*            Généralités               */
/*                                      */
/* ------------------------------------ */

.menu { font: bold normal 12px Arial, Helvetica, sans-serif; letter-spacing: 2px; color: #000000; border: none;  }
a.menu_l:visited { COLOR: #000000; TEXT-DECORATION: none; }
a.menu_l:link { COLOR: #000000; TEXT-DECORATION: none;  }
a.menu_l:hover { COLOR: #660000; TEXT-DECORATION: underline; }

.table3 { border: 1px solid; border-color: #fff #000 #000 #fff; background:#072707; }


.textemini { font: bold normal 12px Arial, Helvetica, sans-serif; letter-spacing:1.5px; color: #000000; border: none;  }
.texteblanc { font: bold normal 12px Arial, Helvetica, sans-serif; letter-spacing: 1.5px; color: #ffffff; border: none;  }
.titremini { font: bold normal 12px Arial, Helvetica, sans-serif; letter-spacing:1.5px; color: #336600; border: none;  }

body {
	background-color: #072707;
	background: url(img/fondbody.jpg) left top ;
	font: normal 80%/1em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: black;
	margin: 0;
	padding: 0 0 2em 0;
	text-align: center;
}

body span {
	color: #522603;
	font-weight: bold;
}

body red {
	color: #7E1702;
	font-weight: bold;
}

h1 {
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	text-decoration: none;
}

h2 {
	margin: 0 0 0 0;
	padding: 0;
	color: #f90;
	font-weight: bold;
	font-size: 1.3em;
}

h2 span {
	color: #9f0;
}



h3 {
	
	background-color: #fff;
	font-weight: normal;
	font-size: 1em;	
	color: #000;
	border-color : #000;
	margin:  3px 0 3px 0;
	padding: 3px  2px 3px 3px;
	border :1px solid
}

h3  span{
	font-weight: bold;
	font-size: 1.1em;	
	color: #0E1E0B;
}

h4 {
	clear: left;
	/*margin: 0 0 0.2em 0;*/
	padding: -10px 0 -10px 15px ;
	font-weight: bold;
	font-size: 0.7em;
	line-height: 1.2em;
	color: #333333;
}


h5 {
	margin: 0 0 0 0;
	padding: 0;
	color: #030;
	font-weight: bold;
	font-size: 1.3em;
}

h5 span {
	color: #c60;
}

h6 {
	font: bold 14px Arial;
	letter-spacing :0.5px;
	margin: 3px 0 5px 0;
	padding: 3px 0 5px 0;
	text-align:justify;
	color: #000;
	
	
}

h6 span {

	color: #030;
}

h7 {
	font: normal 13px Arial;
	letter-spacing :1px;
	margin: 3px 5px 2px 5px;
	padding: 3px 5px 2px 5px;
	text-align:center;
	color: #000;
	
	
}



h7 span {

	color: #030;
}

h8
{

	color: #fff;
	
	
}

#cadre {
z-index:200;
float:left;
width: 560px;
color: #fff;
position:relative;
display: block;
text-align: center;
font-weight: bold;
background: #072707;
margin:3px 0px 3px 10px;
padding:5px 0px 5px 0px;
border: 1px solid gray;

}

#cadre_orange {
z-index:200;
float:left;
display: block;
width: 560px;
position:relative;
border: 1px dotted #072707;
background: url(img/fond_cadre.png) left top repeat-y;
display: block;
background: #E8F3E8;  
margin:3px 0px 10px 10px;
padding:5px 0px 5px 0px;

}


#cadre_blanc {
z-index:200;
float:left;
display: block;
width: 560px;
position:relative;
display: block;
background: #fff;  
margin:3px 0px 10px 10px;
padding:5px 0px 5px 0px;

}


#cadre_vert{
z-index:200;
float:left;
display: block;
width: 560px;
position:relative;
border: 1px solid gray;
display: block;

margin:3px 0px 10px 10px;
padding:5px 0px 5px 0px;

}

body tables {
z-index:200;
width: 560px;
color: #fff;
display: block;
text-align: center;
font-weight: bold;
background: #020B01;
margin:3px 0px 0px 10px;
padding:5px 0px 5px 0px;
border: 1px solid gray;
}

	/*
margin: 0 0 0.2em 0;*/



body noirf {
	font: 12px Arial, sans-serif ;
	letter-spacing : 2px;
	color: #333;
	font-weight: normal;

}

body noir  a{
	font: 12px Arial, sans-serif;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

body noir{
	font: 12px Arial, sans-serif;
	color: #000;
	font-weight: normal;

}

body noir  a:hover{
	font: 12px Arial, sans-serif;
	color: #c00;
	letter-spacing : 2px;
	font-weight: bold;
	
}


#vert {
	font: 12px Arial, sans-serif;
	color: #072707;
	font-weight: bold;

}

#vert  a{
	font: 12px Arial, sans-serif;
	color: #072707;
	font-weight: bold;
	text-decoration: none;
}

#vert a:hover {
	font: 12px Arial, sans-serif;
	color: #f90;
	font-weight: bold;
	
}



#blanc {
	letter-spacing : 2px;
	font: 12px Arial, sans-serif;
	color: #fff;
	font-weight: bold;

}

#blanc  a{
	font: 12px Arial, sans-serif;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#blanc a:hover  {
	font: 12px Arial, sans-serif;
	color: #f90;
	font-weight: bold;
	
}
 .co {
	
	margin-left: auto;
     margin-right: auto;
	 width:90%;
	 }
 .ombre2 {
  float:left;
  clear:left;  
  background: url(img/ombre2.png) no-repeat bottom right;
  margin: 10px 0 10px 20px;
  margin: 10px 0 10px 15px;
  padding: 0px;
  }

.boite2 {
 
  background: #fff;
  position:relative;
  display: block;
  bottom:6px;
  left: -6px;
  }

.boiteTxt2 {
width: 545px;
 text-align:center;
  padding:4px;
  display: block;
  }

.wrap1 {
  background-image:url(./img/shadow.gif);
  }
.wrap2 {
  background-image:url(./img/corner_bl.gif);
  }
.wrap3 {
  background-image:url(./img/corner_tr.gif);
  }
  
.ombre {
  float:left;
  clear:left;
  background: url(img/ombre.png) no-repeat bottom right;
  margin: 10px 0 10px 10px;
  margin: 10px 0 10px 5px;
padding: 0px;
  }

.boite {

  /* background: #cf3;*/
  position:relative;
  bottom:6px;
  right: 6px;
  }

.boiteTxt {

  padding:4px;
  }

/* ------------------------------------ */
/*                                      */
/*            Header                    */
/*                                      */
/* ------------------------------------ */

#header {
	z-index:1000;
	position: relative;
	width: 850px;
	height: 165px;
	background: url(img/header.png) left top no-repeat;
	background-color: url(img/header.png) left top no-repeat;
	margin: 0 auto;
	text-align: left;
}

#headersous {

	width: 850px;
	height: 11px;
	background: url(img/sousmenu.png) left top no-repeat;
	margin: 0 auto;
	text-align: right;
}
#headersous p {
	padding-top: 15px;
	margin-right:35px;
	margin-bottom: 0;
}


/* ------------------------------------ */
/*                                      */
/*            Menu                      */
/*                                      */
/* ------------------------------------ */


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


/* ------------------------------------ */
/*                                      */
/*            Global                    */
/*                                      */
/* ------------------------------------ */

#global {
	width: 850px;
	background: url(img/fondglobal.png) left top repeat-y;
	margin: 0 auto;
	text-align: left;
}

#global #menu {
	float: left;
	width: 180px;
	margin:0px 0px 0px 10px;	
	padding-top: 10px;
	line-height: 1.6em;
	/*border-color : #666;
	border :1px solid;*/
}

#global #menu ul {

	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font: normal 12px Georgia,Times New Roman, Times;
}
#global #menu li a{

	margin:1px 0px 0px 0px;	
	display: block;
	width: 180px;
	color: #000;
	background: #E2D6BF;
	/*margin: 2px;*/
	padding:2px 0 2px 5px;
	text-decoration: none;
}

#global #menu li a:hover, #global #menu li a:focus, #global #menu ul a:hover, #global #menu ul a:focus {
color: #fff;
padding: 2px 0 2px 5px;
background: #C94A0B;
display: block;
height: 100%;
border: 0 none;
text-decoration: none;
}	
/*	*/
	








#global #photo {
	float: left;
	margin:  10px 0 0 0;
	padding: 0 0 0 0 ;
	border-color : #000;
	border :1px solid;
	
}

#global #general 
{
	float: left;
	width: 615px;
	margin:  0 0 0 10px;
	padding: 0 0 0 10px ;
	
	
}



#global #presentation {
	float: left;
	width: 370px;
	margin: 10px 0 0 10px ;
	padding: 0 10px 0 10px;
	color: #300;
	font-weight:normal;
	text-align: right;
	line-height: 1.35em;
	
}

/*#global #presentation a img {
	margin-right: 10px;
}*/



#clearombre {
	width: 850px;
	height: 14px;
	background: url(img/tagada.png) left top no-repeat;
	margin: 0 auto;
	font-size: 1px;
	clear: both;
}

div#contenu {
	margin: 0 0 0 0;
	padding-top: 0 0 0 0;
	line-height: 1.5em;
	background: url(img/fondpresentation.jpg) right top no-repeat;
}
div#contenu p {
	margin-bottom: 1.3em;
	text-align: justify;
}


/* ------------------------------------ */
/*                                      */
/*            Footer                    */
/*                                      */
/* ------------------------------------ */

#footer {
	width: 850px;
	height: 33px;
	background: url(img/footer.png) left bottom no-repeat;
	color: #000;
	font-size: 0.8em;
	font-weight:bold;
	text-align: center;
	margin: 0 auto;
	margin-top: 0px;
}
#footer p {
	margin: 0 33px 0 40px;
}
#footer a {
	color: #636;
}

.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(img/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(img/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 8px 8px 0;
	background:url(img/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}
#v1 .wrap1 {background:url(img/shadow.gif) right bottom no-repeat;}
#v1 .wrap2 {background:url(img/corner_bl.gif) -4px 100% no-repeat;}
#v1 .wrap3 {
	padding:0 5px 5px 0;
	background:url(img/corner_tr.gif) 100% -3px no-repeat;}
#v2 .wrap1 {background:url(img/shadow.gif) right bottom no-repeat;}
#v2 .wrap2 {background:url(img/corner_bl.gif) -1px 100% no-repeat;}
#v2 .wrap3 {
	padding:0 6px 6px 0;
	background:url(img/corner_tr.gif) 100% -1px no-repeat;}
#v3 .wrap1 {background:url(img/shadow.gif) right bottom no-repeat;}
#v3 .wrap2 {background:url(img/corner_bl.gif) -12px 100% no-repeat;}
#v3 .wrap3 {
	padding:0 9px 9px 0;
	background:url(img/corner_tr.gif) 100% -12px no-repeat;}
#v4 .wrap1 {background:url(img/shadow.gif) right bottom no-repeat;}
#v4 .wrap2 {background:url(img/corner_bl.gif) -12px 100% no-repeat;}
#v4 .wrap3 {
	padding:0 16px 16px 0;
	background:url(img/corner_tr.gif) 100% -12px no-repeat;}
#v5 .wrap1 {background:url(img/shadow.gif) right bottom no-repeat;}
#v5 .wrap2 {background:url(img/corner_bl.gif) -12px 100% no-repeat;}
#v5 .wrap3 {
	padding:0 9px 9px 0;
	background:url(img/corner_tr.gif) 100% -12px no-repeat;}
#v6 .wrap1 {background:url(img/shadow.gif) right bottom no-repeat;}
#v6 .wrap2 {background:url(img/corner_bl.gif) -4px 100% no-repeat;}
#v6 .wrap3 {
	padding:0 16px 16px 0;
	background:url(img/corner_tr.gif) 100% -4px no-repeat;}
.example {clear:both;margin:20px 0;}
.example p{position:relative;left:30px;}
.example a {font-weight: normal !important;}

.select {  font-size: 10px; font-weight: bold; color: #333; background-color: #cf0}