body{background:url(../img_interface/background.jpg) repeat; background-color:#BCD9E7; font-family:verdana; font-size:12px; }

*{margin:0; padding:0;}

#global{ width:967px; height:auto; margin-left:auto; margin-right:auto;}

/********* PARTIE HAUT  ************/
#partie_haut{width:967px;}
#banniere{background:url(../img_interface/banniere.png) no-repeat; width:967px; height:214px;}
#sous_banniere{background:url(../img_interface/sous_banniere.png) repeat-y; width:967px; height:62px;}

/************PARTIE MILIEU ******************/
#contenu_g{width:161px; float:left; min-height:500px; height:auto !important;}
#contenu_d{width:806px; float:left; margin-left:0px; }

#monmenu{}
#contenu{			
		background:url(../img_interface/repeat_photo.png) repeat-y; 
		overflow:hidden; 
		min-height:300px; height:auto !important;
		padding:0px 130px 10px 30px;
		color:#666;
		}
		
#contenu H3{color:#336699; border-left:5px solid #336699; padding-left:20px; padding-bottom:20px;}
#contenu a{color:#336699; }
							
							
#footer_client{background:url(../img_interface/footer2.png) no-repeat; width:806px; height:100px;}
#contenu_footer_client{width:400px; color:#666; font-size:12px; text-align:center; margin-left:150px; }
#contenu_footer_client hr{width:400px; color:#AAA;}
.footer_citoyen{color:#FFF; font-size:10px; padding-top:50px;}
.footer_citoyen a{color:#FFF; font-size:10px;}

/************TITRE ET tEXTE ******************/

#titre_page{width:400px; font-family:arial; color:#336699; font-size:25px; font-weight:bold; padding-left: 40px; margin-left:220px;}
#sous_titre_page{width:500px; font-family:arial; color:#888; font-size:14px; font-weight:bold; padding-left: 40px; margin-left:220px;}

.rubrique_port {color:#336699; text-decoration:none; }
.rubrique_port:Hover{color:#336699; text-decoration:underline; }


/********* FORMUALIRE ****************/
#formulaire_utilisateur{margin-left: 770px; font-size:10px; padding-top:80px; color:#FFF;}
#formulaire_utilisateur input{width:80px; height:15px; font-size:10px;}

#formulaire_utilisateur .boutonvalid{width:30px; height:20px; border:1px solid #666; background-color:#FFF; }

/********* PAGE PORTFOLIO ********/

.titre_categorie{font-size:14px; font-weight:bold; border-left:5px solid #336699; color:#336699; padding-left:5px; margin-bottom:30px; }
.description_cat{ font-size:10px; color:#666; padding-left:0px; margin-bottom:20px;}
.portfolio_lien_photo{color:#444; font-weight:bold;}

/*************** MENU *******************/

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width:150px;
  font-size:12px;
}

ul.menu a {
  display: block;
  text-decoration: none;
  text-align:center;	
}

ul.menu li {
  margin-top: 1px;
  
}

ul.menu li a {
  color: #fff;	
  padding: 0.5em;
  border-bottom:2px solid #336699;
}

ul.menu li a:hover {
  font-weight:bold;
}

ul.menu li ul li a {
  color: #FFF;
  padding-left: 0px;
  font-size:10px;
  border-bottom:none;
}

ul.menu li ul li a:hover {
  border-left: 3px #336699 solid;
  border-right: 3px #336699 solid;
}

/********* GALLERIE DANS PORTFOLIO **********/
#gallery {
		background-color: #444;
		padding: 10px;
		width: 520px;
		display:none;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}

#gallery ul a:hover { color: #fff; }

/*****************************************/

.tarif_formule{font-size:14px; font-weight:bold; border-left:5px solid #731F14; color:#731F14; padding-left:5px; margin-bottom:30px;}
.tarif_ss_formule{font-size:14px; font-weight:bold; color:#336699;}

.info{ background-color:#f8eeab; border:1px solid #FF0000; color:#ff0000; padding:10px 10px 10px 10px;}
.infocool{ background-color:#ADF0F5; border:1px solid #0000FF; color:#0000FF; padding:10px 10px 10px 10px; margin:10px 0px 10px 0px;}

/****************LIVRE DOR ***********/

.livredor{background-color:#FFF; border:1px solid #336699; border-left:8px solid #336699; color:#336699; padding:10px 10px 10px 10px; margin:10px 0px 10px 0px;}
.livredor_auteur{font-size:12px; font-weight:bold;}
.livredor_date{font-size:10px; font-weight:bold; color:#666;}


/******** GESTION DES Mini photo *******/

img{border:none;}
