/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
img, div { behavior: url(iepngfix.htc) }

body {
    font-size:100%;
    line-height:1em;
    background:url(images/bg.gif) repeat-x top #d6d9de;
    color : #0c1f5d;
}

html, input, textarea	{
    font-family: Arial, Helvetica, sans-serif;
    color:#857160;
}

.alignMiddle { vertical-align:middle}
.alignCenter { text-align: center}
.container1 { width:100%}
.clear { clear:both;}
.fleft { float:left}
.fright { float:right}
div.container {	overflow:hidden; width: 100%;}
a img { border:0px}
img { vertical-align:top;  }

.link-1 { 
    display:block;
    float:left;
    background:url(images/link_bg.gif) left top repeat-x;
    color:#d8d6c8;
    text-decoration:none;
}
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 13px 3px 14px; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#fff}

.link-categorie {
    border : 2px solid white;
    color : #d8d6c8;
    text-decoration:none;
    padding : 5px 20px;
    font-weight : bold;
    font-size : 14px;
    position : absolute;
    top : 640px;
}

.link-categorie:hover {
    color : white;
}

.fond-orange {
    background-color : #d48f42;
}
.fond-bleu {
    background-color : #44668a;
}
.fond-vert {
    background-color : #95a653;
}
.fond-jaune {
    background-color : #f6c924;
}

.link-2 { display:block; float:left; background:url(images/link_bg1.gif) left top repeat-x; color:#857160; text-decoration:none; }
.link-2 em { display:block; background:url(images/link_left1.gif) no-repeat left top;}
.link-2  b { display:block; background:url(images/link_right1.gif) no-repeat right top; padding:2px 13px 5px 14px; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#000}

#content .row{ background:#3c342d; color:#d8d6c8; line-height:1.5em}
#content .row p{ margin:0 0 27px 0}
#content .row .title-1{  margin-bottom:22px}

#content .row .indent-col {
    height:110px;
    padding-top:30px;
}
#content .indent1{padding:0 0 0 38px}


/*.bg{ background:#e9e8e0}*/

/*content*/
#content{
    font-size:0.75em;
    width:100%;
    text-align:left;
    margin-top : 2px;
}
#content .indent-main{margin:0 20px 0 21px; background:#FFFFFF}
/*#content .indent-main1{margin:6px 6px 0 6px; }*/
#content .indent-main1 {
    padding:6px 6px 6px 6px;
}
#content .indent-main2{padding:6px 6px 0 6px; margin-top:13px }
#content .indent-col1 {
    padding:28px 21px 10px 21px
}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-indent{ margin:0 0 16px 0}
#content .p{ margin:0 0 17px 0}
#content .p2{ margin:0 0 27px 0}
#content .p1{ margin:0}

#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}
.txt{ color:#857160; font-weight:bold; display:block; margin-bottom:15px; float:right}

#page1 #content .indent{padding:0 13px 19px 10px}
#page3 #content .indent{padding:0 13px 19px 10px}
#content .indent-1{padding:0 10px 0 10px}
#content .indent-3{padding:0 0 0 10px}

.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:25px}
.block-contact span{ float:right; margin-right:60px}
input{
    border:1px solid #a4a4a4;
    background:#eae9e2;
    width:172px; height:16px;
    font-size:11px;
    font-family:Tahoma, Geneva, sans-serif;
    color:#a4a4a4;
    padding-left:5px;
    padding-top:2px;
    padding-bottom:2px
}
textarea{
    border:1px solid #a4a4a4;
    background:#eae9e2;
    width:205px; height:95px;
    font-size:11px;
    font-family:Tahoma, Geneva, sans-serif;
    color:#a4a4a4;
    padding-left:5px;
    margin-bottom:11px;
    overflow:auto
}

/* layout.css */

.col1, .col2, .col3, .col4, .col-1, .col-2, .col-3, .col-4 {
    float:left
}

/*======= width =======*/
.main{margin:0 auto; text-align:left; width:980px;}

/*======= header =======*/
#header {height:431px; }

#content .col_cat_btn{
    height : 30px;
    background-color : #e4ebf1;
    border-right : 4px solid white;
    float : left;
}

#content .col1{
    width:236px;
    /*    background:url(images/bg_col1.gif) no-repeat top left*/
    background:url(images/Images/fond_categorie_jaune.png) no-repeat top left;
}
#content .col2{
    width:234px;
    /*background:url(images/bg_col2.gif) no-repeat top left*/
    background:url(images/Images/fond_categorie_orange.png) no-repeat top left
}
#content .col3{
    width:236px;
    /*background:url(images/bg_col3.gif) no-repeat top left*/
    background:url(images/Images/fond_categorie_bleu.png) no-repeat top left
}
#content .col4{
    width:233px;
    /*background:url(images/bg_col4.gif) no-repeat top left*/
    background:url(images/Images/fond_categorie_vert.png) no-repeat top left
}

#content .bg-1{ 
    /*background:url(images/tail.gif) repeat-y 234px top*/
}
#content .bg-2{ 
    /*background:url(images/tail.gif) repeat-y 468px top*/
}
#content .bg-3{ 
    /*background:url(images/tail.gif) repeat-y 704px top*/
}
#content .bg-3:hover{
    cursor:pointer;
}

/*======= index.html =======*/
/*#content .col-1 {
    width:460px;
    margin-right:4px;
}

#content .col-2{
    width:462px;
}*/

#page1 #content .col-1 {
    width:307px;
    margin-right:4px;
}

#page1  #content .col-2{
   width:615px;
}

/* Ajouts Nooveo */

.categorie {
    height : 550px;
    color : #0c1f5d;
}

.categorie h1 {
    padding-top : 60px;
    font-size : 12pt;
    text-align : center;
    border : none;
    margin-bottom : 10px;
    padding-bottom : 0px;
    color : #0c1f5d;
    font-variant : small-caps;
    font-family : Arial;
}

.categorie p {
    height : 90px;
    overflow : auto;
    text-align : left;
}

.categorie a {
    text-decoration : none;
    color : #0c1f5d;
}

.categorie a:hover {
    text-decoration : underline;
}

.center {
    text-align : center;
}

.encart {
    background-color : #e9e8e0;
    float : left;
    width : 70px;
    height : 70px;
    margin : 10px;
    text-align : justify;
    color : gray;
    padding : 2px;
    border : 2px solid white;
}

.marge_gauche {
    margin-left : 25px;
}

.zone_news {
    background-color : #fbfcfc;
    background-image : url(images/fond_bas.gif);
    background-repeat : repeat-x;
    background-position : top;
}

.bg {
    background-color : #dae3eb;
    background-image : url(images/fond_bas_inverse.gif);
    background-repeat : repeat-x;
    background-position : top;
}

#piedpage {
    background-image : url(images/fond_piedpage.gif);
    height : 35px;
    padding-top : 12px;
    margin : 6px;
}

#piedpage a {
    font-size:12px;
}

/** STYLES ADMIN NOOVEO **/
h1 {
    margin-bottom : 20px;
    padding-bottom : 20px;
    font-size : 16pt;
    border-bottom : 2px groove gray;
    font-family : Verdana, Arial;
    font-weight : bold;
    color : #0c1f5d;
}

h2 {
    /*color : #857160;*/
    color : #EEB500;
    font-size:12px;
    /*margin-top:10pt;
    margin-bottom:25px;*/
    margin-bottom:3px;
    font-family : Verdana, Arial;
    font-weight : bold;
}

h3 {
    color:#857160;
    font-size:9pt;
    margin-bottom:3px;
    /*    font-style : italic;*/
    font-weight : bold;
    color : #0c1f5d;
}

h4 {
    color:gray;
    font-size:8pt;
    margin-bottom:3px;
}

h5 {
    color:gray;
    font-size:8pt;
    margin-bottom:3px;
}

h6 {
    color:gray;
    font-size:8pt;
    margin-bottom:3px;
}

p {
    margin : 0 0 17px 0;
    font-size : 8pt;
    letter-spacing : 1px;
    word-spacing : normal;
}

a {
    color:#548DD4;
    text-decoration:underline;
}

a:hover {
    text-decoration:none;
}

ul {
    list-style:none;
}

ul li {
    background-position:0 9px;
    margin:0;
    padding-left:5px;
    padding-right:5px;
}

ul li a {
    color:#c8504e;
    text-decoration: underline;
    line-height:1.75em
}

ul li a:hover {
    text-decoration:none;
}

/*hr {
    position:absolute;
    width:940px;
}*/

table {

}

tr {

}

td {

}
/** FIN ADMIN NOOVEO **/

/*.menu {

}

.menu a {
    color : #0c1f5d;
    text-decoration : none;
}

.menu a:hover {
    color:#548DD4;
    text-decoration:underline;
}

.menu a:active {
    color : #1f5d0c;
    text-decoration : underline;
}
*/
#footer a {
    color : #ad805a;
    text-decoration : underline;
}

#footer a:hover {
    text-decoration : none
}

#sousmenuSolaire {
    background : url(images/Images/Ar_solaire.png) no-repeat;
    height:30px;
    margin-top:-1px;
    list-style : none;
    padding-top : 13px;
    padding-bottom : 10px;
    padding-left:60px;
    font-size : 13px;
    text-align : left;
    vertical-align : middle;
    color: gray;
    border-top : 2px solid gray;
    border-bottom : 2px solid gray;
}

#sousmenuSolaire li {
    display : inline;
    padding-right : 5px;
    font-weight:bold;
    color: gray;
}

#sousmenuSolaire li a {
    color: #436589;
    font-weight:bold;
    text-decoration : none;
}

#sousmenuSolaire li a:hover {
    color : gray;
    text-decoration : underline;
}

#sousmenuBatiment {
    background : url(images/Images/Ar_batiment.png) no-repeat;
    height:30px;
    list-style : none;
    padding-top : 13px;
    padding-bottom : 10px;
    padding-left:60px;
    font-size : 13px;
    text-align : left;
    vertical-align : middle;
    color: gray;
    margin-top:-1px;
    border-top : 2px solid gray;
    border-bottom : 2px solid gray;
}

#sousmenuBatiment li {
    display : inline;
    padding-right : 5px;
    font-weight:bold;
    color: gray;
}

#sousmenuBatiment li a {
    color: #436589;
    font-weight:bold;
    text-decoration : none;
}

#sousmenuBatiment li a:hover {
    color : gray;
    text-decoration : underline;
}

#sousmenuCarbone {
    margin-top:-1px;
    background : url(images/Images/Ar_carbone.png) no-repeat;
    height:30px;
    list-style : none;
    padding-top : 13px;
    padding-bottom : 10px;
    padding-left:60px;
    font-size : 13px;
    text-align : left;
    vertical-align : middle;
    color: gray;
    border-top : 2px solid gray;
    border-bottom : 2px solid gray;
}

#sousmenuCarbone li {
    display : inline;
    padding-right : 5px;
    font-weight:bold;
    color: gray;
}

#sousmenuCarbone li a {
    color: #436589;
    font-weight:bold;
    text-decoration : none;
}

#sousmenuCarbone li a:hover {
    color : gray;
    text-decoration : underline;
}

#sousmenuFormation {
    margin-top:-1px;
    background : url(images/Images/AR_formation.png) no-repeat;
    height:30px;
    list-style : none;
    padding-top : 13px;
    padding-bottom : 10px;
    padding-left:60px;
    font-size : 13px;
    text-align : left;
    vertical-align : middle;
    color: gray;
    border-top : 2px solid gray;
    border-bottom : 2px solid gray;
}

#sousmenuFormation li {
    display : inline;
    padding-right : 5px;
    font-weight:bold;
    color: gray;
}

#sousmenuFormation li a {
    color: #436589;
    font-weight:bold;
    text-decoration : none;
}

#sousmenuFormation li a:hover {
    color : gray;
    text-decoration : underline;
}

#sousmenuQui {
    background : url(images/Images/Ar_qui-somme-nous.png) no-repeat;
    height:30px;
    list-style : none;
    padding-top : 13px;
    padding-bottom : 10px;
    padding-left:60px;
    font-size : 13px;
    text-align : left;
    vertical-align : middle;
    color: gray;
    border-top : 2px solid gray;
    border-bottom : 2px solid gray;
}

#sousmenuQui li {
    display : inline;
    padding-right : 5px;
    font-weight:bold;
    color: gray;
}

#sousmenuQui li a {
    color: #436589;
    font-weight:bold;
    text-decoration : none;
}

#sousmenuQui li a:hover {
    color : gray;
    text-decoration : underline;
}

.okMsg {
    font-weight : bold;
    color : green;
}

.errMsg {
    font-weight : bold;
    color : red;
}

/* Moteur de recherche références */
.rechercheReferences {
    border : 0px solid silver;
    padding : 10px;
}

.rechercheReferences th {
    text-align : center;
    font-size : larger;
    height : 35px;
}

.buttons {
    text-align : center;
    padding : 15px;
}

.ficheReference {
    border : 2px groove silver;
    padding : 10px;
    text-align : justify;
}

.date_news{
    padding-left : 10px;
    color:#143a18;
    font-weight : bold;
    background:url(images/Ar_titreNews.png) 0px 10px no-repeat;
    height:31px;
    padding-top:10px;
}

.anneeDebutNews {
    padding-left : 10px;
    font-weight : bold;
}

.logo{
    padding : 10px;
}

.logo_news{
    padding : 2px;
    color:#143a18;
    background:url(images/Ar_titreNews.png) 0px 10px no-repeat;
    height:31px;
    padding-top:10px;
}

.logo_news img{
    margin-top:-7px;
    margin-right : 5px;
}

.logo span {
    padding : 20px;
}

.photo1_news{
    float : left;
    margin-right : 15px;
    margin-bottom : 5px;
}

.photo2_fiche {
    float : right;
    margin-left : 15px;
    margin-bottom : 5px;
}

.details_news {
    border : 1px solid red;
}

.savoir_plus_news {
    background:url(images/AR_savoir.png) 0px 0px no-repeat;
    width : 175px;
    font-weight : bold;
    font-size : 10px;
    text-align : right;
    padding-top:3px;
    padding-right:8px;
    height:28px;
    float : right;
}

.savoir_plus_resume {
    background:url(images/AR_savoir2.png) 0px 0px no-repeat;
    width:408px;
    font-weight : bold;
    font-size : 10px;
    text-align : right;
    padding-top:3px;
    padding-right:28px;
    height:28px;
    float:right;
}

.news_sep {
    clear : both;
    margin-bottom : 10px;
}

.titre {
    font-size : 18px;
    font-weight : bold;
    padding-left : 10px;
    line-height : 16px;
    padding-bottom : 5px;
}

.titre_news {
    font-size : 14px;
    font-weight : bold;
    padding-left : 5px;
    padding-bottom : 5px;
}

.linkRef {
    text-decoration : none;
    color:#143a18;
}

.linkRef img{
    border : 5px solid white;
}

.linkRef:hover {
    text-decoration : underline;
}

.hidden {
    display : none;
}

.savoir_plus {
    background-color : silver;
    font-weight : bold;
    padding-right : 10px;
    text-align : right;
}

.savoir_plus a {
    color : #0c1f5d;
    text-decoration : none;
}

.savoir_plus a:hover {
    text-decoration : underline;
}

.details {
    /*    border : 1px solid silver;*/
}

.listeRefs {
    text-align : center;
}

.listeRefs a {
    color : #0c1f5d;
}

.listeRefs a:hover {
    color : gray;
}

.separeSousMenu{
    color: #000000;
}

.ficheReference hr{
    width:588px;
}

.browserWarning {
    border : 1px solid red;
    font-size : 9pt;
    font-weight : bold;
    padding : 5px;
    margin-bottom : 10px;
    text-align : justify;
    color : red;
}