@charset "UTF-8";

@font-face {
	font-family: "LucidaGrande";
	src: url('font/LucidaGrande/LucidaGrande.dfont'), 
	     url('font/LucidaGrande/LucidaGrande.ttf') format('truetype');
}
@font-face {
	font-family: "LucidaSans"; 
	src: url('font/LucidaSans/LSANS.TTF') format('truetype');
}
@font-face {
	font-family: "LucidaGrandeBold"; 
	src: url('font/LucidaSans/LSANSD.TTF') format('truetype');
	font-weigth : bold;
} 

body  {
	margin: 0; 
	padding: 0;
	text-align: left; 
	color: #5B5B5B;
	background-color:#5B5B5B;
	font-family: "LucidaSans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:17px;
    }
#container {
	position:relative;	
	width:100%;
} 
/* /////////////////////////////////////////////////// HEADER //////////////////////////////////////// */
#header {
	position: relative;
	height: 180px;
	width:100%;
	background:url(images/fond_header.jpg) repeat-x;
	z-index:0
} 

#header .head{ width:1000px; height:180px;margin:0 auto; }
#header .head .logo{float:left;margin-top:0px; margin-left:11px}
#header .head .accroche{float:left; margin-top:20px; margin-right:0px; margin-left:30px;}
#header .head .fleche{float:left; margin-top:20px; margin-left:15px;}
#header .head .menu{float:right; margin-top:10px; margin-right:0px;}
#header .head .onglets{float:right; margin-top:14px; margin-right:30px;}

.accroche1{
	font-family:"LucidaGrande",Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#F1A579;
	line-height:45px;
}
.accroche2{
	font-family:"LucidaGrande",Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#D83524;
}
/*
#fleche_menu{
	position:absolute;
	left:802px;
	top:125px;
	height:35px;
	width:21px;
}*/

/* /////////////////////////////////////////////////// SOUS MENUS //////////////////////////////////////// */
a.ssmenu{
	font-size:15px;
	line-height:20px;
	color:#c88964	
}
a.ssmenu:hover{
	font-size:15px;
	line-height:20px;
	color:#f2923d;
	text-decoration:none
}
#ssmenu1{
	position:absolute;
	top:132px;
	margin-left:207px;
	width:227px;
	height:120px;
	background:url(images/fond_ssmenu.jpg) repeat-y;	
	padding-left:20px;
	padding-top:15px;
}
#ssmenu2{
	position:absolute;
	top:132px;
	margin-left:404px;
	width:227px;
	height:120px;
	background:url(images/fond_ssmenu.jpg) repeat-y;
	
	padding-left:20px;
	padding-top:15px;
}

/* /////////////////////////////////////////////////// MAINCONTENT //////////////////////////////////////// */
#mainContent {
    width:100%; 
    height:100%;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
} 

#ombre {
	background:url(images/ombres_mid.png) repeat-y center;
      width:100%;
}
#contenu {	
 	 background:url(images/fond_top_content.png) repeat-x top;
	 background-color:#E5E5E5;
	 margin-left:auto;
	 margin-right:auto;
	 width: 1000px;	
	 padding-bottom:35px;
}
#intitule{
	 padding-top:50px;
	 font-size:20px;
}
.titre1{color:#5B5B5B; text-transform:capitalize}
.titre2{color:#D83524;}

#texte{
	 font-size:13px;
	 line-height:25px;
	 margin-left:65px;
	 padding-right:45px;
}
td.txt{
	padding-left:25px;	
}
.exergue{
	font-size:18px;
	color:#F49262;
	font-weight:bold
}
#concil{
	position:absolute;
	top:370px;
	margin-left:640px;
	
}
/* /////////////////////////////////////////////////// FOOTER //////////////////////////////////////// */
#fond_footer { 
	width:100%;
	height:160px;  
    background:url(images/ombres_bas.png) no-repeat center;
}
#footer {	
    margin-left:auto;
    margin-right:auto;
    width: 1000px;
    height:160px;  
    color:#333;
    text-align:left;
    font-size:12px;
    background:url(images/fond_footer.jpg) repeat-y;
}

.rappel_menu{
	padding-left:15px;
	color:#A5A5A5;
}
.rappel_menu a{
	color:#A5A5A5;
	font-size:11px;
	letter-spacing:1px;
}
.rappel_menu a:hover{
	color:#F49262;
	text-decoration:none;
}
b {
	font-family: "LucidaGrandeBold", Arial, Helvetica, sans-serif
}

#coord{
	float:right;
	margin-right:15px;
	margin-top:-120px;
	width:240px;
	color:#5B5B5B;
	font-size:10px;
	text-align:right;
}
a.fonce, a.fonce:hover{
	color:#5B5B5B;
	font-size:10px;
	text-decoration:none;
	
}
 /* /////////////////////////////////////////////////// LIENS GENERAUX //////////////////////////////////////// */
img{
	border:none;
}
a{
	color: #F49262;
	text-decoration: none;
}
a:hover{
	color: #F49262;
	text-decoration:underline;
}
/* ////////////////////////////////////////////////// FORMULAIRE /////////////////////////////////////////////// */
input, textarea
{
    border:none;
    background-color:#B0B2B3;
    color:#FFFFFF;
   }
input
{
      height:25px;
}
.submit{     
     color:#FFFFFF;
     font-size:14px;
     background-color:#F1A579;
     width:80px;
     height:30px;
     cursor:pointer;
     margin-left:4px;
}
.submit:hover{
     color:#F1A579;
     background-color:#FFFFFF;	
}