/* Style général & structures global
------------------------------------------------------------ */

* { margin: 0; padding: 0; border: 0; }

html {	margin: 0;
		padding: 0;
		height: 100%;
		width:100%;
		height:100%;
		}

body {	
	background: url(../images/bg.jpg) repeat-x; 
	background-color:#f5d2b6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	width:100%;
	height: 100%;
	margin:0;
	line-height:16px;	
}



a { font-weight: none; 
	text-decoration: none; 
	color:#D53939;
}

a:hover { text-decoration: underline; color:#D53939;}

a.link1 { font-weight: none; text-decoration: none; color:#D53939; padding-left: 15px; background: url(../images/puce.png) no-repeat;}
a.link1:hover { text-decoration: underline; color:#D53939;}

a.link2 { font-weight: none; text-decoration: none; color:#000;}
a.link2:hover { text-decoration: underline; color:#D53939;}

a.link3 { font-weight: none; text-decoration: underline; color:#FFF;}
a.link3:hover { text-decoration: none;color:#FFF;}

.sep {clear:both; height: 25px;}



/* Conteneur Index
------------------------------------------------------------------*/
#index-conteneur-global { position:absolute; width:100%; height:650px; top:50%; margin-top:-255px;  background: url(../images/design/index-bg.jpg) repeat-x; background-color:#f5d2b6;}
#index-conteneur-index { width:100%; height:320px;  background-color:#FFF;}
#index-conteneur-top {background: url(../images/design/index-top.gif) repeat-x; height:30px;}
#index-conteneur { height:270px; text-align:center;}
#index-conteneur-bottom { background: url(../images/design/index-bottom.gif) repeat-x; height:40px;}

#index-infos {clear:both; height:50px; text-align:center; color:#FFF; padding-top:25px;}
#index-infos-sep { height:25px; width:450px; background: url(../images/design/index-sep.gif) repeat-x; left:50%; margin-left:225px;}

a.linkindex {color:#fad5ac; font-weight:bold;}
a.linkindex:hover { color:#FFF;}

.liens-index {font-weight:bold;}
.liens-index a {text-decoration:none; padding:0 5px; color:#FFF;}
.liens-index a:hover {text-decoration:underline;}


/* Conteneur 
------------------------------------------------------------------*/
#conteneur { position:relative; width:890px; left:50%; margin-left: -475px; background: url(../images/bg-site-.gif) repeat-y; padding: 0px 30px 0px 30px; height: auto; }
#bg-centre { background-color:#FFF; width:850px; height: 100%; margin:0 20px;}


/* header
------------------------------------------------------------------*/

#logo { float:left; height:20px; width: 850px; }


/* Photo swf
------------------------------------------------------------------*/

#photo { clear:both; float:left; width:850px; height:250px; background-color:#FFF; background: url(../images/photo-1.jpg) no-repeat; }
#ob-photo { clear:both; float:left; width:850px; height:20px; background: url(../images/ob-photo.gif) no-repeat;}



/* Menu
------------------------------------------------------------------*/
.menu {clear:both; height:30px; background: url(../images/menu.jpg); color:#000; padding-top:5px;}
.menu li {display:inline; float:left; position:relative; margin:0px 4px;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li a, .menu ul li a:hover { display:block;text-align:left; height:20px; font-weight:bold; color:#948d57; overflow:hidden; text-decoration:none;}

.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

.menu ul li:hover a {color:#ab2424;}
.menu ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:215px;}
.menu ul li:hover ul li a.hide {background: url(../images/menu1.gif) no-repeat; color:#ab2424;}
.menu ul li:hover ul li:hover a.hide {background: url(../images/menu2.gif) no-repeat; color:#FFF;}

.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color:#ab2424;  background-color:#FFF;}
.menu ul li:hover ul li a:hover {color:#FFF;  background-color:#ab2424;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:200px; top:10px;}



.sous-menu { margin-left:-5px; border:1px solid #cdcdcd;}
.sous-menu ul{ float:left; }
.sous-menu li{  width:215px; height: 30px; margin:0px;}

.sous-menu a { display:block; color:#ab2424; text-align:left; background-color:#FFF;  padding:5px 5px 5px 10px;}
.sous-menu a:hover{ display:block; color:#FFF; text-decoration:none; text-align:left;  background-color:#ab2424; padding:5px 5px 5px 10px;}



/* Contenu
------------------------------------------------------------------*/
#contenu { clear:both; float:left; width: 850px;  text-align:left;  height: 100%;padding:10px 0px;}




/* footer
------------------------------------------------------------------*/


#footer {clear:both; width:890px; height:300px; background: url(../images/footer.gif) no-repeat; background-position:bottom;}
#footer-sep { float:right; margin:100px 20px 0 0; background: url(../images/footer-sep.gif) no-repeat; width:480px; height:20px;}
#footer-bloc { clear:both; float:right; margin:20px 20px 0 0; width:180px; height:100px; }

#footer-infos { float:left; margin:0px 10px 0px 0px; text-align:right; }
#footer-ico { float:left; text-align:right; background: url(../images/footer-ico.gif) no-repeat; width:40px; height:150px; margin-top:5px;}

/* Plan de site
------------------------------------------------------------------*/
#plan-site {clear:both; float:right; margin:20px 20px 0 0; width:180px; height:20px; text-align:right; padding-right:50px;}


.plan {line-height:16px; padding:30px 0 0 0;}
.plan ul { margin:0; padding: 0; list-style:none; }
.plan li { margin:0; border-bottom:1px solid #F1F1F1;padding:2px 0;}
.plan ul li ul li { margin:0; padding-left:30px; border:none;}
.plan  a { display:block; color:#919191; padding:2px 5px; text-decoration:none;}
.plan  a:hover { display:block; text-decoration:none; color:#b91617; background-color:#F1F1F1;}