/* SET COULEURS CSS
bleu > 1F497D 758EAE AAB9CC
gris > 9B9B9B C9C9C9 E3E3E3
*/


/* ///////////////////////////////////////////////////////// STRUCTURE GENERALE */
body {
background: #C9C9C9;
font-size: 11px;
font-family: "Trebuchet MS", Arial, SunSans-Regular, Sans-Serif;
color:#3B3B3B;
padding:0;
margin:0;
}
a, a:visited {color: #1F497D;text-decoration:underline;}
a:hover, a:active {color: #758EAE;text-decoration:none;}
a img{border:0;margin:0;padding:0;}
.coolBouton,.coolBouton:visited{
    padding: 3px 10px 7px 28px;
    border: solid 1px #B2B2B2;
    position: relative;
    cursor: pointer;
    display: inline-block;
    background-image: url( '../img/bouton_bg.gif' );
    background-repeat: repeat-x;
    font-weight:bold;
    height: 16px;
    text-decoration: none;
    color: #000000;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}
.coolBouton:hover{
  background-image: url( '../img/bouton_hover_bg.gif' );
}
.coolBouton img {
    position: absolute;
    top: 2px;
    left: 3px;
    border: none;
}
.question,.reponse,.reponseSuivi{padding:10px; padding-left:35px;}
.question {background:url("../img/set2/001_11.png") 10px 50% no-repeat;
border:2px solid #F2DD8C; background-color:#FFF5CC;}
.reponse,.reponseSuivi {background:url("../img/set2/001_59.png") 10px 50% no-repeat;
border:2px solid #BBDF8D; background-color:#EAF7D9;}
/* ################################### CONTAINER */
#container {
/*width: 920px;*/
width:80%;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background: #ffffff;
border-left: 1px solid #969696;
border-right: 1px solid #969696;
}


/* ################################### HEADER */
#header {
background: #ffffff;
padding: 0px;
margin: 0px;
height: 70px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
}
#header #logo {
float:left;
display:inline;
background-color: #ffffff;
padding: 0px;
margin: 0px;
width: 432px;
height: 60px;
}
#header #pub_banniere {
float:right;
display:inline;
background-color: #ffffff;
padding: 0px;
margin: 0px;
width: 468px;
height: 60px;
}


/* ################################### CONTENT */
#content {
background: #ffffff url(../img/fond_content.png) top left repeat-x;
padding: 0;
margin: 0 172px 15px 192px;
padding:5px;
padding-top:0;
}

#content #contenu {
margin: 0;
margin-left:10px;
margin-right:10px;
font-size:1.1em;
text-align:justify;
}

/* ################################### LEFT */
#left {
float: left;
width: 182px;
margin: 0px;
padding: 0px;
margin-left:10px;
}

#left p a, #left p a:visited {color: #3B3B3B;text-decoration:underline;}
#left p a:hover, #left p a:active {color: #3B3B3B;text-decoration:none;}

/* ################################### RIGHT */
#right {
float: right;
width: 162px;
margin: 0;
padding: 0;
margin-right:10px;
}

/* ################################### FOOTER */
#footer {
clear: both;
margin: 0px auto;
padding: 0px;
text-align: center;
background-color: #1F497D;
/*width:920px;*/
width:100%;

}
#footer p {
color:#ffffff;
line-height:1;

}
#footer p a, #footer p a:visited {color: #ffffff;text-decoration:underline;}
#footer p a:hover, #footer p a:active {color: #ffffff;text-decoration:none;}