body {
  background-color: #dea ;
  margin: 0 auto ;
	text-align: left ;
  color: #000000;
  text-decoration: none;
  font-size: 10px;
  font-family: arial, "sans-serif";
   }


rouge {
	font-weight: bold;
	color: #fb0000;
	}




a:link { 
	font-family: verdana, arial, "sans-serif";
	font-weight: bold; 
	text-decoration: none; 
	color: #000;
	}

a:active {
text-decoration: yes; 
}

a:visited { 
	font-family: verdana, arial, "sans-serif";
	font-weight: bold; 
	text-decoration: none; 
	color: #000;
	}

a:hover{
	text-decoration: none; 
  background-color: #ab4 ;
	}



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

#menu2 {
position: absolute;
top: 90px;
left: 180px;
margin: 0 auto ;
padding: 4px;
height: 14px;
z-index:100;
/*width: 750px; /* précision pour Opera */*/
}
#menu2 dl {
text-align: center;
float: left;
padding:0px;
width: 90px;
border: 0px solid ;

}
#menu2 dt {
cursor: pointer;
text-align: center;

}
#menu2 dd {
text-align: center;
display: none;
border: 0px solid ;
}
#menu2 li {
text-align: left;
border: 0px solid #ab4 ;
background: #fff;
/*width: 170px;*/
}


#menu2 a  {
text-align: center;
border: 0px solid #ab4 ;
/*background: #fff;*/
padding:0px;
font-weight: bold; 
}

#smenu1 a  {
font-weight: normal; 
padding: 2px;
}

#smenu2 a  {
font-weight: normal; 
padding: 2px;
}


#menu{
position:relative;
margin: 0 auto ;
border: 1px solid #ab4 ;
width: 770px;
height: 116px ;
background: #ffffff ;
background-image: url("imagessite/logo.jpg");
background-position: center;
background-repeat: no-repeat;
border-top:0px solid #ab4;
border-bottom:1px solid #ab4;
border-left:1px solid #ab4;
border-right:1px solid #ab4;
}


#ident{
position:relative;
width: 290px ;
margin: 0 auto ;
left:230px;
height: 10px;
top:-36px;
text-align: center ;
padding:2px;
text-align: center ;
border: 1px dashed #ab4 ;

}




#conteneurdepage {
position:relative;
top : 10px;
margin: 0 auto ;
width: 770px ;
height: 540px;
background: #ffffff ;
margin: 0 auto ;
text-align: left ;
border: 1px solid #ab4 ;

}


#footer {
position:relative;
top : 20px;
background: #ffffff ;
width: 770px ;
margin: 0 auto ;
text-align: center;
background-color: #fff;
border:1px dashed #c0c0c0;
}


#centredepage {
position:relative;
width: 500px;
left : 5px;
top: 8px;
border: 0px solid #ab4 ;
}


#planA {
position: absolute;
width: 250px ;
right: 8px;
top: 30px;
text-align: center ;
border:0px dashed #c0c0c0;
}

#planB {
position: absolute;
width: 250px ;
right: 8px;
top: 130px;
text-align: center ;
border:0px dashed #c0c0c0;
}



#iti {
position:relative;
margin: 0 auto ;
width: 650px;
top: 8px;
padding:10px;
border: 0px solid #ab4 ;
}

#mappy {
position:relative;
background: url(imagessite/iti.gif) ;
background-repeat: repeat;
margin: 0 auto ;
width: 650px;
top: 5px;
padding:5px;
text-align: center ;
border: 1px solid #ab4 ;
}


#introgauche {
position:absolute;
margin: 0 auto ;
text-align: left ;
width: 390px ;
bottom:20px;
left:30px;
font-size: 12px;
border:0px dashed #c0c0c0;
}


#introdroite {
position:absolute;
margin: 0 auto ;
text-align: center ;
width: 250px ;
height: 200px;
bottom:20px;
right:30px;
border:0px dashed #c0c0c0;
}




#login {
position: absolute ;
width: 150px ;
left:550px;
border: 1px dashed #ab4 ;
}






h1 {
position:relative;
width: 350px;
margin: 0 auto ;
padding: 1px;
text-align: center;
font-size: 22px;
font-weight: bold; 
padding:10px;
top: 10px;
border:1px dashed #c0c0c0;
}


h2 {
position:relative;
font-family: verdana, arial, "sans-serif";
font-size:15px;
font-weight: bold; 
margin: 0 auto ;
text-align: left ;
padding: 10px;
border:0px dashed #c0c0c0;
}



/* h4 est réservé aux messages d'erreurs */

h4 {
position:relative;
font-family: verdana, arial, "sans-serif";
font-size:14px;
font-weight: bold; 
color: #ff0000;
margin: 0 auto ;
text-align: center ;
padding: 10px;
border:0px dashed #c0c0c0;
}



/*#global {
position:relative;
width: 770px;
margin: 0 auto ;
text-align: left ;
left:10px;
top:20px;
padding:0px;
border:1px dashed #c0c0c0;
}
*/

/* Placement - de la partie gauche, souvent la photo sur les pages de présentation */

#col-gauche {
position:relative;
width: 350px;
margin: 0 auto ;
text-align: left ;
left:10px;
top:5px;
padding:4px;
border:0px dashed #c0c0c0;
}

/* Placement - de la partie droite, souvent le texte sur les pages de présentation */

#col-droite {
position:absolute;
width: 370px;
height:515px;
margin: 0 auto ;
text-align: left ;
right:15px;
top:5px;
padding:0px;
border:0px dashed #c0c0c0;
}

/* Placement - de la photo dans la partie gauche sur les pages de présentation */

#image-gauche {
position:absolute;
width: 320px;
height:515px;
text-align: center ;
left:15px;
top:5px;
padding:0px;
border:0px dashed #c0c0c0;
}


/* Placement - du lien vers les galleries de démo en bas des pages de présentation */

#liengallery {
position:relative;
width: 350px;
margin: 0 auto ;
text-align: center ;
right:0px;
bottom:0px;
padding:4px;
border:1px dashed #c0c0c0;
background-color: #fff ;
}

/* Placement - du lien vers la page suivante en bas des pages de présentation */

#next {
position:absolute;
margin: 0 auto ;
text-align: left ;
right:10px;
bottom:10px;
padding:6px;
border:1px dashed #c0c0c0;
background-color: #fff ;
}

/* Placement - du lien vers la page précédente en bas des pages de présentation */

#previous {
position:absolute;
margin: 0 auto ;
text-align: left ;
left:10px;
bottom:10px;
padding:6px;
border:1px dashed #c0c0c0;
background-color: #fff;
}


p{
position:relative;
margin: 0 auto ;
font-family: verdana, arial, "sans-serif";
font-weight: normal; 
text-align: justify ;
padding:14px;
}



/* Placement - des galeries */

div#galerie
{
	background: #fff ;
	/*background-image: url("imagesgallery/000.jpg");*/
	background-position: center;
	background-repeat: no-repeat;
	border: 0px solid #dcb ;
	padding: 4px ;
	margin: 4px 4px ;
	text-align: center ;
	
}

/* Placement - des vignettes de gauche */

ul#galerie_mini_01
{
	top: 5px;
	position:absolute;
	left : 3px;
	height:450px;
  width: 90px;
	margin: 0 ;
	padding: 0px ;
	text-align: center ;
	list-style-type: none ;
	border: 0px dashed #dcb ;
}


ul#galerie_mini_01 li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}


/* Placement - des vignettes de droite */


ul#galerie_mini_02
{
	top: 5px;
	position:absolute;
	right : 3px;
	height : 450px;
	width: 90px;
	margin: 0 ;
	padding: 1px ;
	list-style-type: none ;
	border: 0px dashed #dcb ;

}


ul#galerie_mini_02 li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}


dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

dl#photo dd
{
	margin: 0 ;
	font: 16px Arial;
}

dl#photo img
{
	border: 0px solid #dcb ;
}




/* Formulaires -------*/
fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0px;
}

input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 10px;
	border-width : 1px;
	border-color : #ccc;
	
}

input[type], textarea[name] {
	background: #ccc;
	/*width : 150px;*/
}

input[type=submit], input[type=reset] {
	background : #ccc;
	color : #000;
  width : 100px;
}

input[type=submit]:hover {
	background : #598F9A;
	color : #fff;
	width : 100px;
}

textarea {
	width : 100%;
}

p.field {
	margin : 0.2em 0 0 0;
}

p.field label {
	display : block;
	font-weight : bold;
	font-size : 10px;
	
}









/*** Mise en forme du formulaire ***/

#inscription {
	border: none;
	margin: 0;
	padding: 0;
	width: 30em;	/*** Largeur du formulaire ***/
}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: white;
	background: black;
	margin: 0;
	padding: .5em;
}
#piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid black;
	color: black;
	background: #efefef;
	margin: 0;
	padding: 1em;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 45%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}