/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(default.css);


/* Import de la CSS de layout
----------------------------------------------------------*/

@import url(layout/layout-1A.css);

/* Liste des layout disponibles :

@import url(layout/layout-1A.css);
@import url(layout/layout-1B.css);
@import url(layout/layout-1C.css);

@import url(layout/layout-2A.css);
@import url(layout/layout-2B.css);
@import url(layout/layout-2C.css);
@import url(layout/layout-2D.css);

@import url(layout/layout-3A.css);
@import url(layout/layout-3B.css);
@import url(layout/layout-3C.css);
@import url(layout/layout-3D.css);
@import url(layout/layout-3E.css);
@import url(layout/layout-3F.css);

*/


/* Construction (Montage)
----------------------------------------------------------*/
/*
- la largeur par défaut d'un élément est indiquée sous la forme  largeur='valeur'
- les largeurs peuvent êtrent relatives à l'élément qui les contient dans ce cas la largeur est notée : largeur='largeur de X'
- lorsqu'on définie une taille à un élément, il s'aligne automatiquement au centre
*/

body { background: url(../images/fond.jpg) repeat-x top; background-color: #0f0d0c; } /* modifier la couleur de fond*/

#page { width: 819px; }

#wrapper { padding:0;   background: url(../images/bg.jpg) repeat-y center;} 

#header { background:url(../images/head.jpg) no-repeat top; }  

#content { padding:0px 60px 10px 60px; background-image:url(../images/bgcontenu.jpg); background-repeat:no-repeat; background-position:top; text-align:justify; } 
#content * { color: #FFF; } /*  Contenu => modifier la couleur du text */
#content h1 { font-size:1em; } 
#content h2 { font-size:1.3em; } 
#content h3 { font-size:1.1em; }
#content a:hover { color:#FFF; text-decoration:none; } /*  Contenu => modifier la couleur du hover */

#main { }

#menu { display:none; }

#nav { } 

#extra { }

#footer { font-size: 0.8em; background-color: none; }  
#footer p, a:link, a:visited, ul, li { color: #FBF9EC; } /*  Bas de page => modifier la couleur du text */
#footer a:hover { color: #9A4D47; text-decoration:none; } /*  Bas de page => modifier la couleur du hover */


/* Éléments Particuliers
----------------------------------------------------------*/

/* Intégration */

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

/* Lien W3C */
.validator{ clear:both; float:right; padding-right:15px;}

/* Page d'intro */
.bodyIntro *{ color: #FBF9EC; } /*  Intro => modifier la couleur du text */
.bodyIntro {width:700px; margin:0 auto;}
.bodyIntro a:link, a:visited { color: #FBF9EC; } /*  Intro => modifier la couleur du text */
.bodyIntro a:hover{ color: #FBF9EC; text-decoration:none; } /*  Intro => modifier la couleur du hover */
.h1intro { padding-top:5px; font-size:12px; height:15px; } /* Pour placer l'animation d'intro en haut de page remplacez cette ligne par celle-ci : .h1intro { padding-top:5px; font-size:12px; height:15px; position:absolute; width:100%; text-align:center; top:450px; left:0; clear:both; } */

/* Formulaire de contact */
#frmEnvoi{ width:470px; }
#frmEnvoi textarea{ background-color:#480204;  border-width:thin; } /* formulaire => modifier la couleur des champs */
input .bouton{ background-color:#000000;  border-width:thin; }
.champ{ background-color:#480204;  border-width:thin; } /* formulaire => modifier la couleur des champs */
#code { background-color:#480204;  border-width:thin; } /* formulaire => modifier la couleur des champs */
#frmEnvoi .field{ text-align:right; margin-top:10px; }
/*-------google map--------*/
/* ============== Plan Aces ================ */
.plan {
	width: 600px;
	height: 480px;
	border:5px solid;
	border-color:#480204;
	margin: 0 auto;
}
#map .infosbulle {
	width: 215px;
	border: none;
	margin: 0;
	padding: 0;
	text-align:center;
}
#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;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}


/*--------my css---------*/
.banner{background-image:url(../images/photos/head.jpg); width:819px; height:203px;margin:0px;padding:0px;}
.p1{padding-top:30px;padding-bottom:20px;}
.h1{margin-top:0px; font-size:12px; font-weight:bold; padding-top:20px; line-height:18px;}
.h_content1 {min-height:900px;margin:0px;background-image:url(../images/bgcontenu.jpg); background-repeat:no-repeat; background-position:top; } 

.img1{margin-right:35px;margin-left:15px;}
.div1{text-align:center; margin-top:0px;padding-top:0px;}
.carte1{width:98%; float:left;height:20px;}
.carte2{float:right;text-align:right;}
.carte3{text-align:center; width:100%;}
.carte4{width:290px;float:left;}
.l1{font-size:11px; font-style:italic;line-height:20px;}
.carte5{width:98%;float:left; height:40px;}
.carte6{width:98%; float:left;height:32px;}
.clearvalidator{ clear:both; height:3px;}
.mytable {width:100%;border-collapse:collapse; line-height:25px;}
.mytable .nonebd{border-bottom:none;}
.mytable td { border-bottom:#9fd7d6 solid 1px; padding:0px; padding-top:5px;}
.right { text-align:right; width:55px; }
.mytable .tieude
{
	background-color:#239a21;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	vertical-align:middle;
	color:#fff;
	border-bottom:none;
}
.pad6{padding-left:200px;}
.pad12{padding-left:363px;}