/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 11
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */
body {
	color: #F0E39E;
	/*background: #2C2F22;*/
	background-color:#CCCCCC;
}
a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}
strong {
	color: #A1B55D;
}

/* Conteneur central */
#centre {
	background: url(img/other/aserco_colgauche.png) repeat-y left top;
}
#centre-bis {
	background: url(img/other/aserco_coldroite.png) repeat-y right top;
}

/* Navigation */
#navigation {
	/*border:#FF0000 thin solid;*/
	background-color: #000000;
}
#navigation a {
	color: #FF6533;

}

.btn {float:left; border-bottom:#FFFFFF 2px solid;padding:0; background-color:#666666;width:100%;height:68px;}

/* Contenu principal */
#principal {
	color: #181A12;
	font-size:1em;
	letter-spacing:.1em;
}
#principal a {
	color: #332510;
}
#principal a:hover, #principal a:focus {
	color: #6E5122;
}
#principal strong {
	color: #181A12;
}

/* Contenu secondaire */
#secondaire {
		/*border:#FF0000 thin solid;*/
}



/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 20px 5px;
}
#global {
	width: 900px;
	max-width: 90em;
	min-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

/* En-tête */
#entete_bandeau {

	width:900px;
}
#entete_bandeau h1 {
	margin: 0;
}
#entete_bandeau h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete_bandeau .sous-titre {
	margin: 4px 0 15px 0;
}


#entete_bis {
	width:900px;
	height:50px;
	float:left;
	/*background-color:#666666;*/
	background-color:none;
	/*background-image:url(img/other/bandeau.png) ;*/
	background-image:url(img/other/aserco_coldroite.png);
	background-position:top right;
	background-repeat:no-repeat;
	
}

#mini_header {
	float:left;
	background-image:url(img/other/mini_header.png);
	background-repeat:no-repeat;
	background-position: top left;
	height:20px;
	width:900px;
}
/* Bloc central */
#centre-bis {
clear:both;
	width: 100%;
	overflow: hidden;
}

/* Menu de navigation */
#navigation {
	float: left;
	width: 180px;
}
/*#navigation ul {
	margin: 0;
	padding: 20px 10px 20px 10px;
	list-style: none;
}*/
/*#navigation a {
	display: block;
	height: 1%;
	padding: 6px 10px 6px 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}*/

/* Contenu principal */
#principal {
	margin-left: 190px;
	margin-right: 202px;
	padding: 10px 20px;
}
#principal > :first-child {
	margin-top: 10px;
}
#principal p, #principal li {
	line-height: 1.5;
}

/* Contenu secondaire */
#secondaire {
	float: right;
	width: 168px;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;	
}

/* Pied de page */
#pied {
	margin: 0;
	font-size: .85em;
	background-color:#000000;
	padding-top: 10px;
	padding-right: 260px;
	padding-bottom: 10px;
	padding-left: 200px;
}

/* Mention de copyright */
#copyright {
	margin: 0px;
	font-size: 1em;
	text-align: left;
}
.absolute {
position: absolute;
background-color: yellow;
}
.bottom {
bottom: 0;
}
.left {
left: 0;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

.pack_intro {
color:#3366FF; 
font-weight:bold;
background-image:url(img/other/vaguelette.png); 
background-repeat:no-repeat;
background-position:bottom left;
padding-bottom:50px;

}

h2 {
background:url(img/other/paragraphe.png) no-repeat left center;
text-indent:30px;
}

/* remove the margin and bullets, set the padding and margin for this demo only*/
.btn_bandeau {
	list-style:none;
	list-style-type::none;
	margin:0px;
	padding:0px;
	float:left;
/*	height:50px;
	width:700px; 	
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top:0px;
	margin:0px;
*/
}

 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.btn_bandeau li {
display:inline; float:left;
}


/* style the b element to posiition it to the right by 20 pixels and even out the text with 20 pixel right padding */
.btn_bandeau li a  {
	display:block;
	float:left;
	width:140px;
	height:50px;
	text-decoration:none;

}

/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.btn_bandeau li a:hover {
	text-decoration:none;
	/*border:1px #339900 solid; */ 
	
}

.btn_bandeau li a.current,  .btn_bandeau li a.current:hover  {
background-color:none;
cursor:default;
/*border:#333333 solid 1px;*/
/*background-color:#666666;*/
}