/**
* Framework CSS
*/
html, body {height: 100%;}
body {margin: 0px; font-family: arial,helvetica; font-size: 11px; color: #575f62; background: url(../images/bg_general.jpg) no-repeat top center #850316;}
img {border: 0px;}
form {margin: 0px;}
strong {font-weight: bold;}
p {margin: 0 0 10px 0;}
a {color: #e22223; text-decoration: none;}
a:hover {text-decoration: underline;}
.center {text-align: center;}
.strong {font-weight: bold;}
.conteneur {overflow: auto; height: 1%;}
.red {color: #e22223;}
.underline {text-decoration: underline;}
.italic {font-style: italic;}
/**
* Général
*/
#general {position: relative; min-height: 100%;}
#corps {position: relative; margin: 0 auto 0 auto; width: 922px;}
#logo {position: absolute; top: 87px; left: 15px; z-index: 100;}
h2 {margin: 0; padding: 150px 0 70px 211px; font-size: 22px; font-weight: bold; text-transform: uppercase; color: #fff;}
/**
* Menu Top
*/
#menutop {z-index: 200;}
#menutop #espacepro {position: absolute; top: 15px; left: 0;}
#menutop #espacepart {position: absolute; top: 15px; left: 190px;}
#menutop .espaceon {z-index: 400;}
#menutop .espaceoff {z-index: 200;}
#menutop #espacepro_img_off {position: relative; margin: 0; width: 203px; height: 26px; background: url(../images/espace_pro.png) no-repeat top left; overflow: hidden; text-indent: -999px; cursor: pointer;}
#menutop #espacepro_img_off:hover {background: url(../images/espace_pro.png) no-repeat bottom left;}
#menutop #espacepro_img_on {position: relative; margin: 0; width: 203px; height: 26px; background: url(../images/espace_pro.png) no-repeat bottom left; overflow: hidden; text-indent: -999px; cursor: pointer;}
#menutop #espacepro_img_on:hover {background: url(../images/espace_pro.png) no-repeat bottom left;}
#menutop #espacepart_img_off {position: relative; margin: 0; width: 203px; height: 26px; background: url(../images/espace_part.png) no-repeat top left; overflow: hidden; text-indent: -999px; cursor: pointer;}
#menutop #espacepart_img_off:hover {background: url(../images/espace_part.png) no-repeat bottom left}
#menutop #espacepart_img_on {position: relative; margin: 0; width: 203px; height: 26px; background: url(../images/espace_part.png) no-repeat bottom left; overflow: hidden; text-indent: -999px; cursor: pointer;}
#menutop #espacepart_img_on:hover {background: url(../images/espace_part.png) no-repeat bottom left;}
#menutop .espace_deploiement {position: relative; width: 194px; padding: 5px 4px 5px 5px; background-color: #fff; z-index: 800;}
#menutop .espace_deploiement p {margin: 0;}
/**
* Colonne Menu
*/
#col_menu {float: left; width: 211px; color: #ee6b53; z-index: 200;}
ul#menu {margin: 0; padding: 0; list-style: none inside; z-index: 300;}
ul#menu li {position: relative; padding-left: 20px; background: url(../images/puce_menu.png) no-repeat top left; background-position: 8px 14px; z-index: 400;}
ul#menu li a {display: block; margin: 0; padding: 10px 0; padding-left: 0; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid #ed8d90;}
ul#menu #menulast a {border-bottom: none;}
ul#menu li a:hover {background-color: #8D0217; -moz-opacity:0.6; opacity: 0.6; filter:alpha(opacity=60);}
ul#menu li ul{position: absolute; top: 0; left: 211px; margin: 0; padding: 0; list-style-type: none; width: 180px; display: none; z-index: 500;}
ul#menu li ul li{display: block; width: 180px; margin: 0; padding: 0; background: none;}
ul#menu li ul li a {display: block; background: #A9061B; color: #fff; padding: 10px 0 10px 5px; width: 165px;}
ul#menu li ul li a:hover{background: #fff; color: #A9061B; -moz-opacity:1; opacity: 1; filter:alpha(opacity=100);}
#form_newsletter {margin-top: 10px; padding: 10px; background: #a0021a url(../images/bg_newsletter.jpg) repeat-x top left;}
#form_newsletter p {margin: 0;}
#form_newsletter p#form_newsletter_titre {margin-bottom: 2px; padding-left: 20px; background: url(../images/ico_newsletter.png) no-repeat top left; background-position: 0px 2px; color: #fff}
#form_newsletter p input{margin-bottom: 4px; width: 141px; font-size: 10px; color: #f3917f; background-color: #8d0217; border: none;}
#form_newsletter p input.submit{margin-left: 5px; padding: 0; width: 22px; color: #8d8d8d; text-align:center; background-color: #fff;}
#simulateur {margin-top: 10px; padding: 10px; background: #016bac url(../images/bg_newsletter.jpg) repeat-x top left;}
#simulateur #simulateur_titre {padding-left: 55px; font-size: 11px; color: #ee6b53; background: url(../images/ico_simulateur.png) no-repeat top left;}
#simulateur p a {font-size: 12px; color: #fff;}
#coordonnees {margin: 20px 0 0 10px; padding: 0 0 10px 10px; width: 140px; border-left: 2px solid #ee6b53;}
#coordonnees a {color: #ee6b53;}
#soutien {margin: 20px 0 0 10px; padding-left: 10px; width: 140px;}
/**
* Colonne Contenu
*/
#col_content {position: relative; margin-left: 211px; padding-top: 12px; width: 711px; background: url(../images/coin.png) no-repeat top right;}
#extranet {position: absolute; top: 5px; right: 5px;}
#content {padding: 0 30px 32px 43px; background: url(../images/coin.png) no-repeat top right #fff;}
#content #content_titre {position: absolute; top: 47px; left: 63px;}
h1 {margin: 0; padding: 54px 0 30px 20px; color: #e22223; font-size: 32px; font-weight: normal; background: url(../images/puce_titre.png) no-repeat; background-position: 0 60px;}
h3 {margin: 0 0 10px 0; color: #e22223; font-size: 16px; font-weight: bold;}
#content_pages_contenu {position: relative;}
#content ul {list-style-type: none;}
#content ul li {padding-left: 20px; background: url(../images/puce_liste.png) no-repeat top left; background-position: 0 4px;}
#content_actualite {float: right; width: 262px; padding-left: 30px; border-left: 1px solid #e22223;}
#content_actualite h3 {margin: 0 0 10px 0; font-size: 16px; font-weight: bold;}
#content_actualite_image {float: left; padding-right: 10px;}
#content_actualite_suite {clear: left; padding-top: 5px; border-top: 1px dashed #e22223;}
#content_actualite_suite a {padding-left: 10px; background: url(../images/puce_liste.png) no-repeat; background-position: 0 4px;}
#content_pages_accueil {padding-right: 323px;}
#content_pages_media {float: right; padding: 0 0 10px 20px;}
#content_pages_fichiers {padding-top: 5px; border-top: 1px dashed #e22223;}
#content_pages_fichiers a {padding-left: 10px; background: url(../images/puce_liste.png) no-repeat; background-position: 0 4px;}
#footer {height: 160px; background: url(../images/bg_content.jpg) no-repeat top left;}
#mentions {padding: 30px 0 80px 20px; background: url(../images/logo_aquasolar.png) no-repeat; background-position: 20px 80px;}
#mentions, #mentions a {color: #fcb1a3;}
#mentions a#credits {color: #fff;}
/**
* Formulaire
*/
form.form_common p {position: relative;}
form.form_common p label {float: left; width: 110px; padding: 2px 10px 0 0;}
form.form_common input, form.form_common select, form.form_common textarea {margin-bottom: 5px; border: 1px solid #d7d7d7;}
form.form_common p textarea {width: 340px; font: normal 12px Arial,Helvetica;}
form.form_common input {width: 340px;}
form.form_common input.inputcheckbox {width: auto; border: none;}
form.form_common .btn_submit {margin-left: 308px; height:auto; width:153px; }
form.form_common p.obligatoire {margin-right: 48px; font-style: italic; text-align: right; font-size: 11px;}
form.form_common p.obligatoire strong {color: #0078bc;}
form.form_common span.marqueur {font-weight: bold; color: #0078bc;}
.error{background: #0078bc; font-size: arial; font-weight:bold; font-size:12px ; color: #fff; padding: 5px; }
/**
* Lexique
*/
#lexique h2 {margin: 0 0 10px 0; padding : 0; color: #e22223; font-size: 16px; font-weight: bold;}