body /*TOUTE LA PAGE*/
{
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
font: 80% verdana, arial, sans-serif;
/*	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;*/
	background-color:#567eaf;/*BLEU PLUS CLAIR*/	
	color : #FFFFFF;
/*	background: #999999;*/
}
#toutlehaut{ /*pour garder le menu visible tout le temps*/
	width:910px;
	width:100%;
	height:160px;
	background-image: url("../skin/tranche4.jpg");
	background-repeat: repeat-x;
	margin:0px;
	padding:0px;

position:fixed;
top:0px;
}
#contenu>h3{
font-style:italic;
}

/**************************BANNIERE HAUT ***********************************/
#haut{
	/*margin:0;padding:0;*/
/*	background: #999999;
	/*	border-bottom: 3px solid #7c716d;*/
/*	margin-bottom:0px;
	padding-bottom:0px;
*/
}
#hautGlobal{
	width:910px;
	height:160px;
	margin-right:auto;
	margin-left:auto;
}
#animation{
	width:850px;
	height:160px;
	float:left;
	margin:0px;
	padding:0px;
}
#hautDroit{
	background-image: url("../skin/fonds/ampoule.jpg");
	background-repeat: no-repeat;
	float:left;
}
#toutlemenu{
	position: absolute;
	top: 160px;
	left:0px;
	width: 100%;
	height:40px;
	margin : 0px;
	padding : 0px;
	z-index:100;
	background-image: url("../skin/pied.jpg");
	background-repeat:repeat-x;
}
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
/*list-style-type: none;*/
}
#menu {
	width: 850px;
	height:40px;
	margin-right: auto;
	margin-left:auto;
	z-index:100;
}
#menu dl {
	float: left;
	width: 12em;
	margin: 0 ;
}
#menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	background: url("../skin/pied.jpg")repeat-x;
height:20px;
}
#menu dd {
	width: 14em; /* Opéra */
	border: 1px solid gray;
}
#menu li {
	text-align: center;
	background: #fff;
	list-style-type: none;
}
#menu li a, #menu dt a {
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	color: #000;
}
#menu li a:hover, #menu dt a:hover {
	color:#FFFFFF;
	background:#cc0000;
}
#menu>dl>dt>a.blanc{color:white;
}
#menu>dl>dt>a.blanc:hover{color:white;
background-color:#cc0000;
}

a.noir{color:#000;}


/*********************fin du menu**************************/

/**************************MENU A DROITE ***********************************/
#menuDroit {
	background-color:#567eaf;/*BLEU PLUS CLAIR*/	
	width:20%;
	max-width: 200px;
	min-width: 180px;
	height:100%;
	float:left;
text-align:left;
}
#menuDroit h2{
color:#FFFFFF;
	text-align: center ;
font: 1.2em verdana, arial, sans-serif;
    font-weight : bold;
}
#menuDroit img{
margin-right:auto;
margin-left:auto;
width:100%;
border-color:#FFFFFF;
border-width:1px;
border-style:solid;
margin:2px;

}

/*********************fin du menu**************************/
#pied{  
	width:100%;
	height:40px;
	background: url("../skin/pied.jpg");
}
/**************************CORPS DE LA PAGE ***********************************/
#milieu
{
	background-color:#567eaf;/*BLEU PLUS CLAIR*/	
	width:100%;
	height:100%;
	margin:0;
	padding:0;
/*border-color:#FFFFFF;
border-right-width:10px;
border-left-width:10px;
border-style:solid;
border-top:none;
border-bottom:none;
*/
}
/**************************LA PARTIE A GAUCHE DANS LA PAGE ***********************************/
#centre{
	margin-top: 200px;
	margin-right: auto;
	margin-left: auto;
	width:80%;
	max-width: 1000px;
	min-width: 800px;
	height:100%;
	min-height:480px;
	background-color:#567eaf;/*BLEU PLUS CLAIR*/	
}
#contenu{
	background-color:#567eaf;/*BLEU PLUS CLAIR*/	
	width:70%;
	max-width: 900px;
	min-width: 550px;
	height:100%;
	float:left;	
	padding:2px;
	margin:2px;

}
#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
	margin-top : 20px;
	margin-bottom : 20px;
	margin-right: 20px;
	margin-left: 20px;

}
#contenu ul{
	text-align:left;
	margin-left:25px;
	padding-left:25px;
	list-style-type:square;
	line-height: 1.7em ;
}
#contenu img{
margin-top: 3px;
border-color:#FFFFFF;
}
.logo {
margin-top : 30px;
}
   /* = = = = = = = = = = = = = =
   Formulaires
   = = = = = = = = = = = = = = */

input, textarea { 
  	border: 1px solid #4e4641;
  	padding: 1px;
  	font-size: 1.2em;
	background-color: #ece9d8;
 }

input[type="hidden"] { 
  	border: none;
  	padding: 0px;
 }

form div { 
	clear: both;
  	padding: 1px;
}

form div >span { 
  	float: left;
  	width: 30%;
  	text-align: right;
  	font-size: 1em;
}

form div span+span { 
  	float: left;
  	width: 65%;
  	text-align: left;
  	padding-left: 2px;
}


input[type="text"], textarea { 
  	width: 60%;
}

.submit { 
  	text-align: center;
}
.erreur {
	color:#cc0000;
	font-size:1.2em;
}
/***************************************************/
.spacer { 
	clear: both;
	height: 0px;
}
.clearer { 
	clear: both;
	height: 1px;
  	background-color:#567eaf;/*BLEU PLUS CLAIR*/	

}

/***************************************************/
/*OK POUR FIREFOX*/
#zoom {
    position : absolute;
    top : 240px;
    left : 200px;
    width : 670px;
    height : 630px;
    min-height : 630px;
    font-size : 20px;
    font-weight : bold;
    text-align : center;
    margin : 0px 0px 0px 0px;
    visibility : hidden;
    color : #dc0000;/*rouge*/
    /*background-image : url('../skin/fondApercu.jpg');
    background-repeat : no-repeat;*/
	background-color:#FFFFFF;

}
#zoom>img {
    cursor : pointer;
    width : 70% !important;
border: 5px solid #4e4641;
    padding:2px;
    margin:2px;
	margin-top:50px;
}
a:hover{
	background: #567eaf; /*rouge*/
	color:#ffffff;/*blanc*/
}
a:active{
	background: #567eaf; /*rouge*/
	color:#ffffff;/*blanc*/
}
#contenu a{
color:#FFFFFF;
}
   /* = = = = = = = = = = = = = =
   PLAN
   = = = = = = = = = = = = = = */
#plan>small>a{
	color:white;
	font-size:1.2em;
        background-color:white;
}