/* Import de la CSS d'initialisation

----------------------------------------------------------*/



@import url(structure.css);



/* Construction (Montage)

----------------------------------------------------------*/



body { color:#320209; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }



h1 { color:#320209; font-weight:bold; }

h2 { color:#320209; font-size: 1.3em; }

h3 { color:#320209; font-size: 1.17em; }

h4 { color:#320209; font-size: 1em; }

h5 { color:#320209; font-size: 0.83em; }

h6 { color:#320209; font-size: 0.67em; }

p { color:#320209; }

ul, ol { color:#320209; font-size: 1em; }

li {  color:#320209; font-size: 1em; }

a { color:#320209; text-decoration:underline; }

a:hover { text-decoration:none; color:#320209; } /* si changement de couleur au survol */

a:visited { } /* si changement de couleur après le clic */

input { border-width:thin; padding:3px; color:#320209; }

textarea { border-width:thin; padding:3px; color:#320209; }

em { }

strong { }

.strong-center{

	text-align:-moz-center;

	!text-align:center;

}



#yzeo p { color:#ffffff; font-size: 10px; }

#yzeo a { color:#ffffff; text-decoration:underline; }

#yzeo a:hover { text-decoration:none; color:#ffffff; } /* si changement de couleur au survol */

#yzeo a:visited { } /* si changement de couleur après le clic */



#index h1 { color:#ffffff;  font-size: 1.1em; font-weight:bold;}

#index p { color:#ffffff; }

#index a { color:#ffffff; text-decoration:underline; }

#index a:hover { text-decoration:none; color:#ffffff; } /* si changement de couleur au survol */

#index a:visited { } /* si changement de couleur après le clic */





/* Éléments Particuliers

----------------------------------------------------------*/



/* Placement d'images */

.imgLeft{ float:left; margin-right:1em; }

.imgRight{ float:right; margin-left:1em; }



/* Des classes d'alignement d'objets */

.aligntop { vertical-align:top; }

.alignbottom { vertical-align:bottom; }

.aligncenter { margin-left:auto; margin-right:auto; }



/* Des classes d'alignement du texte */

.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

.justify { text-align: justify; }



/* Des classes de formatage du texte en ligne */

.bold, .gras { font-weight: bold; }

.italic, .italique { font-style: italic; }

.strike, .barre { text-decoration: line-through; }



/* Des classes flotante */

.floatleft { float: left; }

.floatright { float: right; }



/* Les "nettoyeurs" */

.clearb { clear: both; }

.clearer { clear: both; width: 0; height: 0; line-height: 0; }



/* Formulaire de contact horizontal */

#frmEnvoi{ width:680px; }

.divformulaire{ width:450px; float:left; padding-right:10px;}

#divmessage{ width:220px; float:left; padding-top:40px;}

#frmEnvoi input, textarea{ background-color:transparent; padding:5px; border:#320209 solid 1px; }

#frmEnvoi .INPUT2{ border:none;}

#frmEnvoi .field{ text-align:right; padding-top:10px; }

#frmEnvoi .champ { height:15px; width:200px; }

#frmEnvoi textarea{ height:140px; width:200px; }



/* Accueil */

.habill{ float:left; padding:30px 15px 25px 0;}



/*css : plan du site*/

#page-plan-du-site{ width:740px; margin:0 auto;}

#head-plan-du-site{
	height:200px;
	margin:0 auto;
	background:url(../images/plan-du-site/header-plan-site.jpg) no-repeat;

}

#body-plan-du-site{

	background:url(../images/plan-du-site/body-plan.jpg) no-repeat;

}

#content-plan-du-site{

	padding:25px 70px 20px 90px;

	text-align:justify;

}

#foot-plan-du-site{

background:url(../images/plan-du-site/footer-plan.jpg) no-repeat;

height:40px;

}

#yzeo-plan-du-site{ font-size:10px;}

#yzeo-plan-du-site.img{ vertical-align:middle; }

/*#plan du site*/

/*module*/

/* ------------------*/

/*googlemaps*/

.plan {

	width: 640px;

	height: 480px;

	border: 6px solid #db659f;

	margin-left:auto; margin-right:auto;

	

}

#map .infosbulle {

	width: 210px;

	border: none;

	margin: 0;

	padding: 0;

}

#map .infosbulle p {

	display: block;

	margin: 0;

	padding: 0px 200px 10px 50px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-style: normal;

}

.plan-titre {

	font-size: 14px;

	color: #5F0666;

	font-weight: bold;

	margin-bottom: 1em;

}

.plan-adresse {

	font-size: 12px;

	color: #333;

}

.plan-printer {

	display:block;

	text-align: right;

	padding-bottom:5px;

}

.plan-printer img, 

.plan-printer a {

	border: none;

}

/*end googlemaps*/

.newcontenu-qui{

	width:670px;

	margin:0 auto;

	text-align:justify;

}

.newcontenu-apres{

	padding:5px 20px 5px 20px;


}

.hotesse-left-top{

	width:280px;

	float:left;

}

.hotesse-right-top{

	width:360px;

	float:left;

}

.hotesse-left-bottom{

	width:280px;

	float:left;

}

.hotesse-right-bottom{

	width:360px;

	float:left;

}

.div-space{

	width:20px;

	float:left;

}

.fieldset{

	padding-left:5px;

	padding-right:5px;

	border: 1px #f878a9 solid;

}

.height{

	height:30px;

	#height:35px;

}

.height2{

	height:10px;

	#height:15px;

}

.height1{

	height:52px;

	#height:48px;

}

.icon{

	vertical-align:middle;

	padding-right:5px;

}

.space{

	padding-right:20px;

}

.fix-add{

	width:740px;

	margin:0 auto;

}

.fix-flash{

	width:740px;

	margin:0 auto;

}

.new-conten-accueil{

	height:250px;

}

.font-color{

	font-size:10px;

	color:#FFFFFF;

}

.newcontenu-offres{

	height:400px;

}

.gallery {}
.gallery img{ vertical-align:middle; border: 3px solid #320209;}

.img1{margin-right:3px;}

.img2{margin-left:4px;}

.img3{margin-left:5px;}

.tab1{width:306px;}
.tab2{width:305px;}


#hebergeur { float:right; width:300px;}
#infoclient { float:left;width:300px; }

.midd{vertical-align:middle;}