@charset "utf-8";



/* Import de la CSS d'initialisation

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



@import url(structure.css);



/* Construction (Montage)

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



body { color:#000; font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; }



h1 { /*color:#000;*/ font-size: 12px; font-weight:bold; padding-bottom:15px;}



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



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



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



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



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



p { color:#000; font-size: 1em; }



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



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



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



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



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



input { }



textarea { }



em { }



strong { }



/* É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 { font-weight: bold; }



.italic { font-style: italic; }



.strike { 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; }



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



#marge { width:100px; height:220px; float:left; }



#coordonnees { padding:25px 0 0 0; text-align:center; }



#coordonnees a img { border:none; }



/*-------------------------formulaire------------------------*/



	#formulaire { background: transparent; text-align:center; width:400px; padding:0px 0 0 50px; float:left; } /* carateristique du formulaire */



#formulaire * { margin:0 0 2px 0; padding:0; } /* caracteristique de toutes les balises qui se trouvent dans le formulaire */



.labelform { width: 203px; float: left; text-align: right; margin: 0 5px 0 0; } /* carateristique des label, width minimum 203px; */



.pform { padding: 3px 0px 10px 0px; text-align:left; clear:both; } /* carateristique des p */



.inputform { width:195px; height:13px; float:left; margin: 0 5px 0 2px; } /* carateristique des input */



.textareaform { width:398px; height:100px; overflow: auto; background-color:transparent; } /* carateristique du textarea */



.selectform { height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#000; background-color:#F6F6F6; border: 1px solid #000; } /* carateristique des select */



.labelmessage { width:95px; } /* carateristique du label contenant "Votre message" */



#labelenvoyer { width:125px; } /* carateristique du label avant l'input envoyer, sert a centrer le bouton envoyer */



.inputenvoyer { width:150px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; } /* carateristique de l'input "envoyer mon 			message" */



.divtexte { margin: 5px 0 0 0; text-align:center; clear: both } /* carateristique de la div contenant le texte du captchat*/



#formulaire div { margin: 5px auto; } /* centrer dans le formulaire des div */



#formulaire div a { color:#000; } /* couleur du lien dans capchat */



.divimagecaptchat { display:none; } /* carateristique de la div entourant l'image captchat */



#code { background-color:#F6F6F6; color:#000; border: 1px solid #000; }



.transp, .inputtexte { background: #F6F6F6; border: 1px solid #000; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#000; } /* pour rendre les input et textarea transparent avec une bordure */



/*-------------------------fin formulaire------------------------*/

.plan {

	width: 520px;

	height: 480px;

	border:1px solid #000000;

	margin-top:20px;

}

#map .infosbulle {

	width: 210px;

	border: none;

	margin: 0;

	padding: 0;

}

#map .infosbulle p {

	display: block;

	margin: 0;

	padding: 0;

	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:10px;

}

.plan-printer img, 

.plan-printer a {

	border: none;

}

.strong-center{

	text-align:-moz-center;

	!text-align:center;	

}

#gallery {

		background-color: transparent;

	}

.imgMarginRight{

	margin-right:20px;

}

.img125{

	float:left;

	width:125px;

	height:auto;

	text-align:center;

}

.column{

	float:left;

	width:240px;

	margin:0 10px;

	text-align:center;

}

.columnRight{

	float:left;

	width:300px;

	margin:0 10px 0px 20px;

	text-align:center;	
	

}

fieldset{

	border:1px solid #000000;

	padding:10px;

}

.height1{

	height:260px;

}

.heightPlandusite{

	height:33px;

}

/* produits */
.extentionclip{ float:right; border:1px #000 solid; margin:0 0 0 20px;}



.encadre { border:1px solid black; padding:5px; width:584px; }

.comp { margin-left:20px; }





/*	Mentions légales
----------------------------------------------------------*/


#infoclient li, #hebergeur li { list-style-type:none; }
#infoclient { float:left; padding:0 0 1em 0.5em; width:325px; }
#hebergeur { float:right; }
#credits { padding:0 0 2.5em 0.5em; /*position:relative; top:-1.4em;*/ }
#credits li { display:inline; }