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

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

/* Page */
#global {
	background: #FFFFFF;
}

/* Navigation */
#navigation {
	background: #FFFFFF;
}
#navigation a {
	color: #FF6533;
}
#navigation a:hover, #navigation a:focus {
	background: #000000;
}

/* Contenu principal */
#contenu {
	color: black;
	background: #FFFFFF url("/images/gabarit/tableau1px.jpg"); background-repeat: repeat-y;
}

#contenu a
{
	text-decoration : none;
}

#contenu a:hover, a:focus {
	color:#FF4C00;
}

/* Pied de page */
#pied {
	color: #E6A948;
}


/* --- POSITIONNEMENT --- */

/* Page */
html, body {
	height: 100%;
}
body {
	padding: 0;
}
#global {
	min-height: 100%;
	width: 978px;
	overflow: hidden; 
	margin-left: auto;
	margin-right: auto; 
}

.casePrez 
{
    margin-top:20px;
    text-align:center;
    width:225px;
    border-right : 1px solid #ddaa99;
    font-size:12px;
    float:left;
    height:150px;
}


/* En-tête */

#entete{
background: #FFFFFF url("/images/gabarit/header.jpg");
height: 193px;
}

#entete h1 {
	margin: 0;
}

#entete_contenu{
	height: 100px;
	width: 370px;
	margin-left: 530px;
	margin-top: 35px;
	float: left;
	font-size:22px;
	color: white;
	text-align:center;
	font-weight:bold;
}

/*Langage*/

#entete_langage
{
	height: 13px;
	width: 42px;
	margin-left: 920px;
	margin-top: 10px;
	float: left;
}

#entete_langage img
{
	float:left;
	margin-left: 2px;
}

/* Menu de navigation */

#navigation{
	font-size:18px;
	color: white;
}

#navigation ul {
 padding:0;
 margin:0;
 list-style-type:none;
 height: 43px;
 }
#navigation li {
 float:left; /*pour IE*/
 }
#navigation ul li a {
 display:block;
 float:left;   
 width:168px;
 line-height:36px; /*hauteur de l'image de fond*/
 background:white url(/images/gabarit/btnOut.jpg) repeat-x;
 color:white;
 text-decoration:none;
 text-align:center;
 }

#navigation ul li.selectionne a{
 display:block;
 float:left;   
 width:168px;
 line-height:43px; /*hauteur de l'image de fond*/
 background:white url(/images/gabarit/btnOpen.jpg) repeat-x;
 color:white;
 text-decoration:none;
 text-align:center;
 } 
 
#navigation ul li a:hover {
 background:white url(/images/gabarit/btnIn.jpg) repeat-x;
 color:white;
 }  

/* En dessous du menu navigation*/
#under_navigation{
	height: 54px;
	background:white url(/images/gabarit/hautTableau.jpg) repeat-x;
}

/* Contenu */

#contenu p, #contenu li {
	line-height: 1.5;
}

h2 
{
    font-weight:bold;
    color:#45200A;
    margin-top:0px;
}

#contenu_reel{
	width: 796px;
	margin-left: 137px;
	font-size:14px;
	color: black;
}

#contenu_reel p{
	margin: 0px;
}
/* Pied de page */

#pied{
	height: 327px;
	background:white url(/images/gabarit/footer.jpg) repeat-x;
}

#contenu_pied{
	width: 796px;
	height: 125px;
	float:left;
	margin: 0px 5px 0px 137px;
	font-size:14px;
	color: Black;
}

#contenu_pied p
{
	margin-top: 0px;
	margin-bottom: 0px;
}
#copyright{
	width: 300px;
	margin-left: 325px;
	float: left;
	margin-top: 165px;
	color:white;
}

/*Formulaire de contact*/

#contact-area {
	width: 600px;
	margin-top: 25px;
	margin-left: 40px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #f4a74b;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	background-color: #f4a74b;	
}

#contact-area label{
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	font-size: 14px;
}