/* *** css by eric delbrassinne - mwp interactive www.mwp.be *** */
/* *** main menu by dimitri diakodimitris - CETIC *** */
body {
	background-color: #333333;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#333333;
	padding:0;
	margin:0;
	background-image: url(img/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	max-width:1360px;
	width:expression(this.scrollwidth < 1360 ? "auto":"1360px"); 
}
body { 
	width: expression(document.body.clientWidth < 982? "980px" : document.body.clientWidth > 1362? "1360px" : "auto");
	min-width: 980px;
	max-width: 1360px;
}

/* liens g�n�raux */
a, a:link, a:visited, a:active {color: #669934; text-decoration: none;}
a:hover {color: #669934; text-decoration: underline;}

/* titres g�n�raux */
h1, h2, h3 {margin: 0 0 10px; padding: 0;}
h1 {font-size: 16px; font-weight: bold; color: #333333; line-height: 18px;}
h2 {font-size: 14px; font-weight: bold; color: #669934; line-height: 16px;}
h3 {font-size: 12px; font-weight: bold; color: #333333; line-height: 14px;}


/* bloc g�n�ral */
#container {
	width: 980px; 
	margin:10px auto 10px; 
	background-color: #FFFFFF;
}

/* menu acc�s rapide - haut de page */
#banner_up {
	background-color: #333333;
	padding: 0px;
	margin: 0px;
	position: relative;	
	height: 25px;
}
#acces_rapide {
	margin-left: 15px;
	margin-top: 5px;
	float: left;
	width: 400px;
}
#acces_rapide, #acces_rapide a {
	text-align: left;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
}
#acces_rapide a:hover {text-decoration: underline;}

/* moteur recherche - haut de page */
#search {
	position: absolute;
	margin-right: 15px;
	float: right;
	width: 400px;
	height: 25px;
	left: 568px;
	top: 0px;
}
#search, #search a {
	text-align: right;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
}
#search a:hover {text-decoration: underline;}
#search input {border:1px solid #FFFFFF; background-color:#FFFFFF;}

/* bandeau - haut de page */
#banner {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	height: 123px;
	width: 980px;
	background-image: url(img/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;	
}

/* image bandeau - haut de page - margin modifie de 98 a 80 pour spip 2.0.2*/
#img_bandeau {
	height: 80px;
	padding-top: 12px; 
	margin-left: 80px; 
	position: relative;
}

/* espace menu principal */
#barre_nav {
	margin-left: 98px;
	position: relative;
	background-image: url(img/barre_nav.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 865px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-position: -6px;
}

/* placement image verticale - effet d�grad� */
#banner_fx {background-image: url(img/fx_banner.jpg); background-repeat: no-repeat; background-position: 964px 12px;}

.menu-general {
	padding: 0px 0px 4px; 
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #fff; 
	float:left ; 
	margin-top: 0px ;
	margin-right: -4px;
	margin-left: 34px;
	height:23px;
	width: 175px;
	z-index:200;}
.menu-general a {
	padding: 3px 10px 4px; 
	height: 23px; 
	line-height: 22px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	margin-right: 0px;}
.menu-general a:link, .menu-general a:visited {
	color: #fff; 
	/* background-color: #669934; */
	text-decoration: none;}
.menu-general a:hover {
	color: #FFFFFF; 
	background-color: #333333; 
	text-decoration: none;}
.menu-general li a, .menu-general li a:link, .menu-general li a:visited {
	display: block;
	background-color: #669934;
	text-decoration: none;
	width : 90%;}
.menu-general li a:hover {
        color: #FFFFFF;
        background-color: #333333;
        text-decoration: none;}

#sous-menu1, #sous-menu2, #sous-menu3, #sous-menu4 {
	display: none;
	list-style: none;
	text-align: left;
	line-height: 23px;
	width: 280px;
	margin: 0; 
	margin-left: 50px;
        padding : 3px 10px 4px 0px; 
	position : absolute ;
	text-decoration: none;
	top : 20px; 
	left : -16px;
	z-index:200;
	}

#sous-menu2 {left: 189px;} 
#sous-menu3 {left: 394px; width: 200px;} 
#sous-menu4 {left: 599px; width: 200px;} 

.menu_articles  ul li a {
        display: block;
        list-style: none;
        text-align: left;
        text-decoration: none;
        }

/* choix de langue */
#lang {position: absolute; left: 915px; top: 97px; color: #999999;}
#lang a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
#lang a:link, #lang a:visited {color: #999999; text-decoration: none;}
#lang a:hover, #lang a:active {color: #669934; text-decoration: underline;}


/* -- Layout Standard 3 col -- */

/* bloc de contenu central */
#content {background-color: #ffffff; padding: 0; margin: 0 200px;}
div#content {min-height:300px; height:expression(this.scrollHeight > 300 ? "auto":"300px");}

/* bloc de contenu gauche */
#left {float: left; width: 200px; margin: 0px; padding: 0px;}

/* bloc de contenu droit */
#right {float: right; width: 200px; margin: 0; padding: 0;}


/* -- Pied de page - commun toutes versions -- */
#footer {
	clear: both;
	margin: 0px;
	padding: 0px;
	background-color: #333333;
	color: #FFFFFF;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
	height: 100px;
}
#footer p {margin:0; padding:0;}
#footer p.cetic, #footer p.mention {line-height: 25px;}
#coord {float: left; width: 500px; margin-left: 15px; padding: 0px; text-align: left;}
#footer a, #footer a:link, #footer a:active {color: #FFFFFF; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#soutien {padding: 0px; margin-left: 500px; margin-right: 15px; text-align: right;}


/* -- Bloc de mots clefs -- */
#keywords {
	margin: 20px 0px 0px;
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
	height: 40px;
	background-color: #FFFFFF;
	color: #669934;
	font-size: 10px;
}

/* -- Bloc impression/envoi par mail -- */
#print_mail {
	background-color: #ffffff;
	padding: 0px;
	margin-left: 520px;
	margin-right: 20px;
	height: 75px;
	text-align:right;
}
#pictos_print_mail{margin-left: 0; line-height:40px; list-style: none; font-size: 9px; }
#pictos_print_mail li {display:inline; background-repeat: no-repeat; background-position: 0% 65%;}
#pictos_print_mail li.print {background-image: url(img/print.gif); padding: 20px 20px 20px 30px;}
#pictos_print_mail li.mail {background-image: url(img/mail.gif); padding: 20px 20px 20px 35px;}


/* -- Styles Homepage -- */

/* introduction */
#intro_home {
	margin: 30px 0px 0px 0px;
	padding: 0px 50px 0px 50px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #333333;
	word-spacing: -2px;
}

/* partie gauche */
#left_home {
	/*width: 960px;*/ 
	margin: 0px; 
	padding: 0px;
	margin-bottom: 30px;
}

#trois_blocs_home {
	/*width: 960px;*/
	margin-top: 5px;
	padding: 0px;
	background-image: url(img/border_bloc_home.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#trois_blocs_spacer_home {width: 701px; height: 10px;}
#bloc1_home {
	width: 213px;
	height: 260px;
	text-align: justify;
	border: 1px solid #FFFFFF;
	float: left;
	margin-left: 20px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(img/bg_bloc1_home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#bloc1_home a, #bloc1_home a:link, #bloc1_home a:active, #bloc1_home a:hover {color: #FFFFFF;}
#bloc1_home a:hover {text-decoration: underline;}
#bloc1_home h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 16px;
	margin-right: 5px;
	margin-left: 5px;
}
#bloc1_home p {margin-right: 15px; margin-left: 15px;}
.lire_suite_news_home {color: #FFFFFF;}
.lire_suite_news_home a, .lire_suite_news_home a:link, .lire_suite_news_home a:active {
	font-size: 10px;
	margin-right: 15px;
	margin-left: 15px;
	color: #FFFFFF;
	text-decoration: none;
}
.lire_suite_news_home a:hover {text-decoration: underline;}

#bloc2_home {
	width: 225px;
	height: 260px;
	border: 1px solid #669934;
	padding: 0;
	margin-left: 15px;
	margin-right: 15px;
	/*margin-left: 277px;*/
	color: #FFFFFF;
}
#bloc2_home_news1 {
	width: 225px;
	height: 93px;
	background-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: url(img/bg_news_01.gif);
	background-repeat: no-repeat;
}
#bloc2_home_news2 {
	width: 225px;
	height: 93px;
	background-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: url(img/bg_news_02.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
}
#bloc2_home_news3 {
	width: 225px;
	height: 70px;
	background-color: #FFFFFF;
	background-image: url(img/bg_news_03.gif);
	background-repeat: no-repeat;
}
.bloc2_news_txt  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
	text-align: right;
	float: right;
	margin-top: 18px;
	margin-right: 20px;
}
#bloc2_home a, .bloc2_news_txt a, .bloc2_news_txt a:link, .bloc2_news_txt a:hover, .bloc2_news_txt a:active {color: #FFFFFF; text-decoration: none;}

#bloc3_home {
	width: 225px;
    height: 260px;
	border: 1px solid #669934;
	margin: 0;
	padding: 0;
	/* margin-left: 520px; */
	/* float: right; */
}

#bloc3_home a, .bloc3_news_txt a, .bloc3_news_txt a:link, .bloc3_news_txt a:hover, .bloc3_news_txt a:active {color: #333333; text-decoration: underline;}

#bloc3_home h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	line-height: 16px;
	margin-top: 20px;
	margin-right: 15px;
	margin-left: 15px;
	text-align: center;
	/*float: right;*/
}

.bloc3_news_txt  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #333333;
	text-align: left;
	float: left;
	margin-right: 35px;
	margin-left: 15px;
}

.bloc3_news_txt p  {margin-top: 0px;}
.bloc3_news_txt a, .bloc3_news_txt a:link, .bloc3_news_txt a:hover, .bloc3_news_txt a:active {color: #333333; text-decoration: underline;}
#rss_home {
	/*clear: both; */
	font-size: 10px; 
	text-decoration: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 0px;
}

#bloc4_home {
	width: 204px;
	margin-left: 10px;
	background-color: #ffffff; 
	padding: 0; 
	text-align: center; 
	margin-right: 0px;
}

#rss_home a, #rss_home a:link, #rss_home a:active{color: #669934; text-decoration: none;}
#rss_home a:hover {text-decoration: underline;}
#rss_home img {
	vertical-align: -35%;
	margin-right: 10px;
}

/* bloc rapport */
/*
div#rapport_home {
	height: 100px;	
	width: 190px;
}
*/
#rapport_home {
	width: 190px;
	background-color: #ffffff; 
	padding: 0; 
	text-align: center; 
	margin-right: 20px;
	position: relative;
	left: 960px;
	top: -525px;
}
#rapport_home a, #rapport_home a:link, #rapport_home a:active {
	color: #669934; 
	text-decoration: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
}
#rapport_home a:hover {
	text-decoration: underline;
}

/* bloc batiment - newsletter */
#down_contain_home {
	clear: both; 
	margin: 20px 0px 0px; 
	padding: 0px; 
	text-align: left; 
}
#eole_home {
	float: left;
	width: 300px;
	margin: 0px;
	padding: 0px;
	background-image: url(img/eole.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 75px;
}
#eole_home2 {
        float: left;
        width: 150px;
        margin: 0px;
        padding: 0px;
        background-image: url(img/eole.jpg);
        background-repeat: no-repeat;
        background-position: left top;
        height: 75px;
}

#abo_news_home {
	background-color: #ffffff;
	margin-left: 300px;
	margin-right: 20px;
	height: 75px;
	text-align: right; 
}
#abo_news_home h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	line-height: 13px;
	margin-top: 10%;
 }
#abo_news_home input {
	margin:0;
	border:1px solid #333333;
	background-color:#FFFFFF;
	color: #669934;
	text-align: right;
}

#abo_news_home2 {
        background-color: #ffffff;
        margin-left: 400px;
        margin-right: 0px;
        height: 75px;
        text-align: left;
	vertical-align: middle;
}





/* -- Styles page contenu  -- */

/* ajustement alignement mots cl�s */
.keywords_contenu {margin-left: 30px;}

/* effet ligne verticale - d�grad� */
#ligne_vertic_contenu {background-image: url(img/ligne_vertic_contenu.gif); background-repeat: no-repeat;  background-position: 320px 0px; _background-position: 340px 0px;}

/* bloc gauche */
#left_contenu {float: left; width: 295px; margin: 0px 0px 0px 20px; padding: 0px;}

/* bloc central */
#mid_contenu {background-color: #ffffff; padding: 0px; margin: 0px 330px; _width:290px; _overflow:hidden;}

/* bloc droit */
#right_contenu {
	float: right;
	width: 305px;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	border: 1px solid #669934;
}

/* styles communs blocs */
#left_contenu, #mid_contenu {background-color: #FFFFFF; background-image: url(img/bg_col_contenu.gif); background-repeat: repeat-y;}
div#mid_contenu,div#right_contenu, div#left_contenu {min-height:600px; height:expression(this.scrollHeight > 600 ? "auto":"600px");}

/* styles communs blocs projets RW-UE-CETIC */
#rw_projects, #ue_projects {background-color: #FFFFFF; height: 40px; width: 305px;}
#rw_projects h2, #ue_projects h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #669934;
	margin-right: 15px;
	margin-left: 50px;
	margin-top:0;
	padding-top:10px;
}
#txt_projects {margin-right: 15px; margin-left: 15px;}
#rw_projects {background-image: url(img/lg_rw.gif); background-repeat: no-repeat; background-position: 18px 1px;}
#ue_projects {background-image: url(img/lg_ue.gif); background-repeat: no-repeat; background-position: 10px 6px;}
#rss_projects {
	font-size: 10px;
	height: 50px;
	text-align: right;
	margin-right: 15px;
	margin-top: 15px;
	vertical-align: middle;
}
#rss_projects img {margin-bottom: -4px;}
#cetic_projects {margin-right: 15px; margin-left: 15px;}
#cetic_projects h2, h3 {font-size: 11px; line-height: 12px;}
#cetic_projects h3 {margin-top: 40px;}
#projects_list {padding-left: 0; margin-left: 0; border-top: 1px solid #FFFFFF; width: 275px;}
#projects_list li {list-style: none; margin: 0; padding: 2px 0px; border-top: 1px solid #FFFFFF;}
#projects_list li a { text-decoration: underline; color: #333333; font-size: 12px; }	

/* bloc batiment */
#down_contain_contenu {clear: both; margin: 20px 0px 0px; padding: 0px; text-align: left; }


/* -- Styles page rubrique  -- */

/* ajustement alignement mots cl�s */
.keywords_rubriq {margin-left: 235px;}

/* effet ligne verticale - d�grad� */
#ligne_vertic_rubriq{background-image: url(img/ligne_vertic_contenu.gif); background-repeat: no-repeat; background-position: 202px 0px;}

/* bloc gauche - navigation2 */
#left_rubriq {float: left; width: 200px; margin: 0px 0px 0px 10px; padding: 0px;}
#navlist_rubriq, #navlist_rubriq a {
	margin-left: 0;
	padding-left: 0;
	padding-right: 5px;
	list-style: none;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
#navlist_rubriq li {line-height:15px; padding-left: 10px; background-repeat: no-repeat; background-position: 0 1em;}
#navlist_rubriq li:hover {
	background-image: url(img/bg_menu_rubriq.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
}

#navlist_rubriq ul {
	list-style: none;
	padding-left: 25px;
	text-decoration: none;
}

#navlist_rubriq ul:hover {
        font-style: normal;
}

/* bloc contenu */
#contenu_rubriq {
	background-color: #ffffff;
	margin: 0 15px 0 235px;
	padding-left: 5px;
	padding-right: 10px;
	background-image: url(img/bg_rubriq_contenu.gif);
	background-repeat: repeat-y;
}
#txt_rubriq {
	/*margin-left: 15px; 
	margin-right: 15px; */
	padding-top: 20px;
}
/* ! .article - css3 ! */
.article {column-count: 2;column-gap: 5px;}
 
/* styles communs bloc gauche et contenu */
div#left_rubriq,div#contenu_rubriq {min-height:520px; height:expression(this.scrollHeight > 520 ? "auto":"520px"); }

/* Positionnement du formulaire de contact */
#formul {
	padding: 0px;
	margin: 0 15px 0 70px;
	position: relative;
	width:350px;
}

/* formulaire de contact */
form#contact {padding:0px; width:350px; font-family: Verdana, Arial, Helvetica, sans-serif; }
fieldset {padding:5px 20px; margin-bottom:10px; border:1px solid #999999;}
legend {color:#999999; font-weight:bold; }
label {margin-top:12px; display:block; font-size:90%; }
input {
        border:1px solid #999999;
        background-color:#FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
textarea {
        border:1px solid #999999;
        background-color:#FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
input[type=submit], input[type=reset] {
        border:1px outset #999999;
        font-weight:bold;
        color:#999999;
        cursor:pointer;
}
input[type=submit]:hover, input[type=reset]:hover {
        border:1px outset #FFFFFF;
        background-color: #FFFFFF;
        color:#669934;
}
input[type=submit]:active, input[type=reset]:active {
        border:1px inset #666666;
        background-color:#669934;
        color:#666666;
}