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

[MASTER STYLESHEET] 
 Project: SOGECAP
 Version: 1  
 Last change: 10/09/2009
 Assigned to: DIGITAL GARDEN - J.MARTINET 

[COLOR CODES] 
.rouge  #e60028 

[XHTML STRUCTURE]  
+body
    + .header
		 
	+ .wrapper
		- .wrapper_left
		- .wrapper_center
		- .wrapper_right
	+ .footer

[XHTML STRUCTURE2]  
+body
    + .header
		 
	+ .wrapper_full
		- .wrapper_center
		- .wrapper_right
	+ .footer	
************************* */

html {
	padding:0;
	margin:0;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	padding:0;
	margin:0;
	text-align:center;
	color:#141414;
	background-color:#ffffff;
}
/* Gestion des titres */
h1, h2, h3, h4, h5, h6, dl, dt, dd, img, p, img a, img {
	padding:0;
	margin:0;
	list-style:none;
	border:none;
}
.clear {
	display:block;
	clear: both;
	line-height:0.1em;
}
/* Gestion des formulaires */
fieldset {
	padding:0;
	margin:0;
	border: none;
	display:block;
}
form {
	padding:0;
	margin:0;
	border: none;
	display:inline;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}
table, tr, td {
	border-collapse:collapse;
	padding:0;
	margin:0
}
/* pointilles des liens */
a:focus {
	outline:1px dashed #00c9e6;
}
.noborder {
	background-image:none;
}
/* *********************** */
/*        LAYOUT          */
/* ********************* */

.container {
	width:955px;
	margin:0 auto;
	position:relative;
	text-align:left;
}
.wrapper {
	width:955px;
	clear:both;
	float:none;
}
.wrapper_full {
	width:955px;
	clear:both;
	float:none;
}
.wrapper_bottom {
	width:955px;
	clear:both;
	float:none;
	height:15px;
}
.pathway {
	color:#585858;
	background-color:inherit;
	font-size:10px;
	padding:10px 0 0 0;
	height:35px;
}
.pathway a {
	color:#585858;
	background-color:inherit;
	text-decoration:none;
}
.pathway a:hover, .pathway a.active {
	text-decoration:underline;
}
.pathway p {
	padding:0 0 0 35px;
}
/* *********************** */
/*        HEADER          */
/* ********************* */

div.header {
	width:955px;
	height:120px;
	background:url(../img/header.gif) no-repeat 0 0;
	position:relative;
}

div.header .logo-header {
	width:170px;
	height:110px;
	position:absolute;
	left:0; 
	top:5px;
}

.header h1 a {
	width:113px;
	height:104px;
	background:url(../img/logo_ecowatt.gif) no-repeat 0 0;
	display:block;
	position:absolute;
	top:10px;
	left:30px;
	z-index:99;
}
.header h1 a span {
	display:none;
}
.header .vocation {
	width:321px;
	height:94px;
	position:absolute;
	left:296px;
	top:15px;
	z-index:99;
}
.header .vocation p {
	background:url(../img/vocation.gif) no-repeat 0 0;
	width:321px;
	height:94px;
}
.header .vocation p span {
	display:none;
}

.header .account {
	background:url(../img/moncompte.gif) no-repeat 0 0;
	height:26px;
	width:116px;
	position:absolute;
	top:0;
	right:0;
	z-index:99;
	margin:0;
	padding:0;
}

.header .account p{
	margin:0;
	display:block;
	padding:3px 0 0 20px;
}

.header .account p a{
	margin:0;
	padding:0;
	line-height:normal;
	color:#FFFFFF;
	text-decoration:none;
}

.header .account p a:hover{
	text-decoration:underline;
}


.header .rte {
	position:absolute;
	top:40px;
	right:0;
	z-index:99;
}


/* *********************** */
/*        MAINMENU        */
/* ********************* */
.mainmenu { width:955px; height:31px; background-color:#00C9E6; color:#FFFFFF; font-weight:bold; font-size:14px; }
.mainmenu a { color:#FFFFFF; font-weight:bold; font-size:14px; display:block; height:30px;  }
.mainmenu ul { padding:0; margin:0; display:inline; list-style:none;  }
.mainmenu li { padding:0; margin:0; float:left;  border-top:#00C9E6 1px solid; border-bottom:#00C9E6 1px solid;  }
.mainmenu li a span { display:none; }

.mainmenu li.item1 a{ width:290px; background:url(../img/menus/menu1.gif) no-repeat 0 0; border-right:#FFFFFF 1px solid;}
.mainmenu li.item1 a:hover, .mainmenu li.item1 a.active { width:289px; background:url(../img/menus/menu1a.gif) no-repeat 0 0; border-left:#00C9E6 1px solid; }
.mainmenu li.item2 a{ width:216px; background:url(../img/menus/menu2.gif) no-repeat 0 0; border-right:#FFFFFF 1px solid;  }
.mainmenu li.item2 a:hover, .mainmenu li.item2 a.active  { width:216px; background:url(../img/menus/menu2a.gif) no-repeat 0 0;}
.mainmenu li.item3 a{ width:260px; background:url(../img/menus/menu3.gif) no-repeat 0 0; border-right:#FFFFFF 1px solid;  }
.mainmenu li.item3 a:hover, .mainmenu li.item3 a.active  { width:260px; background:url(../img/menus/menu3a.gif) no-repeat 0 0;}
.mainmenu li.item4 a{ width:185px; background:url(../img/menus/menu4.gif) no-repeat 0 0; border-right:#00C9E6 1px solid;    }
.mainmenu li.item4 a:hover, .mainmenu li.item4 a.active  { width:185px; background:url(../img/menus/menu4a.gif) no-repeat 0 0; }


/* *********************** */
/*      WRAPPER HOME      */
/* ********************* */
.wrapper_homme {
	width:955px;
	height:359px;
	background:url(../img/home_flash.jpg) no-repeat 0 0;
}
.home_flash {
	width:715	px;
	height:359px;
	float:left;
}
.home_sidebar {
	width:240px;
	height:359px;
	float:right;
	background:url(../img/fond_droite.jpg) no-repeat 0 0 ;
}

/* *********************** */
/*      WRAPPER FLASH      */
/* ********************* */

.wrapper_flash {
	width:955px;
	height:359px;
}
/* *********************** */
/*      WRAPPER LEFT      */
/* ********************* */
.wrapper_left_container {
	width:223px;
	float:left;
}

.wrapper_left_chiffres{
	background:transparent url(../img/sub_menu_ul.gif) repeat-x scroll 0 0;
	width:196px;
	margin:10px 5px 0 10px;
	padding:5px;
	float:left;
	border:1px solid #00C9E6;
	font-size:11px;
}

.wrapper_left_chiffres h3 {
	background-color:inherit;
	color:#00C9E6;
	font-size:12px;
	padding:5px 0 5px;
}

.wrapper_left_chiffres ul{
	padding-left:5px;
	margin:0;
}

.wrapper_left_chiffres ul li{
	background:transparent url(../img/puce.gif) no-repeat scroll 0 4px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 0 8px 15px;
}

.wrapper_left_chiffres ul li ul li{
	list-style-type:disc;
	background:none;
	padding:0 0 0 2px;	
}

.wrapper_left_chiffres a {
	background-color:inherit;
	color:#FF6C00;
	font-weight:bold;
	text-decoration:none;
}

.wrapper_left {
	width:208px;	
	padding:0 5px 20px 10px;
	float:left;
}
.wrapper_left .sub_menu {
	width:206px;
	border-left:1px solid #00c9e6;
	border-right:1px solid #00c9e6;
	border-top:1px solid #00c9e6;
}
.wrapper_left .sub_menu ul {
	padding:0;
	margin:0;
	border-bottom:none;
}
.wrapper_left .sub_menu ul li {
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
}

.wrapper_left .sub_menu ul li a {
	font-size:11px;
	color:#00c9e6;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	background:url(../img/sub_menu_ahover.gif) no-repeat 0 0;
	display:block;
	width:186px;
	padding:7px 0 5px 20px;
	min-height:15px;
	border-bottom:1px solid #00c9e6;
}
.wrapper_left .sub_menu ul li a:hover, .wrapper_left .sub_menu ul li.active a {
	background:url(../img/sub_menu_a.gif) no-repeat 0 0;
	color:#FFFFFF;
	background-color:inherit;
}
.wrapper_left .sub_menu ul li ul {
	display:none;
	width:206px;
	background:url(../img/sub_menu_ul.gif) repeat-x 0 0;
	border-bottom:1px solid #00c9e6;
	padding-bottom:4px;
}

.wrapper_left .sub_menu ul li.active ul{
	display:block;
}

.wrapper_left .sub_menu ul li ul li a, .wrapper_left .sub_menu ul li.active ul li a {
	font-size:11px;
	color:#2e3839;
	background-color:inherit;
	font-weight: normal;
	text-decoration:none;
	background-image:none;
	display:block;
	width:186px;
	padding:7px 0 5px 20px;
	min-height:15px;
	border-bottom:none;
}
.wrapper_left .sub_menu ul li ul li a:hover, .wrapper_left .sub_menu ul li ul li.active a {
	text-decoration:underline;
	font-weight:bold;
	background-image:none;
	color:#2e3839;
	background-color:inherit
}
/* *********************** */
/*      WRAPPER CENTER    */
/* ********************* */

.wrapper_center {
	width:505px;
	float:left;
}
.wrapper_full .wrapper_center {
	width:680px;
	float:left;
	padding:15px 0 0 20px;
}
/* main page styles */
.wrapper_center a {
	color:#ff6c00;
	background-color:inherit;
	text-decoration:none;
	font-weight:bold;
}
.wrapper_center a:hover {
	text-decoration:underline;
}
.wrapper_center h2 {
	font-size:24px;
	color:#00c9e6;
	background-color:inherit;
	padding:0 0 8px 0;
	margin:0 0 0 15px;
	font-weight:normal;
}
.wrapper_center h3 {
	font-size:12px;
	color:#00c9e6;
	background-color:inherit;
	padding:5px 0 15px 0;
	margin:0 0 0 15px;
}
.wrapper_center h4 {
	font-size:12px;
	color:#00c9e6;
	background-color:inherit;
	padding:0 0 0 0;
	margin:0 0 5px 15px;
	font-weight:normal;
}
.wrapper_center h4.eclairage {
	background:url(../img/picto_eclairage.gif) no-repeat 0 0;
	padding:10px 0 0 45px;
	height:37px;
}
.wrapper_center h4.chauffage {
	background:url(../img/picto_chauffage.gif) no-repeat 0 0;
	padding:10px 0 0 45px;
	height:37px;
}
.wrapper_center h4.vmc {
	background:url(../img/picto_vmc.gif) no-repeat 0 0;
	padding:10px 0 0 45px;
	height:37px;
}
.wrapper_center h4.appareil {
	background:url(../img/picto_appareil.gif) no-repeat 0 0;
	padding:10px 0 0 45px;
	height:37px;
}
.wrapper_center ul {
	font-size:11px;
	margin:0 0 15px 25px;
	padding:0;
}
.wrapper_center ul li {
	list-style:none;
	background:url(../img/puce.gif) no-repeat 0 4px;
	padding:0 0 15px 14px;
}
.wrapper_center ul li.prioritaire {
	background:url(../img/picto_geste_prioritaire.gif) no-repeat 0 0;
	padding:8px 0 15px 35px;
	min-height:35px;
	color:#f49900;
	background-color:inherit;
}
* html .wrapper_center ul li.prioritaire {
	height:23px;
}
.wrapper_center ul li ul {
	padding:3px 0 0 0;
	margin:0 0 0 10px;
}
.wrapper_center ul li ul li {
	list-style:disc;
	background-image:none;
	padding:3px 0 3px 0px;
}
.wrapper_center ul.simple {
	font-size:12px;
	margin:-10px 0 15px 15px;
	padding:0;
}
.wrapper_center ul.simple li {
	font-size:10px;
	margin:0;
	padding:0 0 5px 0;
	background-image:none;
	list-style:none;
}
.wrapper_center p {
	font-size:11px;
	color:#141414;
	background-color:inherit;
	padding:0;
	margin:0 0 15px 15px;
	text-align:justify;
}
.wrapper_center p.clear {
	height:15px;
}
.wrapper_center p.outerlink {
	padding:0 0 0 25px;
}
.wrapper_center p.outerlink a {
	font-weight:bold;
}
.wrapper_center p.note {
	font-size:9px;
	font-style:italic;
	color:#585858;
	background-color:inherit;
	padding:0;
	margin:0 0 30px 15px;
	text-align:justify;
}
.wrapper_center .mediacenter {
	text-align:center;
}
.wrapper_center .medialeft {
	float:left;
	padding:0 15px 0 0;
	width:auto;
}
.wrapper_center .mediaright {
	float:right;
	padding:0 15px 5px 15px;
	/*width:auto;*/
}
.wrapper_center .medialegend {
	width:342px;
	margin:0 auto;
	background:#f3f3f3 url(../img/medialegend.jpg) no-repeat 0 bottom;
	font-size:11px;
	color:#141414;
	padding:9px;
	clear:both;
	float:none;
	/*font-style:italic;*/
}
.wrapper_center .medialegend {
	margin-bottom:35px;
}
.wrapper_center .medialegend p {
	padding:0;
	margin:0;
	background:transparent
}

.wrapper_center .medialegend p.credit {
	font-size:10px;
}

.wrapper_center .medialegend span.credit {
	font-size:10px;
}


.wrapper_center .medialegend ul {
	width:342px;
	padding:0;
	margin:0;
}
.wrapper_center .medialegend ul li {
	padding:0 0 2px 0;
	margin:0;
	list-style:none;
	background-image:none;
	text-align:center;
}
/* colonnes */
.wrapper_center .colleft {
	width:250px;
	float:left;
}
.wrapper_center .colleft .minimedia {
	width:185px;
	margin:0 0 0 15px;
}
.wrapper_center .colleft .minimedia img {
	width:200px;
	height:145px
}
.wrapper_center .colright {
	width:250px;
	float:right;
}
.wrapper_center .colright .minimedia {
	width:184px;
	margin:-5px 15px 0 0;
	float:right;
	display:inline;
}
.wrapper_center .colleft .minimedia img {
	width:200px;
	height:145px;
	float:right;
	margin:0;
}

.wrapper_center .top{
	margin:10px 0 0 0; 
	text-align:right;
}

.wrapper_center .top a{
	color:#999999;
}

/* infosbox */
.infosbox {
	width:505px;
	clear:both;
	float:none;
	margin:0 0 15px 0;
}
.infosbox .infosbox_top {
	width:505px;
	height:25px;
	background:url(../img/infobox_top.jpg) no-repeat 0 0;
}
.infosbox .infosbox_content {
	width:505px;
	background:url(../img/infobox.jpg) repeat-y 0 0;
}
.infosbox .infosbox_content ul {
	padding:0;
	margin:0 0 0 30px;
	width:435px;
}
.infosbox .infosbox_content ul li {
	color:#FFFFFF;
	background-color:#00c9e6;
	background: url(../img/infosbox_puce.gif) no-repeat 0 4px;
	font-size:14px;
	list-style: none;
	padding:0 0 10px 15px;
	margin:0;
}
.infosbox .infosbox_content ul li a {
	color:#FFFFFF;
	background-color:#00c9e6;
	font-weight:bold;
}
.infosbox .infosbox_bottom {
	width:505px;
	height:25px;
	background:url(../img/infobox_bottom.jpg) no-repeat 0 0;
}
/* form_contact */
.formulaire {
}
.formulaire p {
	clear:both;
	float:none;
	min-height:20px;
	padding:0 0 10px 0;
}
.formulaire label {
	width:100px;
	float:left;
	text-align:right;
	display:block;
	padding:3px 10px 0 0;
	color:#00c9e6;
	background-color:inehrit;
	font-weight:bold;
}
.formulaire .frm_input {
	width:250px;
	float:left;
	height:15px;
	border:1px solid #00c9e6;
	color:#666666;
	background-color:#FFFFFF;
	font-size:12px;
	padding:3px 0 0 5px;
}
.formulaire .frm_textarea {
	width:250px;
	height:60px;
	border:1px solid #00c9e6;
	color:#666666;
	background-color:#FFFFFF;
	font-size:12px;
	padding:3px 0 0 5px;
	overflow:auto;
}
.formulaire .frm_btn {
	color:#fff;
	background-color:#00c9e6;
	padding:2px 10px;
	border:none;
	font-weight:bold;
	text-align:center;
	margin:0 0 0 270px;
}
* html .formulaire .frm_btn {
	margin:0 0 0 255px;
}
*+html .formulaire .frm_btn {
	margin:0 0 0 235px;
}
/* *********************** */
/*      WRAPPER RIGHT     */
/* ********************* */

.wrapper_right {
	width:220px;
	float:right;
}
.wrapper_right .ecowacteur {
	width:201px;
	margin:0 auto;
}
/* *********************** */
/*        FOOTER          */
/* ********************* */

.footer {
	width:955px;
	clear:both;
	float:none;
	min-height:73px;
	padding:17px 0 0 0;
	position:relative;
}
* html .footer {
	height:90px;
}
.footer_bg {
	background:url(../img/footer_bg.gif) repeat-x 0 0;
}

.footer .footer_menu { width:745px; height:20px; font-weight:bold; font-size:14px; margin:5px 0 0 10px; }
.footer .footer_menu a { color:#FFFFFF; font-weight:bold; font-size:14px; display:block; height:20px;  }
.footer .footer_menu ul { padding:0; margin:0; display:inline; list-style-type:none}
.footer .footer_menu li { padding:0; margin:0; float:left; }
.footer .footer_menu li a span { display:none; }

.footer .footer_menu li.item5 { width:172px; background:url(../img/menus/menusbas1.gif) no-repeat 0 0; }
.footer .footer_menu li.item6 { width:205px; background:url(../img/menus/menusbas2.gif) no-repeat 0 0; }
.footer .footer_menu li.item7 { width:252px; background:url(../img/menus/menusbas3.gif) no-repeat 0 0; }
.footer .footer_menu li.item5 a:hover, .footer .footer_menu li.item5 a.active{ background:url(../img/menus/menusbas1a.gif) no-repeat 0 0; }
.footer .footer_menu li.item6 a:hover, .footer .footer_menu li.item6 a.active { background:url(../img/menus/menusbas2a.gif) no-repeat 0 0; }
.footer .footer_menu li.item7 a:hover, .footer .footer_menu li.item7 a.active{ background:url(../img/menus/menusbas3a.gif) no-repeat 0 0; }

.footer .footer_menu .border {
	background:url(../img/menufooter_border.gif) no-repeat center 4px;
	width:4px;
	float:left;
	display:block;
}
.footer .partenariat {
	width:294px;
	float:right;
}
.footer .partenariat p.title {
	width:160px;
	height:10px;
	margin: 0 auto;
	background:url(../img/title_partenariat.gif) no-repeat 0 0;
	padding:0 0 10px 0;
}
.footer .partenariat p.title span {
	display:none;
}
.footer .partenariat ul {
	padding:0;
	margin:0;
}
.footer .partenariat ul li {
	padding:0 10px 0 0;
	margin:0;
	list-style:none;
	display:inline;
}

.footer .laposte {
	float:left;
	padding:5px 0 0 20px;
	width:auto;
}

.footer .sitemap {
	float:left;
	padding:10px 0 0 100px;
	width:auto;
}
.footer .sitemap ul {
	padding:0;
	margin:0;
}
.footer .sitemap ul li {
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
	font-size:9px;
	color:#b1b3b4;
	background-color:inherit;
}
.footer .sitemap ul li a {
	color:#b1b3b4;
	background-color:inherit;
	text-decoration:none;
	padding:0 5px 0 0;
}
.footer .sitemap ul li.active a, .footer .sitemap ul li a:hover {
	text-decoration:underline;
}
.footer .sitemap ul li.border {
	width:2px;
	background:url(../img/sitemap_border.gif) no-repeat 0 3px;
	padding:0 5px 0 0;
}
* html .footer .sitemap ul li.border {
	padding:0 5px 0 0;
}
*+html .footer .sitemap ul li.border {
	padding:0 5px 0 0;
}