/* CSS Document */
/* ************************************************************************ */
/* Festival dans la boite : Style sheet
/* ************************************************************************ */
/* Creation : Handicap.fr - OCT - JL - 2010-01-05
/* ************************************************************************ */


/* *****************   GENERAL    *********************** */

*              {margin: 0; padding: 0; border: 0 }
.none          {margin: 0; padding: 0; border: 0; background-color:inherit; }
.emptyfloatdiv {margin: 0; padding: 0 0 2px 0; border: 0; background-color:inherit; float:left; position:relative; width:100%; }
.centerdiv     {margin: 0; padding: 2px 0 2px 0; border: 0; background-color:inherit; text-align:center;  }
.clearbox      {display:block;clear:both;}
img {border:0px}




/* *****************   STRUCTURE DE LA PAGE    *********************** */

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.8em;
/*	color: #003b8d;*/
	color:#666666;
	background: #e3792e url(../img/bkgd-etoile-marron.png) 0 0 no-repeat ;
	padding:0 0 5px 0;
}

#conteneur {
	width: 910px;
	margin:0px auto; 
	padding:0;
	background-color:#FFFFFF;
/*	-moz-opacity : 0.8; 
	filter:alpha(opacity=80);   
	-khtml-opacity: 0.8;
	opacity: 0.8; */
}

#content {
	background:#FFFFFF;

	border-right: 3px solid #745a33;
	border-bottom: 3px solid #745a33 ;
	border-left:  3px solid #745a33 ;
	width: 907px;
	padding: 15px 0 15px 0;
}

#header {
/*	background:#E3792E;
	height: 200px;*/
	margin: 0;
	padding: 0;
	
}

#header2 {
position:relative;
}

#logo {
	display:block;
	position:absolute;
	left:-50px;
	top:0px;
	z-index:1000;
	width: 123px;
	height: 199px;
	}
	

/* **************   Gestion de la HOMEPAGE   ********************* */

/*#conteneur-home {
	width: 910px;
	margin:0px auto; 
	padding:0;
	background-color:#e3792e;
}

#content-home {
	background:#f29400 url(../img/etoile.jpg) 100% 100% no-repeat;
	border-right: 3px solid #BB0F4F;
	border-bottom: 3px solid #BB0F4F ;
	border-left:  3px solid #BB0F4F ;
	width: 907px;
	padding: 15px 0 15px 0;
} */ 

#logo-home {
	display:block;
	position:absolute;
	left:51px;
	top:151px;
	z-index:1000;
		}


#col-left-home {
	display:block;
	float:left;
	width: 330px;
	margin-left: 20px;
	margin-top: 20px;
}

#col-right-home {
	display:block;
	float:right;
	width: 500px;
	margin-right: 20px;
	margin-top: 20px;
}




/* **************   MENU   ********************* */
#skyline {
   width: 913px;
   height: 106px;
   background: url(../img/menu-onoff-marron-logo.gif);
/*   margin: 100px 0 0 0;*/
   margin: 0;
   padding: 0;
   position: relative;
   
}
#skyline li {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 2px;
/*	top: 0px;*/
}
#skyline li, #skyline a {
	height: 62px;
	display: block;
	color: #BB0F4F;
	font-family: 1.2em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	z-index:500;
}
	
	/*#skyline a {
	height: 60px;
	display: block;
	color: #BB0F4F;
	font-family: 1.2em Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
	text-decoration:none;
	

	}*/
#panelogo {
	left: 0px;
	width: 100px;
}
#panel1b {	left: 279px;	width: 120px;}
#panel2b {	left: 407px;	width: 122px;}
#panel3b {	left: 533px;	width: 124px;}
#panel4b {	left: 658px;	width: 125px;}
#panel5b {	left: 785px;	width: 128px;}

#panelogo a:hover {   background: transparent url(../img/menu-onoff-marron-logo.gif) 0px -107px no-repeat; color:#FFFFFF; }
#panel1b a:hover {   background: transparent url(../img/menu-onoff-marron-logo.gif) -279px -108px no-repeat; color:#FFFFFF; }
#panel2b a:hover {   background: transparent url(../img/menu-onoff-marron-logo.gif) -407px -110px no-repeat; color:#FFFFFF; }
#panel3b a:hover {   background: transparent url(../img/menu-onoff-marron-logo.gif) -533px -110px no-repeat; color:#FFFFFF; }
#panel4b a:hover {   background: transparent url(../img/menu-onoff-marron-logo.gif) -658px -110px no-repeat; color:#FFFFFF; }
#panel5b a:hover {   background: transparent url(../img/menu-onoff-marron-logo.gif) -785px -110px no-repeat; color:#FFFFFF; }

#skyline span {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}


/* **************  TITRES ********************* */


h1 {
	margin:0; 
}

h2 {font-size:1.6em; 
	font-weight:bold;
	margin : 1.6em 0 0 0;
	/*padding:5px;*/
/*	float:right;*/
	text-align:right;
	color: #745a33;
	font-weight:thin;
}

h3 {
	color:#f29400;
	font-size:1.2em;
	font-weight: bold;
	/*margin : 0 50px 0 25px;*/
	text-align:right;
}

h4 {font-size:0.9em; 
	font-weight:bold;
	color: #144F9B;
	margin:8px 2px 10px 0px;
	padding:0px;
}

.retourhaut {float:right;
}

a.retourhaut:link    { padding: 0 0 0 16px; color:#144F9B; text-decoration: none; background: url(../images/retourhaut.jpg) no-repeat;	}
a.retourhaut:visited { padding: 0 0 0 16px; color:#144F9B; text-decoration: none; background: url(../images/retourhaut.jpg) no-repeat; }
a.retourhaut:hover   { padding: 0 0 0 16px; color:#C6A36B; text-decoration: none; background: url(../images/retourhaut.jpg) no-repeat;}

.strongtext {
	font-weight: bold; font-style: normal; font-size: 1.1em;color:#144F9B;
}


/* **************  PAGES INTERNES ********************* */

#data {
	margin : 10px 50px 10px 25px;
}

#data p { padding: 10px 0 5px 10px;

}

.imgL {
	float:left;
	margin: 10px 15px 15px 0px;
	border: 3px solid #745a33;
	}
	
.imgL2 {
	float:left;
	margin: 10px 15px 15px 0px;
	}
	

#col-left {
	display:block;
	float:left;
	width: 370px;
	margin-left: 20px;
	margin-top: 20px;
}

#col-right {
	display:block;
	float:right;
	width: 370px;
	margin-right: 20px;
	margin-top: 20px;


}


/* **************  LISTES ********************* */

#data ul {
   margin: 10px auto;
   padding: 0;
}
#data li {
   margin: 10px 0 5px 10px;
   padding: 0;
   list-style: square;
   list-style-position:inside;
   top: 0;
}


/* **************  Gestion des couleurs ********************* */
.grenat {  		color: #BB0F4F;}
.marron { color:#745a33;}
.blue { 	color: #003b8d;}
.white { color:#FFFFFF;}


/* **************  TEXTES ********************* */

.data { 

	margin : 10px 50px 10px 25px;
	}
	
.dataL {float:right;}
	
.orange {
	color:#f29400;
}

/* **************  Logos Partenaires footer ********************* */
.logo-part-foot { 
	border-top:2px solid #745a33;
	margin : 10px 50px 10px 25px;
	}
/* ------------------------------------------------------------------------ 
 * Footer section
 * ------------------------------------------------------------------------ */
#footersection {
/*	clear:both;*/
	margin:0 auto;
	display:block;
	text-align:center;
	color: #333333;
	font-size:0.8em;
	font-weight:bold;
	width: 913px;

}
#footersection a:link    { color:#333333; text-decoration: none; }
#footersection a:visited { color:#333333; text-decoration: none; }
#footersection a:hover   { color:#FFFFFF; text-decoration: underline; }
#footersection img    { margin: 0 4px 0 4px; vertical-align:middle; }
/* ------------------------------------------------------------------------ */