@charset "utf-8";

/* Import de la CSS d'initialisation
----------------------------------------------------------*/
@import url(structure.css);


/* Construction (Montage)
----------------------------------------------------------*/

body {
	color:#fff;
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	color:#fff;
	font-size: 1.3em;
	font-weight:bold;
	letter-spacing:2px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #9A9B95;
	margin-bottom: 1.5em;
}
h2 {
	color:#fff;
	font-size: 1.2em;
	margin-top: 1.5em;
}
h3 {
	color:#fff;
	font-size: 1.17em;
}
h4 {
	color:#fff;
	font-size: 1em;
}
h5 {
	color:#fff;
	font-size: 0.83em;
}
h6 {
	color:#fff;
	font-size: 0.67em;
}
p {
	color:#fff;
	font-size: 1em;
}
ul, ol {
	color:#fff;
	font-size: 1em;
}
li {
	color:#fff;
	font-size: 1em;
	list-style:outside;
	margin-left:1em;
}
a {
	color:#fff;
	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 { }
.prev /* liens Précédent */ {
	background-image: url(../images/prev.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 16px;
	color: #ffffff;
}
.prev:hover /* liens Précédent */ { color: #e44944; }
.next /* liens Suivant */ {
	background-image: url(../images/next.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 16px;
	color: #ffffff;
}
.next:hover /* liens Précédent */ { color: #e44944; }



/* É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; }
.alignmiddle { vertical-align:middle; }
.aligncenter {
	margin-left:auto;
	margin-right:auto;
}
.margL { margin-left: 7em; }
.margR { margin-right: 9em; }
.margT { margin-top: 3em; }
.projet {
	border: 1px outset #E63128;
	text-align:center;
	width:250px;
}

/* Des classes d'alignement du texte */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

.padL{padding-left:20px;}

/* 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;
}

/*------ Liste déroulante en CSS -> sous-rubriques */

#switcher {position:absolute; top:10px; right:95px; margin:0; width:200px; padding:0;}
#switcher h3 { font-size:0.8em; padding: 0.4em 0}
#switcher div.group {padding:1em 2em .5em; border-top:1px solid #28333F}
#switcher ul {padding:.2em 0}
#switcher ul ul {padding:0}
#switcher li {padding:.2em 0; margin-left:0.6em;}
#switcher em {font-style:normal}

.select {position:relative !important; right:5px; margin:0; width: 180px;}
.selectTitle {cursor:pointer; font-weight:normal; border:1px solid #9A9B95; color:#fff; background:url(../images/select.gif) no-repeat right 0; padding:.1em 2em .1em .5em; font-size: 0.8em; margin: 0;}
.selectTitle:hover {color:#E44944}

.selectBody {display:none; position:absolute; z-index:999; overflow-y: none; width:178px; padding:0 0 1em; margin: 0;background-color:#444444; border:solid #9A9B95; border-width:0 1px 1px; opacity:.9;}
.selectBody li {cursor:default; padding:0; font-size: 0.8em; list-style-type: none;}

.selectBody a, .selectBody a:link {display:block; padding:.4em .6em; color:#fff; text-decoration: none;}
.selectBody a:hover, .selectBody a:focus {background-color:#222222; text-decoration: none; color: #E44944;}


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


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

#coordonnees {
	padding:25px 0 0 0;
	text-align:center;
}
#coordonnees a img { border:none; }
.mentions {
	width:320px;
	float:left;
	list-style:none;
	list-style-position:outside
}


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

a.btn {
	display: block;
	margin-left: 2em;
	margin-bottom: 2.5em;
	width: 170px;
	height: 20px;
	border: 1px outset #E63128;
	padding: 8px;
	text-align:center;
	text-decoration:none;
	-moz-border-radius: 5px;
	background-color:#3F403A;
	letter-spacing: 2px;
}
a.btn:hover { background-color:#666; }
a.btn:active { color:#E63128; }
a.btn1 {
	display: block;
	margin-left: 1em;
	margin-bottom: 2.5em;
	width: 200px;
	height: 50px;
	border: 1px outset #E63128;
	padding: 8px;
	text-align:center;
	text-decoration:none;
	-moz-border-radius: 5px;
	background-color:#3F403A;
	letter-spacing: 2px;
}
a.btn1:hover { background-color:#666; }
a.btn1:active { color:#E63128; }


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

#formulaire {
	background: transparent;
	text-align:center;
	width:400px;
	padding:0;
	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:#fff;
	background-color:#252620;
	border: 1px solid #fff;
} /* 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:#fff; } /* couleur du lien dans capchat */
.divimagecaptchat { display:none; } /* carateristique de la div entourant l'image captchat */
#code {
	background-color:#252620;
	color:#fff;
	border: 1px solid #fff;
}
.transp, .inputtexte {
	background: #252620;
	border: 1px solid #fff;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
} /* pour rendre les input et textarea transparent avec une bordure */

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

.col5 {
	width:228px;
	float: left;
	text-align:left;
	padding:0 4px 0 4px;
}
.col4 {
	width:158px;
	float: left;
	text-align:left;
	padding:0 4px 0 4px;
}
.col2 {
	width:316px;
	float: left;
	text-align:left;
	padding:0 4px 0 4px;
	margin:0 4px 0 4px;
}
.col1 {
	width:632px;
	float: left;
	text-align:left;
	padding:0 4px 0 4px;
	margin:0 4px 0 4px;
}
.rouge { color: #CC99CC; }
.TitreRouge {
	background: transparent url('../images/degrade-rouge.png') no-repeat;
	color:#E4E4E2;
	font-weight:bold;
	padding: 5px 8px;
	margin-bottom: 2em;
	border-left: 3px solid #8F908A;
}
.Td1 { width:80px; }
.Td2a {
	width:130px;
	padding:8px;
	background-color:#400000;
	color:#FFFFFF;
}
.Td2b {
	width:280px;
	padding:8px;
	background-color:#400000;
	color:#FFFFFF;
}
.Td3a {
	width:130px;
	padding:8px;
	background-color:#600000;
	color:#FFFFFF;
}
.Td3b {
	width:280px;
	padding:8px;
	background-color:#600000;
	color:#FFFFFF;
}
.Contour {
	border:#CCCCCC solid 1px;
	margin:8px;
}


/** PLAN D'ACCES **/
.plan {
	width: 700px;
	height: 480px;
	border: 2px #f2dbbe solid;
}
#map .infosbulle {
	width: 210px;
	border: none;
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #E63128;
	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; }


/* PLAN DU SITE */

* {
	margin:0;
	padding:0;
	outline:none;
}
#menubas {
	padding: 10px 15px 10px 0;
	text-align:center;
	color:#555;
	font-size:10px;
}
#menubas a { color:#888; }
#coldusite {
	width:760px;
	margin:0 auto;
	clear:both;
	text-align:left;
	color:#C33948;
}
#coldusite p { line-height:8px; }
#col1, #col2 {
	width:44%;
	min-height:120px;
	_height:120px;
	float:left;
	padding:5px 0.1% 10px 2.5%;
	border-right:1px solid #333;
	list-style-position:outside;
	border-bottom: 1px dashed #333;
	border-right: 1px dashed #333;
}
#col2 {
	width:50%;
	border-right: none;
}
.tailleplan {
	font-size:0.9em;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
}

.margin-Left15 {margin:0 0 0 15px; }
.margin-Left30 {margin:0 0 0 30px; }
#grenelle-img {float:left; margin:0 1em 1em 0 }

/* Validator */

#validator a img { background-color:#252520; }
#validator a img { filter:alpha(opacity=50); opacity:.5; margin:10px 25px 0 0; /* aligne l'image W3C avec le logo du dessus */ }
#validator a:hover img { filter:alpha(opacity=100); opacity:1; }