/* -------- FIL ARIANE : PROPRIETE IMAGE ---------- 
	DIMENSIONS : 14px / 14px
	FORMAT : .gif
*/


/* -------- GOOGLE MAP : PROPRIETE IMAGE ---------- 
	LARGEUR : 429px
*/

*{line-height:18px;}

html{background: #586194 url(../img/construct/back-2.jpg) top repeat-x; color:#555555;}
body{background:url(../img/construct/back-1.jpg) top no-repeat;}

.no-back{background:none;}
#menu .no-back div ul{background:none;}
/* -------- CONTENU : ACCES RAPIDE ---------- */

h1 {color:#122746;}
h2 {color:#75B7DE;}
h3 {color:#122746;}
p {color:#555555;}
a:link, a:visited {color:#122746; text-decoration:none;}
a:hover {color: #4C0644}
hr {background-color:#ddd;}
.txt-logo{color:#fff;}


/* -------- BANNER : ACCES RAPIDE ---------- */

#banner {background:#122746;} /* Détermine la couleur de fond du bandeau principal */
#logo img{margin:20px 0 0 0; /*display:none*/} /* Permet de positionner le logo correctement */

/* -------- MENU : ACCES RAPIDE ---------- */

#menu ul li a, #menu ul .selected a {color:#FFF;} /* Couleur des liens du menu top */
#menu ul li a:hover{color: #61B639;} /* Couleur des liens du menu top AU SURVOL & SUR LA PAGE */
#menu ul .selected a {text-decoration:underline;}

/* -------- LANGUES : ACCES RAPIDE ---------- */

#langues a:link, #langues a:visited{color:#122746;}
#langues a:hover, #langues .selected a{color: #75B7DE;}

/* -------- AUTRES : ACCES RAPIDE ---------- */

#breadcrumbs a {color: #75B7DE;} /* Couleur des liens du fil d'arianne */
#breadcrumbs a:hover{color: #122746}
#component #haut {border-bottom:2px solid #ddd; height:10px;} /* Couleur de la ligne en bas de page */
#component #menu_footer {color:#aaa;} /* Couleur des séparateurs du menu de bas de page */
#component #menu_footer a{color:#aaa;} /* Couleur des liens du menu de bas de page */
#component #menu_footer a:hover{color:#333;} /* Couleur des liens du menu de bas de page au survol */

/* -------- PAGE DE CONTACT : ACCES RAPIDE ---------- */

#contact #split_left {border-right:1px solid #CCCCCC;} /* Couleur de la séparation verticale de page de contact */
#contact #split_right .submit input {background-color:#122746;} /* Couleur du bouton "Envoyer" */

/* -------- COPYRIGHT : ACCES RAPIDE ---------- */

#copyright {color: #fff;} /* Couleur du texte du copyright */
#copyright a{color: #ccc; text-decoration:none;} /* Couleur des liens du copyright */
#copyright a:hover{color: #fff;} /* Couleur des liens du copyright lors du survol */




/* ----------------------------------------------------------------- */ /* ----------------------------------------------------------------- */ /* ----------------------------------------------------------------- */
/* -------- CE QUI SUIT NE NECESSITE PAS DE MODIFICATIONS ---------- */ /* -------- CE QUI SUIT NE NECESSITE PAS DE MODIFICATIONS ---------- */ /* -------- CE QUI SUIT NE NECESSITE PAS DE MODIFICATIONS ---------- */
/* ----------------------------------------------------------------- */ /* ----------------------------------------------------------------- */ /* ----------------------------------------------------------------- */



/* -------- GLOBAL ---------- */

* {padding: 0; margin: 0; /*border:0;*/}

html{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	}

#global {
	width: 960px;
	margin: 0px auto 0px auto;
	padding: 10px 10px 10px 10px;
	background-color: #ffffff;
	text-align:justify;
	position:relative;
	}
	
a img{text-decoration:none;border:0px}

/* ------------------ HEADER -------------------- */

/* -------- BANNER ---------- */

#langues {
	text-align:right;
	padding:0 0 10px 0;
	margin: 0 10px 0 0;
	}

#langues a {
	font-weight:bold;
	text-decoration:none;
	}

#banner {
	margin: 0px -10px 0px -10px;
	padding:0;
	width:980px;
	height: 200px;
	position:relative;
	}

#ban01{margin: 0 0 0 5px;}

#logo {
	text-align:center;
	float: right;
	width:385px;
	height:200px;
	background: url(../img/construct/logo.jpg) top right;
	}

#logo img{
	border:none;
	}

.txt-logo{margin: 20px 0 0 0; text-align:center; font-size:18px; font-weight:bold; line-height:24px; /*text-shadow: 2px 2px 4px #000;*/}

#banner .banners {
	margin:4px 4px 0 0;
	float:left;
	width:192px;
	height:192px;
	}
	
/* -------- MENU ---------- */

#menu {
	text-align:center;
	margin:0 -10px 10px -10px;
	padding:0;
	width:980px;
	height:40px;
	background:url(../img/construct/back-3.jpg) top repeat-x;
	position:absolute;
	top:220px;
	}
	
#menu ul {
	padding:10px 0 0 0;
	}

#menu ul li {
	display:inline;
	height:20px;
	}

#menu .menu {
	padding:0 7px 0 7px;
	}

#menu ul li a {
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	}

/* -------- FIL ARIANNE & PARTAGE ---------- */

#fil_ariane {
	float:left;
	padding:3px 0 7px 30px;
	background:url(../img/construct/bg_breadcrumbs.gif) no-repeat 0 0; /* Dimension de l'image :14x14 /// Format : .gif */
	}

#breadcrumbs{
	width:720px;
	}

#breadcrumbs a {
	font-weight:bold;
	text-decoration:none;
	}
	
#breadcrumbs a:hover {}

#partage {
	float:right;
	}

#partage .shareIcons a {
	color:#75B7DE;
	text-decoration:none;
	}
	
#partage .shareIcons a:hover {
	color:#122746;
	}

#partage .shareIcons img {
	border:none;
	}

/* ------------------ FIN HEADER -------------------- */
/* ------------------------------------------------------------------------------------------------------ */
/* ------------------ DEBUT MIDDLE -------------------- */

#component{/*position:relative;
top:50px;*/ margin-top:50px;}

#component #contenu {
	margin:20px 0 0 0;
	}

/* ---------- BAS DE PAGE ---------- */

#component #haut {
	text-align:right;
	/*margin:25px 0 0 0;*/
	}

#component #haut img{
	border:none;
}

#component #menu_footer {
	width:100%;
	/*height:20px;*/
	text-align:center;
	padding:10px 0 5px 0;
}

#component #menu_footer ul li {
	display:inline;
	padding:0 5px 0 5px;
}

#component #menu_footer a{
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
}

#component #menu_footer a:hover{}

/* ------------------ FIN MIDDLE -------------------- */
/* ------------------------------------------------------------------------------------------------------ */
/* ------------------ DEBUT FOOTER -------------------- */

/* ---------- FOOTER ---------- */

#copyright {
	font-size: 11px; 
	text-align:center;
	margin: 15px 0 10px 0;
}

#copyright a:hover{text-decoration:none;}
	
/* ------------------ FIN FOOTER -------------------- */
/* ------------------------------------------------------------------------------------------------------ */

/* ---------- DIVERS ---------- */

.cleared, .clear, .clear_both {clear:both;height:1px; margin:0; padding:0; line-height:0;}

/*---------- ERREURS & MESSAGES ----------*/

#applicationMessage #errors {
	background-color:#FFEBE8;
	border:1px solid #DD3C10;
	color:#555555;
	clear:both;
	margin:0 0 20px 0;
	padding:0;
	}

#applicationMessage #errors ul {
	padding:0px;
	margin:0px;
	}

#applicationMessage #errors li {
	list-style:none;
	padding:5px 5px 5px 5px;
	margin:0 0 0 0;
	background:none;
	font-weight:bold;
	}

#applicationMessage #messages {
	background-color:#FFFFFF;
	border:1px solid #81B836;
	clear:both;
	color:#58AB37;
	margin:0 0 20px;
	padding:0;
	}
	
#applicationMessage #messages ul {
	padding:0px;
	margin:0px;
	}
	
#applicationMessage #messages li {
	list-style:none;
	padding:5px 5px 5px 5px;
	margin:0 0 0 0;
	background:none;
	font-weight:bold;
	}

/* ------------------------------------------------------------------------------------------------------ */
/* ------------------ PAGE CONTACT -------------------- */

#contact #split {
	width:100%;
	margin:20px 0 20px 0;
	}

/* LARGEUR DU GOOGLE MAP : 429PX */
#contact #split_left {
	float:left;
	width:429px; /* -51px à cause du padding et du border */
	text-align:center;
	padding:20px 30px 20px 20px;
	}
	
#contact #split_right {
	float:left;
	width:430px; /* -50px à cause du padding */
	text-align:left;
	padding:20px 20px 20px 30px !important;
	padding:20px 20px 20px 20px;
	}

#contact #split_right form {
	width:370px;
	margin:40px 30px 0 30px;
	}
	
#contact #split_right form .type_textarea td {
	padding:10px 0 0 0;
	}

#contact #split_right form textarea {
	width:368px;
	border:1px solid #ccc;
	margin:8px 0 0 0;
	}

#contact #split_right form input {
	width:175px;
	height:18px;
	border:1px solid #ccc;
	}

#contact #split_right form select {
	width:177px;
	height:20px;
	border:1px solid #ccc;
	}

#contact #split_right form .label {
	text-align:left;
	width:50%;
	height:30px;
	vertical-align:top;
	padding:4px 0 0 0;
	}

#contact #split_right form .input {
	text-align:right;
	width:50%;
	}

#contact #split_right .input img {
	margin:5px 0 0 0;
	border:1px solid #ccc;
	}
	
.the_info {font-size:10px;color:#aaa;}

.obligatoire {color:#f00;}

#contact #split_right .submit {text-align:center;}

.asterisque {
	float:left;
	width:100%;
	margin:20px 0 0 0;
	font-size:9px;
	color:#f00;
	}

#contact #split_right .submit input {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #CCCCCC;
	color:#122746;
	font-weight:bold;
	height:20px;
	margin:10px 0 0;
	padding:0 0 2px;
	text-align:center;
	width:100px;
	}
	
/* ------------------ GOOGLE MAP -------------------- */

.gmnoprint input {
	border:1px solid #cccccc;
	}
	
.gmnoprint #saddr {
	height:14px;
	margin:5px 0 0 0;
	padding:3px 3px 3px 3px;
	}

/* ///////////// */

#contenu .tablecarte{font-weight:bold;}
#contenu .tablecarte em{font-weight:500;}
#contenu .tablecarte td{padding:5px;}
#contenu .tablecarte .backcolor{background:#eee;}
#contenu .tablecarte tr{background:#fff;}
#contenu .tablecarte h2{margin:20px 0 5px 0;}
#contenu .tablecarte h3{margin:5px 0 5px 0;}
#contenu .tablecarte .tr1 td{border-bottom:1px dotted #aaa; border-right:0; margin-bottom: 0 0 10px 0;}
#contenu .tablecarte .tr1 + tr td{padding-top: 10px;}
#contenu .tablecarte .td1{/*border-bottom:1px solid #ccc;*/ width:360px;}
#contenu .tablecarte .td2{/*border-right:1px dotted #eee; */width:70px; text-align:center;}
#contenu .tablecarte .td3{/*border-right:1px dotted #eee; */width:70px; text-align:center;}
#contenu .tablecarte .td4{/*border-right:1px dotted #eee; */width:70px; text-align:center;}


.portes-interieures-sur-mesure{}

#box {
margin: 20px auto 0 auto;
width:920px !important;
width:960px;
}
#box div {
float:left;
height:185px;
margin:0 15px !important;
text-align:center;
width:150px;
}

#box {
font-weight:bold;
}

/*****************************************/

.tableau .noborder{border:0; background-color:#fff;}

.tableau{
	background-color:#fff;
	border:1px solid #ddd;
	padding:10px 10px 10px 10px;
	width:750px;
}
.tableau td{
	padding:10px 10px 10px 10px;
	border:1px dotted #ddd;
	background-color:#f5f5f5;
}
.intitule{ font-weight:bold;}

/* -------------------- BOUTON CONTACT - CONTENU ------------------------ */

#contenu p a.contactbtn:link, #contenu p a.contactbtn:visited {
	display:block;
	width:241px;
	height:33px;
	padding:12px 0 0 0;
	margin:20px auto 20px auto;
	font-weight:bold;
	color:#fff;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	background:url(../img/construct/bouton-contact.jpg) no-repeat 0 0;
	}
	
#contenu p a.contactbtn:hover {text-decoration:underline;}