/*style general*/

body
{  
	font-size: 14px;
	font-family: "Century Gothic", Verdana, Helvetica;
	/*text-align: right;*/
	background: url("../images/imagefond.jpg") top no-repeat ;
	/*background-color: #cdcdcd;*/
	margin-top:15px;
	margin-left: auto;
	margin-right: auto;
	width: 890px;
	color: black;
}



a
{
   color: #ffffff;
   text-decoration: none;
}

a:hover
{
   text-decoration: underline;
   color: red;
}

a:visited
{
	color: red;
	text-decoration: none;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: "Garamond";
	color: #ffffff;
	margin: 0px;
	letter-spacing: 2px;
	 text-align:center;

}

h1 {font-size: 28px; padding-bottom: 5px; background: url("../images/barretitre.png") repeat-x; -moz-border-radius: 1px; -webkit-border-radius: 1px; -moz-box-shadow: 4px 4px 0 #000;}
h2 {font-size: 18px;  background-color: #700d12; border: 1px; border-style: solid; border-color: black; background: url("../images/barretitre.png") repeat-x; -moz-border-radius: 1px; -webkit-border-radius: 1px; -moz-box-shadow: 1px 1px 0 #000;  }
h3 {  background-color: #700d12; background: url("../images/barretitre.png") repeat-x; -moz-border-radius: 1px; -webkit-border-radius: 1px; }
h4 {font-size: 16px; color: #800004}
h5 {font-size: 12px;}

/*en tete*/


#en_tete
{

	background-color: transparent;
	border: none;
	text-align: center;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;


      
}

p
{ 
padding: 15px;}

/*les menus*/

#menu
{

	margin-left: auto;
	margin-right: auto;
	height:33px;
	padding: 5px;
	border: 1px;
	width: 805px;
	
}

#menu a
{

 background:transparent url("../images/boutonsite.png") ;
 line-height:30px;
 text-decoration:none; 
 padding: 5px; 
 
  
}

#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding : 0 0.5em; 

 }
#menu li a {
 display:block;
 width:110px;
 color:white;
 text-decoration:none;
 padding: 5px;
 }

#menu li a:hover {
 background:transparent url("../images/boutonsite2.png") ;
 
 }
#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 padding-left:0;

 }
 
#menu ul li ul {
 display:none;
 padding: 0;
 }
 
 #menu li ul {
 position:absolute;

 }

 
#menu2
{
   
   margin-top: 10px;
   

}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}




/*le corps*/

#corps
{ 
   color: black;
   margin-top: 10px;
   text-align: center;
   background: none;
   

}

#art
{ 
   color: black;
   margin-top: 10px;
   text-align: center;
   background-color: #bebebe;
   border: 1px;
   border-style : solid; 
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   -moz-box-shadow: 1px 1px 0 #000;

}

div.art
{ 
   color: black;
   margin-top: 10px;
   text-align: center;
   background-color: #bebebe;
   border: 1px;
   border-style : solid; 
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   -moz-box-shadow: 1px 1px 0 #000;


}

#artinx
{ 
   color: black;
   font-size: 18px;
   margin-top: 10px;
   text-align: center;
   background-color: #bebebe;
   border: 1px;
   border-style : solid; 
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   -moz-box-shadow: 1px 1px 0 #000;


}

div.artinx
{ 
   color: black;
   font-size: 18px;
   margin-top: 10px;
   text-align: center;
   background-color: #bebebe;
   border: 1px;
   border-style : solid; 
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   -moz-box-shadow: 1px 1px 0 #000;


}

#artinx a
{
color: #800004
}

#artinx2
{ 
   color: black;
   font-size: 18px;
   margin-top: 10px;
   text-align: center;
   background-color: #bebebe;
   border: 1px;
   border-style : solid; 
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   -moz-box-shadow: 1px 1px 0 #000;


}
#artinx2 a
{
color: #800004
}

#erreur
{
   color: black;
   margin-top: 10px;
   text-align: center;
   background-color: #bebebe;
   border: 1px;
   border-style : solid; 
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-box-shadow: 4px 4px 0 #000;
}

#erreur table
{
   color: black;
   text-align: center;

}

#left_content {
	text-align: center;
	padding: 10px 0px 0px 10px;
	float: left;
	width: 190px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-box-shadow: 1px 1px 0 #000;

}

div#news_site
{
   float: left;
   border: 1px;
   background-color: #bebebe;
   width: 48%; 
   margin: 10px 0px 30px 0px;
   border-style: solid;
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   -moz-box-shadow: 1px 1px 0 #000;
   
   
}

div#news_site table
{
padding-left: 30px;


}
   
div#info
{
   float: right;
   border: 1px;
   background-color: #bebebe;
   width: 48%;
   border-style: solid;
   padding-top: 0px;
   padding-bottom: 0px; 
   margin: 10px 0px 5px 0px;
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   -moz-box-shadow: 1px 1px 0 #000;
}

div.info
{
   float: right;
   border: 1px;
   background-color: #bebebe;
   width: 48%;
   border-style: solid;
   padding-top: 0px;
   padding-bottom: 0px; 
   margin: 5px 0px 0px 0px;
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   -moz-box-shadow: 1px 1px 0 #000;
}

div.info table
{
padding-left: 55px;

}


div#info table
{
padding-left: 55px;

}

table, td
{
   list-style-type: none;

}

img#img-align-top-left {float: left; margin-right: 5px; margin-bottom: 5px;}
img#img-align-left {float: left; margin-right: 5px;}
img#img-align-top-right {float: left; margin-left: 5px; margin-bottom: 5px;}
img#img-align-right {float: right; margin-left: 5px;}

/* BLOG */

.news p
{
    
    margin-top:0px;
	
}
.news
{
    width:80%;
    margin:auto;
	border: 1px;
    border-style : solid; 
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-box-shadow: 1px 1px 0 #000;
	background-color:#CCCCCC;
	margin-left:18px
}

.news a
{
  color: red;
}

div#menu_blog
{
text-align: left;
float: right;
list-style-type: none;
background-color: #bebebe;
border: 1px;
border-style : solid; 
margin: auto;
padding: 1px;
width: 15%;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-moz-box-shadow: 1px 1px 0 #000;
}

#menu_blog ul
{
list-style-type: none;
text-align: center;
 margin:0;
 padding:0;

}

#bar-part
{
text-align: left;
float: right;
list-style-type: none;
background-color: #9e9e9e;
border: 1px;
border-style : solid; 
margin: auto;
padding: 1px;
width: 15%;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-moz-box-shadow: 1px 1px 0 #000;
}

/*pied-de-page*/

#pied_de_page
{

   /*margin-top: 85px;*/
   clear: both;
   background-color: #bebebe;
   border: 1px;
   border-style: solid;
   text-align: center;
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   -moz-box-shadow: 1px 1px 0 #000;

}