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

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

/* -------- ATTENTION : RAJOUTS ---------- */

#cat_services .cc_content {
	float:left;
	}

#cat_services .cc_content img {
	border:none;
	margin:5px 7px 5px 7px;
	}



html{background-color: #003D54;}

/* -------- CONTENU : ACCES RAPIDE ---------- */

#contenu h1 {color:#003d54;}
#contenu h2 {color:#0075a1;}
#contenu h3 {color:#003d54;}
#contenu p {color:#574844;}
a:link, a:visited {color:#009ad4;}
a:hover {color: #003d54;}
hr {	background-color:#ddd;}

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

#banner {background:url(../img/construct/bg_banner.jpg) #332D2F;} /* Détermine la couleur de fond du bandeau principal */
#logo img{margin:20px 0 0 0;} /* Permet de positionner le logo correctement */

#langues a {color:;}
#langues a:hover {color:;}

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

#menu ul li a {color:#1c191d;} /* Couleur des liens du menu top */
#menu ul li a:hover, #menu ul .selected a {color: #009ad4;} /* Couleur des liens du menu top AU SURVOL & SUR LA PAGE */

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

#breadcrumbs a {color: #009ad4;} /* Couleur des liens du fil d'arianne */
#component #haut {border-bottom:2px solid #009ad4;} /* Couleur de la ligne en bas de page */
#component #menu_footer {color:#1c191d;} /* Couleur des séparateurs du menu de bas de page */
#component #menu_footer a{color:#1c191d;} /* Couleur des liens du menu de bas de page */

#popUpContent .close {color:#003d54;} /* Liens 'fermer' de la popup */

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

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

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

#copyright {color: #ccc;} /* Couleur du texte du copyright */
#copyright a{color: #ccc;} /* Couleur des liens du copyright */




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


/* -------- CONTENT ---------- */

#contenu h1 {
	font-size:16px;
	margin:15px 0;
	}

#contenu h2 {
	font-size:13px;
	margin:0 0 3px 20px !important;
	margin:0 0 3px 0;
	}

#contenu h2 + p {
	margin:0 0 25px 20px;
	line-height:16px;
	}

#contenu h3 {
	font-size:12px;
	font-weight:bold;
	margin:25px 0 5px;
	}

#contenu p {
	margin:0 0 15px 0;
	line-height:16px;
	}

#contenu ul, #contenu ol {
	margin:0 0 30px 0;
	list-style:none;
	}

#contenu li {
	margin:12px;
	padding:0 0 0 20px;
	background:url(../img/construct/bg_menu.gif) no-repeat 0 7px;
	}

#contenu a:link, #contenu a:visited {
	text-decoration:none;
	}

hr {
	height:1px;
	clear:both;
	}
	
/* -------- 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;
	}

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

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

#langues {
	width:100%;
	text-align:right;
	padding:0 0 4px 0;
	}

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

#banner {
	width: 960px;
	height: 200px;
	margin: 0px auto 0px auto;
	}

#logo {
	text-align:center;
	float: left;
	width:372px;
	height:200px;
	}

#logo img{
	border:none;
	}

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

#menu {
	text-align:center;
	margin:10px 0 0 0;
	width:960px;
	height:20px;
	}
	
#menu ul {
	background:url(../img/construct/bg_menu.gif) repeat-x 0 7px;
	}

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

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

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

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

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

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

#partage {
	float:right;
	margin:10px 0 0 0;
	}

#partage .shareIcons a {
	color:#8e8d8d;
	text-decoration:none;
	}

#partage .shareIcons a:hover {
	text-decoration:underline;
	}

#partage .shareIcons img {
	border:none;
	}

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

#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{
	text-decoration:underline;
}

/* ------------------ 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:0px;font-size:0px;overflow:hidden;}

/* ---------- POP UP ---------- */

.popup
{
	position: absolute;
	left: 300px;
	z-index: 1000;
	text-align: justify;
	border-collapse: collapse;
	display: none;
	color: #333;
}

.popup .top .left      { height: 10px; width:10px; background: bottom right url(../img/popup_top_left.png) no-repeat; }
.popup .top .center { height: 10px; background: bottom url(../img/popup_line.png) repeat-x; }
.popup .top .right   { height: 10px; width:10px; background: bottom left url(../img/popup_top_right.png) no-repeat; }

.popup .middle .left { width: 10px; background: right url(../img/popup_line.png) repeat-y; }
.popup .middle .center { background: white; }
.popup .middle .center .popupTitle { background-color: #397eae; padding: 4px; color: #eee; margin: 0 0 10px 0; font-size: 12px; }
.popup .middle .center .popupError { background-color: #d25656; padding: 4px; color: #eee; margin: 0 0 10px 0; font-size: 12px; }
.popup .middle .center .popupBottom { text-align: right; border-top: 1px solid #ccc; background-color: #eee; padding: 4px 5px 4px 5px; margin: 10px 0 0 0; }
.popup .middle .center { padding: 3px; }
.popup .middle .right { width: 10px; background: left url(../img/popup_line.png) repeat-y; }

.popup .bottom .left      { height: 10px; width:10px; background: top right url(../img/popup_bottom_left.png) no-repeat; }
.popup .bottom .center { height: 10px; background: top url(../img/popup_line.png) repeat-x; }
.popup .bottom .right   { height: 10px; width:10px; background: top left url(../img/popup_bottom_right.png) no-repeat; }

#popUpOverlay 
{
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
}

#popUpContent {padding:15px 15px 15px 15px;}

#popUpContent .close:hover {text-decoration:none;}

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

#applicationMessage #errors {
	background-color:#d62822;
	color:#fff;
	}

#applicationMessage #errors li {
	list-style:none;
	padding:5px 0 5px 40px;
	margin:0 0 0 0;
	background:none;
	font-weight:bold;
	background:url(../img/construct/error.png) no-repeat;
	}

#applicationMessage #messages {
	background-color:#008930;
	color:#fff;
	}

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

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

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

#contact #split h3 {
	margin:0 0 5px 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 {
	height:20px;
	width:100px;
	text-align:center;
	margin:10px 0 0 0;
	padding:0 0 2px 0;
	color:#fff;
	}

/* ------------------ GOOGLE MAP -------------------- */

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