html a:active { outline:none;}
:focus {-moz-outline-style:none;}
html {margin:0;padding:0;}
body {margin:0;padding:0 0 180px 0;background:url(../img/2009/bg-body.jpg) bottom center repeat-x;
text-align:center;/*pour IE*/}
#tl {position:absolute;top:0;left:0;width:206px;height:161px;background:url(../img/2009/bg-topleft.jpg) left top no-repeat;z-index:-1;}
#tr {position:absolute;top:0;right:0;width:339px;height:498px;background:url(../img/2009/bg-topright.jpg) right top no-repeat;z-index:-1;}
h1#trz{position:absolute;top:180px;right:0;width:183px;height:227px;background-position:right top;background-repeat:no-repeat;
background-image:url(../img/2009/bg-topright-z.png) !important;/*png IE7 et + */
background-image:url(../img/2009/bg-topright-z.gif);/*gif IE6 et - */
z-index:999;text-indent:-3000em;margin:0;padding:0;}

#size {width:820px;
margin:0 auto;/*alignement pour les bons navigateurs*/
text-align:left;/*alignement du texte dans ce conteneur*/
}

#header {padding:0 20px 0 20px;}
#header h1 {text-indent:-3000em;margin:20px 0 10px 0;padding:0;width:201px;height:86px;
background:url(/template/img/2009/logo.png) left top no-repeat !important;/*png IE7 et + */
background:url(/template/img/2009/logo.gif) left top no-repeat;/*gif IE6 et - */
}
#header h1 a { display:block; width:100%; height:100%;}
#header h2 {
margin:0 0 0 0;/*bug: PAS pris en compte par ie7 seulement*/
padding:0 0 13px 0;
float:left;display:block;font-family:Arial, Helvetica, sans-serif;font-size:9px;font-weight:bold;color:#2E3889;}
#header h2 a, #header h2 a:hover { text-decoration:none;color:#2E3889; cursor:auto;}
#header ul.nav_row {width:100%;margin:0 0 10px 0;padding:0;text-align:center;font:bold 1em verdana,sans-serif;}
#header ul.nav_row li, #header ul.nav_row li.active {display:inline;margin:0 28px 0 0;}
#header ul.nav_row li a {color:#2E3889;text-decoration:none;padding:2px 3px 2px 3px;}/*
#header ul.nav_row li.active a {color:#CDE619;background:#ffffff;padding:2px 3px 2px 3px;}*/
#header ul.nav_row li.active a {color:#CDE619;background:#ffffff url(../img/2009/bg-active.gif) left no-repeat;padding:2px 3px 2px 21px;}
#header ul.nav_row li a:hover {background:#ffffff;padding:2px 3px 2px 3px;}
#header ul.nav_row li.active a:hover {background:#ffffff url(../img/2009/bg-active.gif) left no-repeat;padding:2px 3px 2px 21px;}

#breadcrumb {margin:0 0 5px 0;padding:0 20px 0 20px;color:#CCCCCC;font:0.8em Arial, Helvetica, sans-serif;}
#breadcrumb a {color:#CCCCCC;text-decoration:none;}

#accroche {width:820px;height:350px;background:url(../img/2009/bg-accroche.gif) left top no-repeat;}

#accroche li.active {display:block}
#accroche li.active a {color:#2e3889;}
#accroche a {color:#FFFFFF; text-decoration:none;}
#accroche a:hover {text-decoration: underline;}

#accroche_txt {width:350px;height:350px;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;float:left;}
#accroche_txt ul, #accroche_txt ul li {list-style:none; margin:0; padding:0;}
#accroche_txt h4 {display:block;width:350px;height:120px;margin:30px 0 40px 0;padding:0px;}
#accroche_txt div.ssmenu3 {float:right;border-left:2px solid #ffffff;padding:0 20px 0 10px;font-size:12px;}
#accroche_txt div.ssmenu3 a {color:#2e3889;}
#accroche_txt ul.nav_row {float:right;bottom:0;text-align:right;padding:0 10px 0 0;font-weight:bold;font-size:14px;}
#accroche_txt ul.nav_row a:hover {color:#2e3889;}

#accroche_img {float:right;
width /**/:470px;
height /**/:320px;
margin:15px 0 0 0;padding:0;}

#accroche_img span#masque {float:right;position:absolute;width:470px;height:320px;margin:0;padding:0;
background:url(../img/2009/masque-accroche-img.png) bottom right no-repeat !important;/*png IE7 et + */
background:url(../img/2009/masque-accroche-img.gif) bottom right no-repeat;/*gif IE6 et - */
z-index:998;}

#content {clear:both;padding:0 20px 0 20px;color:#1B266F;font:0.8em Arial, Helvetica, sans-serif;}
#content a {text-decoration:none;color:#2E3889;border-bottom:1px solid #CDE619;padding:0 2px;}
#content a:hover {background:#CDE619;border-bottom:1px solid #2E3889;}
#content a.phpwcmsExtLink {padding:0 17px 0 0;background:url(../../img/button/copy_11x11_9.gif) right no-repeat;}
#content a.phpwcmsBackLink {text-decoration:none;color:#cccccc;border-bottom:none;padding:0 0 0 15px;background:url(../../img/button/image_pos_left0.gif) left no-repeat;}
#content a:hover.phpwcmsBackLink {text-decoration:none;color:#cccccc;border-bottom:none;background:url(../../img/button/image_pos_left0.gif) left no-repeat;}
#content a.more {text-decoration:none;color:#cccccc;border-bottom:none;padding:0 15px 0 0;background: url(../../img/button/sort_3_0.gif) right no-repeat;}
#content a:hover.more {text-decoration:none;color:#cccccc;border-bottom:none;background: url(../../img/button/sort_3_0.gif) right no-repeat;}
#content a.phpwcmsRSSLink:hover { background:none;}
#content td.imagelisttd a, #content td.imagelisttd a:hover { text-decoration:none; border-bottom:none; background:none;}

acronym {border-bottom:2px dotted #AABF17;cursor:help;font-weight:bold;}

#content h1.page {color:#CDE619;text-align:right;margin-top:0;font-style:italic;}
#content h2.page {display:none;}/*HIDE*/
#content h2 a {}
#content h2 a:hover { background:none;}

#dossier {width:820px;margin:30px 0 10px 0;padding:0;}
h3#projet, h3#ossature, h3#liapor {margin:0;padding:0;}
h3#projet a, h3#ossature a, h3#liapor a {width:100%;height:100%;display:block;text-indent:-3000em;}

h3#projet {width:284px;height:326px;float:left;margin:0 0 0 -12px}
h3#projet a{
background:url(../img/2009/dossier-projet-ideal.png) bottom right no-repeat !important;/*png IE7 et + */
background:url(../img/2009/dossier-projet-ideal.gif) bottom right no-repeat;/*gif IE6 et - */
}
h3#ossature {width:262px;height:326px;float:left;}
h3#ossature a{
background:url(../img/2009/dossier-ossature-bois.png) bottom right no-repeat !important;/*png IE7 et + */
background:url(../img/2009/dossier-ossature-bois.gif) bottom right no-repeat;/*gif IE6 et - */
}
h3#liapor {width:258px;height:326px;float:left;}
h3#liapor a{
background:url(../img/2009/dossier-liapor.png) bottom right no-repeat !important;/*png IE7 et + */
background:url(../img/2009/dossier-liapor.gif) bottom right no-repeat;/*gif IE6 et - */
}

#footer {clear:both;width:820px;padding:0 20px 0 20px;}
#footer table {width:95%;font:0.8em Arial, Helvetica, sans-serif;margin:15px 0 0 0;}
#footer table td {width:20%;vertical-align:top;text-align:left;}
#footer table td ul {margin:0;padding:0;}
#footer table td ul li {list-style:none;line-height:1em;margin:0;padding:0;font-weight: bold;}
#footer table td ul li ul {margin:0;padding:0 0 0 9px;line-height:1em;}
#footer table td ul li ul li {font-weight: normal;font-size:0.85em;line-height:1em;margin:0;padding:0;}
#footer table a {display:block;width:100%;margin:0;padding:0 0 1px 0;color:#2E3889;text-decoration:none;}
#footer table a:hover {color:#ffffff;text-decoration:none;border-bottom:1px solid #FFFFFF;padding:0;}
#footer table td.sign {padding:0 0 20px 0;font-size:11px; color:#2E3889;}
#footer table td.sign a {display:inline;}
#footer table td.sign a:hover { text-decoration:none; border-bottom:none; color:#2E3889;}
#footer table td.sign a img {border:none; vertical-align:middle;}

#visites {width:780px;padding:0px 0px 19px 0px;
background: url(../img/2009/bg-visites-bottom.png) bottom left no-repeat !important;/*png IE7 et + */
background: url(../img/2009/bg-visites-bottom.gif) bottom left no-repeat;/*gif IE6 et - */
}
#visites ul.news {margin:0;padding:32px 0px 0px 0px;
background: url(../img/2009/bg-visites-top.png) top left no-repeat !important;/*png IE7 et + */
background: url(../img/2009/bg-visites-top.gif) top left no-repeat;/*gif IE6 et - */
}
#visites ul.news li {margin:0;padding:0;list-style: none inside;line-height:0.8em;background-position:top;background-repeat:repeat-y;
background:url(../img/2009/bg-visites-middle.png) top left repeat-y !important;/*png IE7 et + */
background:url(../img/2009/bg-visites-middle.gif) top left repeat-y;/*gif IE6 et - */
}
#visites ul.news li a {padding:0 20px 7px 20px;color:#2E3889;text-decoration:none;font:bold 0.8em Verdana, Arial, Helvetica, sans-serif; display:block;}
#visites ul.news li a:hover {color:#5762AF;}
#visites a.phpwcmsRSSLink {display:block;width:18px;height:18px;text-indent:-3000em;position:relative;left:728px;top:0px;}

#fonctions {position:absolute;top:0;width:820px;text-align:center;font:0.75em Arial, Helvetica, sans-serif;color:#000099;}
#fonctions ul {display:inline;}
#fonctions ul li {display:inline;}
#fonctions ul li a {color:#ffffff; background:#2E3889;text-decoration:none;padding:0 3px 0 3px; font-weight:bold;}
#fonctions ul li a:hover {text-decoration:none;background:#ffffff; color:#2E3889;border-bottom:3px solid #CDE619}
/*
#fonctions ul li a {color:#BACF26 /*#2E3889* /;text-decoration:none;padding:0 3px 0 3px; font-weight:bold;}
#fonctions ul li a:hover {text-decoration:none;background:#ffffff; color:#2E3889;border-bottom:3px solid #CDE619}
*/

/* ------- start news --------- */

.newsEntry {
   padding: 5px 0 0px 0;
}

.newsImageTeaser {
   float:left;
   border: 5px solid #f6ecee;
   margin: 0px 10px 5px 0;
   padding: 0px 0px 0 0;

}
.newsImageDetail {
   float:left;
   border: 5px solid #f6ecee;
   margin: 4px 10px 5px 0;
   padding: 0px 0px 0 0;

}
.news_teaser {
   text-align: justify;
}

.news_text{
   text-align: justify;
}
.hrNews{
   margin: 0px 0 0px 0;
   padding: 5px 0 0px 0;
   height:0;
   border:0;
   border-bottom:1px dotted #CCCCCC;
   clear:both;
}

/* ------- end news --------- */

/* lexique */
.glossary_filter_top {}
.glossary_filter_bottom {margin:15px 0 0 0;}
.glossary_list_entry h2 {margin-bottom:3px;}


.imagelisttd {text-align:center;vertical-align:bottom;}
.imglistcaption {padding:0 0 10px 0;text-align:center;}
.imglistcaption a {font-size:0.75em;color:#CCCCCC;}
.imglistcaption a:hover {color:#999999;}

/*formulaire de contact #phpwcmsForm225*/
#phpwcmsForm225 {}
#phpwcmsForm225 table { 
width:100%;
}
#phpwcmsForm225 table tr {
}
#phpwcmsForm225 table td {
margin:3px;
vertical-align: middle;
/*temp
border:1px solid red;*/
}
#phpwcmsForm225 table h2 { margin-bottom:0; border-bottom:2px solid #233283;}
.ok { font-size:14px; font-weight:bold; padding:10px; background:#CDE619; }
.pasok {font-size:14px; font-weight:bold; padding:10px; background: #CC3333; color:#FFFFFF;}
#phpwcmsForm225 table td span.pasok { color:#CC3333; background:none;}
#phpwcmsForm225 input[type=text], #phpwcmsForm225 textarea, #phpwcmsForm225 select {color:#233283; border:1px solid #233283; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; background:#f8f8f8;}
#phpwcmsForm225 textarea { width:98%;}
#phpwcmsForm225 label { width:100%;}
#phpwcmsForm225 input[type=text]:focus, #phpwcmsForm225 textarea:focus { background-color:#CDE619;}
.adresse { font-size:12px; color:#233283; text-align: left;}
.highlight { background:#FFFFCC;}