@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li 
{ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

/* corps */
body { font-family: Arial, Trebuchet, sans-serif; background: #a3adb2; margin: 0; font-size: 100%; height: 100%; }

/* page réalisations */
body.realisations { background: #a3adb2; }

/* div {border: 1px solid blue; }  */

/* éléments */
img { border: 0; }
abbr { border-bottom: 1px dotted #000000; cursor: help; }
.clear { clear: both; visibility: hidden; }

h1 { color: #5d6971; font-weight: bold; font-size: 160%; border-bottom: 1px solid #5d6971; 
	padding-bottom: 10px; padding-top: 19px; width: 410px; margin-bottom: 20px; }
/* 2ème couleur titres */
h1 .gris { color: #a3adb2; }
h2 { color: #5d6971; font-weight: bold; font-size: 110%; margin: 10px}

a { color: #ff0214; }
a:hover { color: #cc6600; }

/* lettre A rouge */
.a { color: #ff0214; }

/* contour central */
#conteneur { width: 950px; margin: auto; background: #FFF; border: 1px solid #1A171B; }


/* zone entete */
#headerligne { width: 950px; height: 5px; background: #1a171b; }
#headerlogo { width: 257px; height: 236px; float: left; }
body.realisations #headerlogo { width: 257px; height: 146px; float: left; }

/* contour diaporama */
#headerdiapo{ width: 693px; height: 236px; float: right; }
#headerplan { width: 693px; height: 146px; float: right; }

#separateurhaut { clear: both; width: 950px; height: 8px; }

/* colonnes */
#colgauche { float: left; width: 257px; background: #FFF url(/img/fond-menu.png) no-repeat; min-height: 354px; height: 354px; }
body.realisations #colgauche { float: left; width: 257px; background: #FFF url(/img/fond-menu-real.png) no-repeat; min-height: 442px; }

/* menu gauche */
#menu ul { list-style: none; text-align: right; padding-right: 20px; margin-top: 30px; }
#menu li { padding-right: 20px; padding-left: 55px; line-height: 22px; }
#menu li.space { padding-bottom: 30px; }
#menu li a { color: #1a171b; text-decoration: none; }
#menu li a:hover { display: block; background: #a3adb2; color: #FFF; width: 100%; margin-right: -17px; padding-right: 17px; }

#menu ul.rubriques { list-style: none; text-align: right; font-size: 90%; margin: 0; padding-right: 0; }
#menu ul.rubriques li { padding-right: 0; line-height: 18px; padding-left: 0px;}
#menu ul.rubriques a { color: #e85412; text-decoration: none; }
#menu ul.rubriques a:hover { background: transparent; color: #ff0214; margin-right: -17px; padding-right: 17px; }
#menu ul.rubriques li.selected a { color: #ff0214; font-weight: bold;}

/* contenu */
#contenu { overflow: hidden; text-align: justify; margin-left: 257px; width: 649px; height: 1% /*bug hasLayout IE */; padding-right: 40px; }
#contenu p, #contenu div { color: #707173; font-size: 90%; }
#contenu blockquote { border-left: 1px solid #e85412; padding-left: 5px; font-size: 90%; margin: 10px 40px; color: #707173; }
#contenu .orange { color: #e85412; }

/* encadré actualités */
#contenu #cadreactu { float: right; color: #707173; width: 241px; width: 221px !important; margin-left: 20px; text-align: justify; margin-bottom: 50px; margin-right: -44px !important; margin-right: -20px}
#contenu #cadreactu div { padding: 5px; text-align: left; margin-top: 0; font-size: 95%; }
#contenu #cadreactu a { text-decoration: none; color: #ff0214; }

/* présentation agence */
#contenu .trombi { text-align: left; width: 40%; float: left; font-size: 70%; }
#contenu .trombi img { width: 100px; border: 1px solid #ccc; float: left; margin-right: 10px; margin-bottom: 10px }

/* réalisations */
#contenu .rubrique { display: block; color: #E7502B; background: #FFF; width: 300px; height: 40px; line-height: 40px; text-align: left; border: 1px solid #FFF; padding-left: 20px }
#contenu .rubrique:hover { cursor: pointer; border: 1px solid #A3ADB2; }
#contenu a span.rubrique { text-decoration: none; } 

/* liste projets rubrique */
#contenu .liste_projets { overflow: auto; margin-bottom: 20px; width: 160px; height: 160px; float: left; margin-right: 10px; text-align: center; }
#contenu .liste_projets a { font-size: 70%; color: #707173; text-decoration: none; }
#contenu .liste_projets a:hover { color: #ff0214; }
#contenu .liste_projets img { width: 120px; height: 90px; border: 1px solid #EFEDEA; }

/* lignes de formulaire */
#contenu #projet { font-size: 100%; }
#contenu #projet .entete { float: left; width: 120px; border-bottom: 1px solid #CCC; color: #a3ADB2; margin-left: 10px; line-height: 20px; }
#contenu #projet .ligne { float: left; width: 400px; border-bottom: 1px solid #CCC; line-height: 20px; padding: 0 20px; margin-left: 0; }
#contenu #projet #programme { width: 560px; margin-left: 10px; clear: both; padding-top: 10px;}

#coord { clear: both; width: 237px; text-align: center; color: #707173; font-size: 80%; padding-left: 10px; }

/* mentions légales */
#mentions { width: 237px; }
#mentions ul { text-align: center; font-size: 70%; list-style: none; width: 209px; margin-left: 24px; background: #a3adb2; line-height: 20px; }
#mentions li a { font-weight: bold; color: #fff; text-decoration: none; }

/* copyright bas */
#copyright { clear: both; color: #FFF; font-size: 70%; width: 950px; text-align: center; margin: auto; }
#copyright a { color: #FFF; text-decoration: none; }
#copyright a:hover { color: #A3ADB2; text-decoration: none; }

/* lignes de formulaire */
#contenu .entete { width: 150px; color: #111; float: left;}
#contenu .ligne { border-bottom: 1px solid #CCC; padding: 3px; margin-left: 30px; width: 400px; }

/* boutons et forms */
input { font-family: Arial, sans-serif; }
.form { font-size: 100%; background: #FFF url(icones/input_bg.png) left top repeat-x; border: 1px solid #bbb; }
.formc { font-size: 100%; background: #FFF url(icones/input_bg.png) left top repeat-x; border: 1px solid #bbb; text-align: center; }
.radio { background: 0; border: 0; }

.form_petit { font-size: 90%; }
.bouton	{ color: #FFF; font-size: 100%; background-color: #a3adb2; }

input, button, select { vertical-align: middle; }

/* backoffice */
#admin { font-family: Arial, sans-serif; font-size: 70%; background: #FFF; margin-top: 10px; }
#admin .bouton	{ font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 95%; background: #E85412; }
#admin a { color: #e85412; text-decoration: none }
#admin a:hover { color: #ff0214; text-decoration: underline }
span.disabled { color: #CCC; }
.colonneadmin,.colonneadmin a { background-color: #d9d0af; color: #333; height: 25px; }
td.admin { color: #333; }
div.result { padding: 5px; border: 1px dotted #CCC; width: 600px; font-weight: bold; margin: auto;}
.box {	font-size: 14px; border: 1px solid #ddd; visibility: hidden; float: left; padding: 5px; width: 0px; height: 0px; margin: 5px; background: #F3EECC; z-index: 1; margin-left: 60px;}
.masque { vertical-align: middle; -moz-opacity:0.3; filter:alpha(opacity=30); -khtml-opacity: 0.3; opacity: 0.3; }
.fondrouge { color: #ff0214; padding: 5px; }
.fondvert  { color: #7EC65F; padding: 5px; }
.titre { font-size: 14px; font-weight: bold; letter-spacing: 2px; color: #333; }