/* ==============================================
   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 - je fais un test de couleur background 2C2F22 est remplacé par f8f8f0

et F0E39E (color) par bordeau 6d0f0f
 */
body {
	color: #6d0f0f;
	background: #f8f8f0; 
		}
	
a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}
strong {
	color: #A1B55D;
}

/* Conteneur central j'ai supprimé les images background qui ne serve pas colgauche et coldroite*/


/* debut de mon nouveau test type de menu */


#gallery a, #gallery a:visited {
  color:#fff; 
  text-decoration:none; 
  display:block; 
  padding:0.4em;
  background: #2a7d29;
  }

/* chgt couleur menu */

#gallery a:hover {
  background: #2f8a5f; 
  color: #ffffff;
  
 
  }

dd {
  margin:0; 
  padding:0; 
  text-align:center; 
  border-top:1px solid #fff; 
  }

dt {
  margin:0; 
  padding:0.4em; 
  text-align:center; 
  font-size: 1.0em; 
  font-weight:bold; 
  background: #2f8a5f;
  }

dl {
  margin: 0; 
  padding: 0; 
  border-left:1px solid #fff; 
  border-right:1px solid #fff;
  }


#container {
  width:14em;
margin-bottom:20px 
 
  }


.top {
  display:block; 
  background:transparent; 
  font-size:1px;
  }

.bottom {
  display:block; 
  background:transparent; 
  font-size:1px; 
  border-top:1px solid #fff;
  }


.b1 {
  display:block; 
  height:1px;
  background:#fff;
  margin:0 5px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.b2 {
  display:block; 
  height:1px;
  background:#2f8a5f;
  margin:0 3px;
  border-left:2px solid #fff;
  border-right:2px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.b3 {
  display:block; 
  height:1px;
  background:#2f8a5f;
  margin:0 2px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.b4 {
  display:block; 
  height:2px;
  background:#2f8a5f;
  margin:0 1px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.b1, .b2, .b3, .b4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

.b1, .b2, .b3 {height:1px;}

.b2, .b3, .b4 {
  background:#2f8a5f; 
  border-left:1px solid #fff; 
  border-right:1px solid #fff;
  }

.b1 {margin:0 5px; background:#fff;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}



/* fin de mon nouveau test type de menu */

/* tets suppression navigation Navigation */



/* Contenu principal* je change la couleur 181a12 par4c1010 */



#principal {
  			-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
}
#principal {
	color: #4c1010;
	background: #cbd888;
}
#principal a {
	color: #332510;
}
#principal a:hover, #principal a:focus {
	color: #6E5122;
}
#principal strong {
	color: #181a12;
}



/* Contenu secondaire */
#secondaire {
	background: #2a7d29;
}



/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 0px 0px;
		 margin-top:0px;
}
#global {
	margin-top:0px;
}




/* Haut de page - je le teste pour mettre l'adresse et le tel pour voir

marginn de 200 a 0 pour voir 

 */
#haut {
	margin: 0;
	padding: 15px 260px 10px 200px;
	font-size: .99em;
	}
	
	

/* Haut de page - je le teste pour mettre l'adresse et le tel pour voir */



/* En-tête */

#entete 

{ background-image :url(/img/scroll05.png); 
background-repeat: repeat-x;
background-position:left top;
background-attachment:scroll;


 }

#logo   {float:left;}



#entete .sous-titre {
	margin-left:  18%;
	margin-right:  20%;	 
   padding: 4px;  
	text-align: left;
;
}

/* En-tête-photos */

/* ici */
 
.pics {  
    height:  0px;  
    width:   0px;  
    padding: 0;  
    margin-left:  70%; 
}  
 
.pics img {  
    padding: 0px;  
    border:  1px solid #6d0f0f;  
    background-color: #6d0f0f;  
    width:  318px; 
    height: 188px; 
    top:  0px; 
    left: 0px; 
} 

/* Fin En-tête-photos */








/* Bloc central */
#centre-bis {
	width: 100%;
	overflow: hidden;
}

/* Menu de navigation */
#navigation {
	float: left;
	width: 180px;
	margin-left : 40px;
	}


#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: 240px;
	margin-right: 300px;
	padding: 10px 20px;
}
#principal > :first-child {
	margin-top: 10px;
}
#principal p, #principal li {
	line-height: 1.5;
	list-style-type:disc; 
}

/* Contenu secondaire */

#secondaire {
  			-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
}
#secondaire {
	float: right;
	width: 200px;
	padding: 12px 20px;
	margin-right:40px;
}

#secondaire ul li {
	color: black;
	list-style-type:disc;
	text-align: left;
}

#secondaire a{
	color: black;
					}
#secondaire a:hover , #secondaire a.selected{
	color: grey;
					}

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

background-image :url(/img/scroll_bas05.png); 
background-repeat: repeat-x;
background-position:left bottom;
background-attachment:scroll;

}

/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;




 }
 


/*float left */
.floatleft{
float: left;
padding: 0%;
margin-right: 15px;
margin-top: 0px;

}

/*float right */
.floatright{
float: right;
padding: 0%;
margin-left: 15px;
margin-top: 0px;

}




  /*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.underlinemenu{
font-weight: bold;
width: 100%;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: right; //set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}



.underlinemenu ul li a{
color: #494949;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 6px solid gray; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: green;
}

.adresse {
color: #eee;
text-align: center;
}

/* bordure */

.bordure {
width : 10em ;
border-right: 1px solid black;
}

/* tableaux */
.tablo
{
border:1px solid black;
}


/* coins arrondis */
div#conteneur_test {
color:white;
background:#2A7D29 url(../img/corner_hg.png) no-repeat left top;
width:100%;
}

div#conteneur_test h3 {
color:white;
background:url(../img/corner_hd.png) no-repeat right top;
margin-top:0;
padding-top:20px;
margin-left:20px;
}

div#conteneur_test ul {
margin-left:0;
padding-left:40px;
color:white;
background:#2A7D29 url(../img/corner_bg.png) no-repeat left bottom;
margin-bottom:0;
}

div#conteneur_test ul li.last_element{
color:white;
background:url(../img/corner_bd.png) no-repeat right bottom;
margin-bottom:0;
padding-bottom:20px;
} 


/* diaporama */
div#diaporama {
color:white;
background:#2A7D29 url(../img/corner_hg.png) no-repeat left top;
width:100%;
}

div#diaporama h3 {
color:white;
background:url(../img/corner_hd.png) no-repeat right top;
margin-top:0;
padding-top:20px;
margin-left:20px;
}

div#diaporama ul{
margin-left:0;
padding-left:40px;
color:white;
background:#2A7D29 url(../img/corner_bg.png) no-repeat left bottom;
margin-bottom:0;
list-style-type:none;
}

div#diaporama ul li.last_element{
color:white;
background:url(../img/corner_bd.png) no-repeat right bottom;
margin-bottom:0;
padding-bottom:20px;
list-style-type:none;
}