/*    MELLIFLUENS  -  STYLES      */


/* INDEX */

div.fondindex {height:550px;
		width:800px;
		background-image:url("../images/index.jpg");
		background-repeat:no-repeat;
		padding:0px;
		margin:0px;}

/*div.imgindex {position:relative;
		left:0px;
		top:0px;
		}

div.titreindex {position:relative;
		left:124px;
		top:0px;
		width:49px;
		float:left;}

div.gris {position:relative;left:171px;top:0px;
		background-image:url("../images/index.jpg");
		float:left;
		background-color:#cecdcd;
		height:300px;
		width:629px;
		border:0px;}

div.contenuindex {height:540px;} 
*/

div.contenuindex1 {height:510px;
		width:800px;
		text-align:right;
		margin:0px;
		padding-top:0px;}

div.texteindex {position:relative;
		left:0px;
		top:320px;
		float:left;
		height:140px;
		width:180px;
		color:#ffffff;
		padding-top:40px;
		font-size:24px;
		text-align: center;
		}

/*:::::::: ARCHITECTURE :::::::::::::::::::::::::::::::::::::::*/


body {background-color:#999999;}
			
div, h1, p, td, cite { font-family: Verdana, Arial, Helvetica, sans-serif; 
                       font-size:11px;}

h1 {font-size:12px;font-weight:bold;color:#666666;padding-left:0px;margin:0px;} 
h2 {font-size:14px;font-weight:bold;}
h3{font-size:25px;font-weight:bold;color:#9E110E;}
h4 {font-size:10px;font-weight:bold;color:#336699;padding-left:0px;margin:0px;} 
i {padding-bottom:6px;font-size:10px;}


table.fond {width:800px;
		height:550px;
		padding:0px;
		margin-top:2%;
		margin-left:0%;
		margin-right:0%;
		margin-bottom:2%;}


div.fond {height:100%;
		width:100%;
		background-image:url("../images/fond.jpg");
		background-repeat:repeat;}

/*::::::::::::: HEADER ::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


div.header {background-image:url("../images/bandeau_titre.gif");
		height:120px;
		background-repeat:no-repeat;}


div.titrepage {width:265px;
		height:50px;
		float:left;
		text-align:left;
		position:relative;
		top:35px;
		left:90px;}

div.anim1 {float:left;
		height:47px;
		width:47px;
		position:relative;
		top:34px;
		left:10px;
		margin-right:10px;}



div.anim2 {float:left;
		height:47px;
		width:47px;
		background-color:silver;
		position:relative;
		top:55px;
		left:65px;
		margin-right:10px;}


div.menu_haut {background-color:#666666;
		width:800px;
		height:20px;
		text-align:right;}

ul.menu_haut {list-style-type:none;
		margin-right:5px;
		padding-top:4px;
            text-align:right;
		padding-bottom:0px;
		display:inline;}

li.menu_haut {display:inline;
		height:100%;
		padding-right:5px;
		text-decoration:none; 
		color:silver;}

li.menu_haut a{display:inline;
		text-decoration:none;
		color:silver;}

li.menu_haut a:hover{color:#FFFFFF;
		text-decoration:none;}


/*:::::::  CENTRE :::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
		
div.contenu {width:700px;
		text-align:left;
		height:390px;
		padding-top:0px;
		margin-left:100px;}

div.titre1 {width:100%; 
		height:30px;
		margin-bottom:5px;}

div.photo {width:280px;
		height:280px; 
		border:1px solid #9C0000;
		float:left;	
		margin-bottom:5px;}
	
div.info {width:95px;height:203px;padding:5px;
		margin-top:25px;
		margin-bottom:25px; 
		text-align:left;
		font-size:15px;
		float:left;
		background-color:#999999;
		color:#336699;
	}	


div.info a{text-decoration:none;
		color:white;
		height:33%;
		display:block;
		background-color:#999999;
	}
div.info a:hover{text-decoration:none;
		height:33%;
		color:white;
		display:block;
		background-color:#336699;
	}
	
div.discret {display:block;
		height:50px;
		width:100%;
		text-align:left;
		padding-bottom:20px;}

div.comment {
		border:1px solid #999999;
		width:274px;
		padding:4px;
		text-align:left;
		color:#9c0000;
		background-color:#999999;
		clear:both;}

div.commentlong {
		border:1px solid #9c0000;
		width:634px;
		padding:4px;
		text-align:left;
		color:#9c0000;
		background-color:#999999;
		clear:both;}
				   
div.texte {width:235px; 
		height:260px;
          	border:1px solid #9C0000;
		padding:10px;
		overflow:auto; 
		color:#336699;
		float:left;
		text-align:left;
}

div.texte a {color:#336699;
		font-weight:bold;
		text-decoration:none;}

div.texte ul{margin:0px;
		width:75%;
		padding-left:17px;
		padding-bottom:10px;
		padding-top:4px;}


div.texte li {color:#336699;
		list-style-type:square;
		display:list-item;
		padding-left:2px;
		text-decoration:none;}

div.texte li a {color:#336699;
		padding-left:2px;
		text-decoration:none;
		width:100%;}

div.texte ol {color:#336699;
		list-style-type:square;
		display:list-item;
		margin-left:14px;
		padding-left:2px;
		text-decoration:none;
		width:100%;}

div.texte ol a {color:#336699;
		padding-left:2px;
		text-decoration:none;
		width:100%;}

div.texte2 {width:235px; 
          	border:1px solid #9C0000;
		height:260px;
		color:#336699;
		float:left;
		text-align:left;
		padding:10px;}
		   
div.texte2 ul{margin:0px;
		width:75%;
		padding-left:17px;
		padding-bottom:10px;
		padding-top:4px;}

div.texte2 li a {color:#336699;
		list-style-type:square;
		display:list-item;
		padding-left:10px;
		text-decoration:none;
		width:100%;}

div.titre2 {font-size:12px;
		font-weight:bold;
		color:#9C0000;
		text-transform:uppercase;
		padding:0px;}

div.texte3 {width:350px; height:60px;
          	border-left:2px solid #ffffff;
		background-color:#999999;
		padding:10px;
		color:#ffffff;
		float:left;
		text-align:left;
}


dl{	float:left;
	width:370px;
	height:200px;
	padding-left:0px;
	margin:0px;
      border-left:2px solid #ffffff;
	background-color:#666666;
	}


dt {padding-bottom:4px;}


dt a{	color:#ffffff;
	background-color:#336699;
	display:list-item;
	font-weight:bold;
	text-decoration:none;
	width:360px;
	margin:0px;
	padding-top:2px;
	padding-left:10px;
	padding-bottom:2px;
	border-bottom:2px solid #999999;
	border-top:2px solid #999999;}
		}

dt  a:hover {
		width:360px;

}

dd  {	color:#ffffff;
	list-style-type:none;
	display:inline;
	

}

dd a {color:#ffffff; 
		text-decoration:none;
		display:inline;
		padding-left:4px;
		padding-right:4px;
		background-color:#999999;
		border-right:1px dotted #ffffff;
		border-top:1px dotted #ffffff;
		border-bottom:1px dotted #ffffff;
		border-left:1px dotted #ffffff;
	margin-top:4px;
		}

dd a:hover {color:#336699; 
		background-color:#999999;
		text-decoration:none;
		}
		   
/*::::::   FOOTER  ::::::::::::::::::::::::::::::::::::::::::::*/

div.footer {background-color:#666666; 
		height:20px;
		padding:0px;
		margin:0px;}

ul.footer_list {margin-right:5px;
        	 text-align:right;
		 margin-top:0px;
		 margin-bottom:0px;
		padding:0px;}

li.footer_list {display:inline;
		text-decoration:none;
		color:#333333;}

li.footer_list a {text-decoration:none;
		color:silver;}

li.footer_list a:hover {color:#FFFFFF;
		text-decoration:none;}


/*::::::::::: FORMULAIRE :::::::::::::::::::::::::::::*/


div.texte4 {width:215px; 
          	border:1px solid #9C0000;
		height:250px;
		color:#336699;
		float:left;
		text-align:left;
		padding-left:5px;
		padding-right:5px;
		font-size:11px;
		margin:0px;}




div.info2 {width:105px;height:263px;
		padding-left:5px;
		padding-right:5px;
		margin-top:0px;
		text-align:left;
		font-size:11px;
		float:left;
		background-color:#999999;
		color:#336699;
	}