body
{
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em verdana, "Comic", helvetica, sans-serif ;
	background: #a34f47;
}
#texte{
	position:relative;
	width:1px;
	height:1px;
	overflow:hidden;
}

#validator>a>img{
border:none;
}
#zoneCentrale {
    width: 65%;
    float:left;
    height: 500px;
    padding: 5px;
    margin: 5px;
}
.images {
  width:360px;
  height:110px;
  padding:15px;
  margin:15px;
  }
.detSite p{
padding:7px;
margin:7px;
width:50%;
float:left;
text-align:justify;
}
.detSite{
width:100%;
height:190px;
	border: 2px solid  #a34f47;
background-color:#dcd199;
background-image: url('../images/detSite.jpg');
padding:2px;
margin:2px;

}
/* = = = = = = = = = = = = = =
   PHOTOS DES SITES
   = = = = = = = = = = = = = = */
#real1{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/real1.jpg');background-repeat: no-repeat;width:200px;height:135px;float:right;}
#real2{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/real2.jpg');background-repeat: no-repeat;width:200px;height:135px;float:right;}
#real3{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/real3.jpg');background-repeat: no-repeat;width:200px;height:135px;float:right;}
#real4{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/real4.jpg');background-repeat: no-repeat;width:200px;height:135px;float:right;}
#real5{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/real5.jpg');background-repeat: no-repeat;width:200px;height:135px;float:right;}
#real6{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/real6.jpg');background-repeat: no-repeat;width:200px;height:135px;float:right;}
#real7{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/real7.jpg');background-repeat: no-repeat;width:200px;height:137px;float:right;}
#real9{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/real9.jpg');background-repeat: no-repeat;width:200px;height:126px;float:right;}
#real9a{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/real9a.jpg');background-repeat: no-repeat;width:200px;height:145px;float:right;}
#real9b{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/real9b.jpg');background-repeat: no-repeat;width:200px;height:143px;float:right;}
#real9c{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/real9c.jpg');background-repeat: no-repeat;width:200px;height:143px;float:right;}
#real9d{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/real9d.jpg');background-repeat: no-repeat;width:200px;height:143px;float:right;}
#real8{padding:1px;float:left;background-image: url('../images/real8.jpg');background-repeat: no-repeat;width:80px;height:80px;}
#real9e{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/real9e.jpg');background-repeat: no-repeat;width:200px;height:143px;float:right;}
#real9f{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/real9f.jpg');background-repeat: no-repeat;width:200px;height:143px;float:right;}
#sensuelle{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/sensuelle.jpg');background-repeat: no-repeat;width:200px;height:146px;float:right;}
#adec{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/adecTogo.jpg');background-repeat: no-repeat;width:200px;height:144px;float:right;}
#plaisirs{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/plaisirs_caches.jpg');background-repeat: no-repeat;width:200px;height:156px;float:right;}
#giletmir{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/giletmir.jpg');background-repeat: no-repeat;width:200px;height:161px;float:right;}
#delta{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/deltaoptique.jpg');background-repeat: no-repeat;width:200px;height:161px;float:right;}
#veranda{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/snmagrandpierre.jpg');background-repeat: no-repeat;width:200px;height:152px;float:right;}
#college{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/fcpeGonfreville.jpg');background-repeat: no-repeat;width:200px;height:149px;float:right;}
#rsb{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/reseau-sante-bessin.jpg');background-repeat: no-repeat;width:200px;height:155px;float:right;}
#LRSS{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/LRSS.jpg');background-repeat: no-repeat;width:200px;height:168px;float:right;}
#stevia{padding:10px;padding-right:10px;margin-top:10px;float:left;background-image: url('../images/la_stevia.jpg');background-repeat: no-repeat;width:200px;height:117px;float:right;}



/**************************MENU COULEUR A PLAT ***********************************/
#menuGauche {
margin-top:80px;
    float:left;
    width: 20%;
    height: 100%;
    font-size: 0.8em;
    /*font-weight : bold;*/
    line-height: 130%;

	
}
#menu{
margin-right:2px;
padding-right:2px;
margin-top:10px;
padding-top:10px;
margin-bottom:10px;
padding-bottom:10px;
	background: #a34f47;
/*background:#b86d00; /*ORANGER*/
}


#menuGauche ul{
	margin:0px;
	padding:0px;
	list-style-type: none ;
}

#menu dt {
cursor: pointer;
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
background: url("../images/menuDt.jpg") no-repeat;
border: 1px solid #a34f47;
/*background: #b88870;*/
}
#menu dd li{
	width:100%;
	font-size:0.8em;
	margin-top:5px;
	margin-bottom:5px;
	text-decoration: none;
	list-style-type: none ;

}
#menu li {
	text-align: center;
	background: #fff;
	text-decoration: none;
	font-weight: bold;
}
#menu li a, #menu dt a {
	color: #000;
	text-decoration: none;
	display: block;
	border: 0 none;
	margin:0px;
	font-size :1.2em;
}
#menu li a:hover, #menu dt a:hover {
	background: #a34f47;
/*background:#b86d00; /*ORANGER*/
	color:#ffffff;/*blanc*/
}
#menu li a:active, #menu dt a:active {
	background: #a34f47;
/*background:#b86d00; /*ORANGER*/
	color:#ffffff;/*blanc*/
}

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

#google{
margin:20px;
padding:20px;
}

div#conteneur
{
	width: 790px;
	margin: 0 auto ;
	text-align: left ;
	/*border: 3px solid #7c716d;*/
	background: #fff ;
}
#haut{
width:790px;
height:180px;
margin:0;padding:0;
	background:#fff;
}

#logo{
width:800px;
height:150px;
/*	border-bottom: 3px solid #7c716d;*/

}

/* Une bordure autour de l'ensemble de la page, et couleur blanche pour le fond de celle-ci */
h1#header
{
width:1px;
height:1px;
visibility:hidden;
/*	height: 172px ;*/
/*	margin: 0 ;*/
}
#titrePrint h1{
	visibility:hidden;	
	width:0px;
	height:0px;
}
h1#header a
{
	width: 496px ;
	height: 0px ;
	display: block ;
	/*background: url("../skin/tete.jpg") no-repeat 0px 0px ;*/
	position: relative ;
	left: 280px ;
	top: 0px ;
	text-indent: -5000px ;

}/* On donne les mêmes dimensions au lien, chose possible grâce à la propriété display: block ; qui transforme le lien en élément de type block, auquel on peut donner des propriétés de taille. On met aussi l'image de fond qui a les mêmes dimensions que le cadre ainsi créé */
/* Le text-indent négatif est fait pour pouvoir ne cacher le texte hors de la page, ce que nous voulons. Ainsi il reste exploitable pour les syntèses vocales */

div#contenu
{	width:75%;
	height:100%;
	padding: 5px ;
	background: url(bg_page.gif) no-repeat 15px 15px ;
	float:left;
}
/* On ajoute un petit élément décoratif sur le côté de la page et on crée un espace à gauche et à droite du contenu */


div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	/*background: url(little_apple.gif) no-repeat left bottom ;*/
	color: #a34f47 ;
	border-bottom: 1px solid #a34f47 ;
}

/* Mise en forme du titre de page, une petite image, on décale le texte en fonction de l'image, on donne un couleur au texte et on met une bordure basse */

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #9b2 ;
	border-left: 3px solid #9b2 ;
	color: #9b2 ;
}

/* De même que pour le titre h2, à ceci près qu'on ne donne pas d'image décorative cette fois ci */

div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

/* On rend les paragraphes plus propre, alignement justifié, alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */

div#contenu a
{
	color: #a34f47;
}

div#contenu a:hover
{
	color: #4000e9 ;
}
/* On met en forme les liens contenu dans la page */

p.footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #7c716d ;
}
.footer a:hover
{
	color: red ;
}
.footer a
{
	color: #a34f47;
}
/* Mise en forme de la partie pied de page, rien d'extra-ordinaire */

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}
/*une couleur de fond, une bordure, la taille de police et un léger espace entre le texte et les bords du pre */

* html pre
{
	width: 636px ;
}

pre span
{
	color: #560 ;
}

/* Couleur de texte des éléments compris dans des span eux mêmes compris da}

   /* = = = = = = = = = = = = = =
   Formulaires
   = = = = = = = = = = = = = = */
.texteContact { 
	float : left;
	width : 30%;
	text-align : right;
	font-size : 0.8em;
}
input, textarea { 
  	border: 1px solid #a34f47;
   	font-size: 1em;
	background-color: #ece9d8;
	font-family : Verdana, Arial, sans-serif;
 }

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

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


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


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

.submit { 
  	text-align: center;
}
.erreur {
	color:red;
	font-size:1.2em;
}
#accueil {
  	height:100%;
  	width:100%;
}
#accueil p{
  	padding:10px;
  	margin:auto;
}
.ok {
  	border:none;
  	height:28px;
  	width:36px;
  	background: url("../skin/ok2.gif") no-repeat 0 0;
}
.ok:hover {
  	background: url("../skin/ok2.gif") no-repeat 0 -25px;
}
.envoi {
  	border:none;
  	height:25px;
  	width:88px;
  	background: url("../skin/envoi3.gif") no-repeat 0 0;
}
.envoi:hover {
  	background: url("../skin/envoi3.gif") no-repeat 0 -25px;
}

.submit { 
  	text-align: center;
}

#accueil {
  	background: url("../skin/vesselsFond.png") no-repeat;
/*  background-color:#3366FF;*/
  	height:100%;
  	width:100%;
}
#accueil p{
  	padding:10px;
  	margin:auto;
}
.ok {
  	border:none;
  	height:28px;
  	width:36px;
  	background: url("../skin/ok2.gif") no-repeat 0 0;
}
.ok:hover {
  	background: url("../skin/ok2.gif") no-repeat 0 -25px;
}
.envoi {
  	border:none;
  	height:25px;
  	width:88px;
  	background: url("../skin/envoi3.gif") no-repeat 0 0;
}
.envoi:hover {
  	background: url("../skin/envoi3.gif") no-repeat 0 -25px;
}
/******** Affichage des miniatures *****************/
#pied{
clear: both;
background-color:#FFFFFF;
}
/******** Affichage des contacts *****************/
.contactFonction{
width:50%;
float:left;
display: block ;
}
.contactPersonne{
width:30%;
float:left;
display: block ;
}
.contact{
width:10%;
float:left;
display: block ;
}
.clearerContact { 
  clear: both;
  height: 5px;
}
#leHavre{
margin-top:40px;
text-align:center;
padding:2px;
}
#appel{
display:block;
}
#telephone{
width:70px;
height:32px;
background: url("../skin/telephone.jpg") no-repeat 0 0;
}
/******** Affichage des miniatures *****************/

#vignette{
	height:105px;
	width:100%;
	background-color:#5e89c1;
}

.vignettes {
/*display:inline;*/
	width:20%;
	height:90px;
	min-height:90px;
   	float:left;
	padding:2px;
	margin:2px;
}	

.photoMiniature {
/*	display:inline ;
  	border:#33CCCC;
padding:1px;
margin:1px;
	width:150px;
	height:200px;
	    cursor : pointer;
*/
	height:100%;
}

.pair{
	background-color:white;
   	color: #5e89c1 ;
	border: 2px solid black ;
	}

.impair{
	background-color:white;
   	color: #5e89c1 ;
	border: 2px solid black;
	}
	
.pair>img{
	width:96%;
	height:91%;
	margin:2px;
	padding:2px;
}	
.impair>img{
	width:96%;
	height:91%;
	margin:2px;
	padding:2px;
}	
.pair>a{
	width:100%;
	height:100%;
	background-color:#FFFFCC;
	text-align:center;
	color:#003366;
	border: 1px solid #5e89c1 ;
	margin:2px;
	margin-bottom:0px;
	padding:2px;
  	font-size: 0.8em;

}
.impair>a{
	width:100%;
	height:100%;
	background-color:#FFFFCC;
	text-align:center;
	color:#003366;
	border: 1px solid #5e89c1 ;
	margin:2px;
	margin-bottom:0px;
	padding:2px;
  	font-size: 0.8em;

}
/*.imgMiniature
{ 
   	background-color:#33CCFF;
	float: left;
	width:150px;
	height:100px;
	border: 1px solid red;
}
*/
/***************************************************/
.spacer { 
  clear: both;
  height: 0px;
}
.clearer { 
  clear: both;
  height: 0px;
}

/***************************************************/
/*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-color:#330066;    
    padding:2px;
    margin:2px;
	margin-top:50px;
}
/******** Affichage domaines *****************/

.texteSeul{
background-color:red;
text-align:center;
}