/* generated by csscreator.com */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-size:10px;
 font-family:verdana, tahoma, sans-serif;
}

html{
background-image: url(images/background.gif); background-repeat: repeat-x;
}

p {
padding:8px 0px 8px 0px; /*ici j'ai mis 10 mais tu peux mettre ce que tu souhaites*/
margin:0px 0px 0px 0px;
}

#pagewidth{
 width:950px; 
 text-align:left;
margin-left:auto; 
 margin-right:auto;  
} 

/**************************
MENU DU HAUT
***************************/

#header{
 position:relative; 
 height:163px;
 /*background-color:#0CFFFF;*/
 width:100%;
 background-image:url(images/header_background.jpg);
 font-weight:bold;
} 

#header_in_left{
 width:38%;
 height:120px;
 float:left;
 }

#header_in_right{
 width:26%;
 height:120px;
 float:right;
 }

#header_in_center{
 float: left;
 display:inline;
 width:36%;
 height:120px;
 }

#header_find{
 /*margin-top: 35px;*/
 padding-top:30px;
 padding-left:5px;
 height:30px;
 }

.input_find{
font-family:verdana, tahoma, sans-serif;
font-size:10px;;
border-style:double;
border-width:1px 1px 1px 1px;
width:180px;
height:20px;
display:inline;
padding:3px;
}

#header_rss{
 height:25px;
 padding-left:5px;
 }
#header_rss a:Visited{
  color:#000000;
  text-decoration:underline;
}
#header_rss a{
  color:#000000;
  text-decoration:underline;
}

#header_partenaires{
 height:25px;
 padding-left:5px;
 }
#header_partenaires a:Visited{
  color:#000000;
  text-decoration:underline;
}
#header_partenaires a{
  color:#000000;
  text-decoration:underline;
}

.onglet_haut_gauche{
float: left;
display:inline;
width:126px;
height:28px;
background-image:url(images/onglet.gif);
margin-top: 15px;
margin-left: 16px;
/*filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;*/
}

.onglet_haut{
float: left;
display:inline;
width:126px;
height:28px;
background-image:url(images/onglet.gif);
margin-top: 15px;
margin-left: 2px;
/*filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;*/
}

.onglet_texte{
padding:7px 0px 5px 10px;
text-align: center;
color: #FFFFFF;
font-size:11px;
/*filter:alpha(opacity=100);
-moz-opacity:1;
opacity: 1;*/
}

.onglet_texte a:Visited{
  color:#FFFFFF;
  text-decoration:underline;
}

.onglet_texte a{
  color:#FFFFFF;
  text-decoration:underline;
}
/**************************
FIN MENU DU HAUT
***************************/

/**************************
CADRE
***************************/
#cadre_haut{
  width:950px;
  height:4px;
  background-image:url(images/cadre_haut.gif);
  background-repeat:no-repeat;
  display: block;
}
#cadre{
  background-image:url(images/cadre_fond.gif);
  display: block;
}
#cadre_bas{
  width:950px;
  height:20px;
  background-image:url(images/cadre_bas.gif);
  background-repeat:no-repeat;
  display: block;
}
/**************************
FIN CADRE
***************************/

/**************************
BOX
***************************/
#box_haut{
  width:294px;
  height:11px;
  background-image:url(images/box_haut.gif);
  background-repeat:no-repeat;
  display: block;
  margin:4px 0px 0px 24px;
}
#box_bas{
  width:294px;
  height:6px;
  background-image:url(images/box_bas.gif);
  background-repeat:no-repeat;
  display: block;
  margin:0px 0px 0px 24px;
}
#box{
  width:294px;
  background-image:url(images/box_fond.gif);
  display: block;
  margin:0px 0px 0px 24px;
}
#box_texte{
margin:0px 5px 0px 5px;
text-align:left;
}
/**************************
FIN BOX
***************************/

#bandeau_bas{
  float: left;
  background-image:url(images/bandeau_bas.gif);
  display: inline;
  width:910px;
  height:32px;
  padding:0px;
  margin:0px 0px 0px 20px;
}

#bandeau_bas_texte{
padding:8px;
text-align: center;
color: #FFFFFF;
font-size:10px;
}

#bandeau_bas_texte a:Visited{
  color:#FFFFFF;
  text-decoration:underline;
}

#bandeau_bas_texte a{
  color:#FFFFFF;
  text-decoration:underline;
}

#leftcol{
 width:34%;
 float:left;
 display:inline;
 /*margin:4px 0px 0px 24px;*/
 }

#rightcol{
 width:0%;
 float:left;
 display:inline;
 }

#maincol{
 width:65%;
 float: left;
 display:inline;
 }

#maincol_texte{
margin:4px 25px 5px 10px;
text-align:  justify;
}

#footer{
 height:120px; 
  background-color:#7F595C; 
 clear:both;
 }


 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/**************************
TEXTE
***************************/
.titre{
  font-size:11px;
  font-weight:bold;
  padding-bottom:0px;
  margin:0px;
}
.titre_main{
  font-size:20px;
  font-weight:bold;
  color:#530000;
  font-family:Bookman, Palatino, Times, serif;
  padding:0px 0px 0px 0px;
  margin:0px;
  text-align:left;
}
.sous_titre{
  font-size:10px;
  font-weight:bold;
  color:#530000;
  padding-bottom:0px;
}
.sous_titre a:Visited{
  color:#530000;
  text-decoration:none;
}
.sous_titre a{
  color:#530000;
  text-decoration:none;
}

.sous_titre a:hover{
  color:#530000;
  text-decoration:underline;
}

.sous_titre2{
  font-size:10px;
  font-weight:bold;
  color:#530000;
  padding-top:0px;
  margin-left:15px;
}
.sous_titre2 a:Visited{
  color:#530000;
  text-decoration:none;
}
.sous_titre2 a{
  color:#530000;
  text-decoration:none;
}

.sous_titre2 a:hover{
  color:#530000;
  text-decoration:underline;
}
 
.separateur{
  padding:0px;
  margin:0px;
  font-size:0px;
  background-image : url(images/traits_horiz.gif);
  height:1px;
}

/**************************
BOS
***************************/
#titleBar{ 
 margin:0; 
 padding:0; 
 text-align:left;
 font-size:10px;
 font-family:verdana, tahoma, sans-serif;
 color:#000000;
 font-weight:bold;
}

#titleBar a{
  color:#000000;
  text-decoration:none;
}

#titleBar a:hover{
  color:#000000;
  text-decoration:underline;
}

#titleBar a:Visited{
  color:#000000;
  text-decoration:none;
}

#contentBox{ 
 margin:0; 
 padding:0; 
 text-align:left;
 font-size:10px;
 font-family:verdana, tahoma, sans-serif;
 color:#000000;
}

/**************************
FORUMLAIRES
***************************/
.legend{
  color:#530000;
  font-weight:bold;
}

.input_form{
font-family:verdana, tahoma, sans-serif;
font-size:10px;;
border-style:double;
border-width:1px 1px 1px 1px;
width:180px;
height:20px;
padding:3px;
}

.textarea_form{
font-family:verdana, tahoma, sans-serif;
font-size:10px;;
border-style:double;
border-width:1px 1px 1px 1px;
padding:3px;
}

.link1{
  font-size:10px;
  font-weight:bold;
  color:#000000;
}
.link1 a:Visited{
  color:#000000;
  text-decoration:none;
}
.link1 a{
  color:#000000;
  text-decoration:none;
}

.link1 a:hover{
  color:#000000;
  text-decoration:underline;
}

.tableau_pub{
 margin:0; 
 padding:0; 
 text-align:right;
 font-size:10px;
 font-family:verdana, tahoma, sans-serif;
 }
 
 .cadre_pointille{
 border:1px dashed;
 border-color:#904003;
 padding:2px;
 }