/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 10
   © 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: #FFFFFF;
	background: #2C2F22;
}
a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FFF;
}
strong {
	color: #A1B55D;
}

/* Conteneur central */
#centre {
	background-image: url(../images/10-colonnes.png);
	background-repeat: repeat-y;
}

/* Navigation 
#navigation {
	background: #181A12;
}
#navigation a {
	color: #FF6533;
}
#navigation a:hover, #navigation a:focus {
	background: #000000;
}
*/
/* Contenu principal */
#principal {
	color: #000000;
	background: #FFFFFF;	/*border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FF6533;*/
}
#principal a {
	color: #332510;
}
#principal a:hover, #principal a:focus {
	color: #6E5122;
}
#principal strong {
	color: #181A12;
}

/* Contenu secondaire */
#secondaire {
	background: #FFFFFF;
}



/* --- POSITIONNEMENT --- */

/* Page body {
	padding: 20px 5px;
}*/

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

/* En-tête */
#entete {
	padding :0;
}
/*
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}
*/
/* Bloc central */
#centre {
	width: 100%;
	overflow: hidden;
}

/* Menu de navigation */

#navigation {
	float: left;
	width: 180px;
	
}

/* Contenu principal */
#principal {
	float: left;
	width: 60%;
	padding: 10px 20px;

}
#principal > :first-child {
	margin-top: 5px;
}
#principal p, #principal li {
	line-height: 1.5;
}

/* Contenu secondaire ==================================*/
#secondaire {
	margin-left: 830px;
	margin-right:0;
	background-image: url(../images/tiret.png);
	background-repeat: repeat-y;
	background-position: left;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 12;
}

/* Pied de page */
#pied {
	margin: 0;
	padding: 15px 20px 10px 0;
	font-size: .85em;
}

/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;
}
/*----------------------------------------------------------------*/
.titrechapeau {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	display: block;
	letter-spacing: 0.1em;
	text-align: justify;
}
#colgauche {
	float: left;
	height: auto;
	width: 48%;
	text-align: justify;
	display: block;
	
}
#content a{
	display: block;
	text-align:left;
color: #FF6533;
padding-left: 14px;
	margin-left: 15px;
	background-image: url(../images/puce_noire.png);
	background-repeat:no-repeat;
	background-position: 0px 4px  ;
	text-decoration:none;
}

#content .sstitre{
	color:#666;
	font-style:italic;
	
}

#video{
	text-align:center;
	background-color:#ffffff;
	height:350px;
}


#coldroite .a {
	
	color: #FF6533;
}

#coldroite {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	height: auto;
	width: 48%;
	text-align: justify;
	display: block;
}
#cleardiv
{
clear: both;
}
#coldroite2 {
	float: left;
	margin-top: -8px;
	margin-left: 20px;
	height: auto;
	width: 48%;
	text-align: justify;
	display: block;
}

#colgauchebis {
	float: left;
	height: auto;
	width: 78%;
	text-align: justify;
	display: block;
	
}
#coldroitebis {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	height: auto;
	width: 10%;
	text-align: right;
	display: block;
}
#block1 {
	width: 100%;
	border: 1px solid #666666;
	display: block;
	margin-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}

/* MENUS */
#menu{
	width:150px;
	margin:12px auto 0 auto;
	
}
.menu{
	display:block;
	height:100%;
	width:100%;
	font-family:arial,sans-serif;
	font-size:10pt;
	background:#000000;
	margin-top: 20px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left:2px;	
}
.menu a{
	text-decoration:none;
	background:#000000;
	color: #FFF;
	display: block;
}
.menu a:hover, .menu a:active, .menu a:focus {
	color: #ff6533;
}
/**/
#menu ul
{
color: #ff6533;
}

.sousmenu{
	background-image:url(/images/puce01.jpg);
	background-position:2px 4px;
	background-repeat:no-repeat;
	height:100%;
	width:148px;
	background-color: #000000;
	margin-bottom: 2px;
	padding-top: 1px;
	/*padding-right: 5px;*/
	padding-bottom: 1px;
	padding-left: 12px;
	/*margin-left: 3px;*/
}
.sousmenu a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	font-family:arial, sans-serif;
	font-size:9pt;
	font-weight:normal;
	text-decoration:none;
	color: #FFF;
}

.sousmenu a:hover, .sousmenu a:active, .sousmenu a:focus{
	color: #ff6533;
}
.bouton1 {
	color: #5B5B5B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-image: url(../images/puce2.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	text-indent: 15px;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFFFFF;
}
.bouton11 {
	color: #ff6533;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-image: url(../images/puce22.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	text-indent: 15px;
	font-weight: bold;
	border: 1px solid #FFFFFF;
	text-decoration: none;
}
.bouton11 a:hover, .sousmenu a:active, .sousmenu a:focus{
	color: #CCCCCC;
}

.titrePuce_G
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000000;
	font-weight: bold;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 10px;
	margin-left: 5px;
	background-image: url(../images/puce2.png);
	text-indent: 20px;
	height: 30px;
	width: auto;
}
.titrePuce_G2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	font-weight: bold;
	text-align: left;
	background-repeat: no-repeat;
	background-image: url(../images/puce22.png);
	text-indent: 15px;
	background-position: left top;
}
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	font-weight: bold;
	text-align: left;
	background-repeat: no-repeat;
	background-image: url(../images/puce22.png);
	text-indent: 15px;
	background-position: left top;
}
/* INFOS BULLE ------- */
a.info{
	position:relative;
	z-index:24;
	color:#000;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-left: 50px;
	}

a.info:hover{
	z-index:25;
	color: #FFFF00;
}

a.info span{display: none}

a.info:hover span{
	display:block;
	position:absolute;
	top : -20px;
	left:150px;
	width:350px;
	border:1px solid #000000;
	background-color:#E6E6E6;
	color:#000000;
	text-align: left;
	font-weight:normal;
	padding:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	}