/* << ----------------// General Styles //---------------->> */
body {
margin:0;
padding:0;
font-family:Arial;
font-size:16px;
line-height:18px;
//background:#050505 url(/images/background.png);
background-color: rgb(80, 80, 80);
}

p {
color:#000000;
font:normal 12px tahoma,helvetica,arial;
}

a:link, a:visited {
color:#0000ee;
text-decoration:underline;
}
a:hover, a:active {
color:#fecb00;
text-decoration:none;
}

/* << ----------------// Outer container that holds all the columns //---------------->> */
#mainContainer {
margin:0 auto;
padding:0;
width:993px;
background:url(/images/content_bg.png) repeat-y;
}
/* << ----------------// Header //---------------->> */
#header {
margin:0;
padding:0;
width:993px;
height:193px;
background:url(/images/header.png);
}
#logo { 
}
#encartPub{
display:block;
position:relative;
top:66px;
left:232px;
width:470px;
height:62px;
background-color:#ffffff;
border:1px solid #b57a7a;
}

#contentContainer {
float:left;
margin:0;
padding:0;
width:979px;
border-left:7px solid #000000;
border-right:7px solid #000000;
background:#fee26f url(/images/content_background.png) repeat-x;
}
#contentContainerHead {
width:979px;
height:12px;
background:#000000 url(/images/main_content_head.png) no-repeat;
}
#mainColumn {
display:block;
float:left;
margin:10px 0px 10px 43px;
padding:0;
width:747px;
}
#mainColumnHead {
width:747px;
height:12px;
background:transparent url(/images/content_head.png) no-repeat;
}
#mainColumnContent {
width:747px;
height:auto;
background:transparent url(/images/content_bg.png) repeat-y;
}
#mainColumnFoot {
width:747px;
height:13px;
background:transparent url(/images/content_foot.png) no-repeat;
}

#rightColumn {
display:block;
float:left;
margin:10px 0px 0px 12px;
padding:0;
width:150px;
}
#rightColumnHead {
width:150px;
height:12px;
background:transparent url(/images/right_column_head.png) no-repeat;
}
#rightColumnContent {
width:150px;
height:auto;
padding:20px 5px;
background:transparent url(/images/right_column_bg.png) repeat-y;
}
#rightColumnContent img{
margin:5px 0px;
}
#rightColumnContent img#titreRightColumn{
margin:0px 5px 10px 5px;
}
#rightColumnFoot {
width:150px;
height:13px;
background:transparent url(/images/right_column_foot.png) no-repeat;
}

#preambule{
width:715px;
padding:5px 0px 17px 15px;
}
#block01Head{
height:5px;
background:transparent url(/images/block01_head.png) no-repeat;
}
#block01Content{
padding:5px 12px;
}
#block01Content p{
padding:0px 20px 0px 26px;
margin:4px 0 6px 0;
}
#block01Foot{
height:7px;
background:transparent url(/images/block01_foot.png) no-repeat;
}

#rechercher{
width:715px;
padding:5px 0px 17px 15px;
}
#rechercher img{
padding:0px 12px;
}
#block02Head{
height:10px;
background:transparent url(/images/block02_head.png) no-repeat;
}
#block02Content{
padding:5px 12px;
}
#block02Content img#imgRecerche{
display:block;
float:left;
}
#block02Content form{
display:block;
float:right;
width:550px;
padding:10px 0px 0px 0px;
}
#block02Content form table tbody tr td{
vertical-align:top;
}
#block02Content form label, #block02Content form select{
padding:3px 5px;
}
#block02Content form label{
display:block;
float:left;
width:265px;
height:26px;
font-size:14px;
background:#ffffff url(/images/cadre_label.png) no-repeat;
}
#block02Foot{
height:10px;
background:transparent url(/images/block02_foot.png) no-repeat;
}


#resultats{
width:715px;
padding:5px 15px;
}
#resultats img{
padding:0px 12px;
}
#block03Head{
height:10px;
background:transparent url(/images/block03_head.png) no-repeat;
}
#block03Content{
padding:5px 12px;
}
#block03Content p{
padding:0px 20px 0px 26px;
margin:4px 0 6px 0;
}
#block03Foot{
height:10px;
background:transparent url(/images/block03_foot.png) no-repeat;
}

#motsClefs p{
font-size:10px;
line-height:11px;
padding:20px 25px;
}
/* << ----------------// Footer //---------------->> */
#footer {
display:block;
float:left;
margin:0px 0px 0px 0px;
padding:10px;
width:973px;
height:30px;
font-size:10px;
color:#ffffff;
background:#000000;

}
#footer div{
display:block;
float:left;
width:320px;
text-align:left;
}
#footer div#noticeLegale{
text-align:center;
}
#footer div#noticeLegale a{
color:#ffffff;
}
#footer div#copyrights{
text-align:right;
}


/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */