body{
	margin:0;
	padding:0;
	height:100%;
	overflow:hidden;
	background:#F4F4F4;
}

html{
	margin:0;
	padding:0;
	height:100%;
	overflow:hidden;
	_padding:100px 0px 100px 0px;
}

div#entete{
	background: #F4F4F4;
	overflow:hidden;
	position:absolute;  
	height:120px;
	top:0px;
	left:0px;
	right:0px;
 
	_width:100%;
}

div#bandeau {
	position:absolute;
	top:0px;
	right:0px;
	width:100%;
	height:70px;
	background-color: #D2D6D5;	
}

div#mail {
    position: absolute;
    top:0px;
    right:0px;
    width:80px;
    height:70px;
    line-height:70px; 
	text-align: center;
	vertical-align:middle; 
    background-color: #2E2D2D;     
}

div#mail img {
    text-align: center;
	padding-left:10px;
	padding-top:15px;
    vertical-align:middle; 
}
	
div#logo {
	position: absolute;
	top:0px;
	left:0px;
	width:300px;
	height:70px;
	padding:10px;
	color: #3C948B;
	font-family: 'Agency FB';
	font-size: 260%;
	font-weight: 700;
	background-color: #D2D6D5;	
}

#logo .logoHome_1 {
	text-decoration: none;
	color: #2E2D2D;
}

#logo .logoHome_1:hover {
	text-decoration: none;
	color: #5F6060;
}

#logo .logoHome_2 {
	text-decoration: none;
	color: #C0392B;
}

#logo .logoHome_2:hover {
	text-decoration: none;
	color: #E74C3C;
}

/*************************************************** Contact ****************************************************************/

div#contact {
	position: absolute;
	top:0px;
	right:80px;
	width:200px;
	height:70px;
	line-height:70px;
	text-align: center;
	color: #F4F4F4;
	font-family: 'Agency FB';
	font-size: 160%;
	font-weight: 500;
	vertical-align:middle; 
	background-color: #C0392B;	
}

 div#contact a {
	display:block;

	color: #F4F4F4;
	text-decoration: none;
 }
 
 div#contact a:hover{
	display:block;
	
	color: #F4F4F4;	
	text-decoration: underline overline;
 }

/************************************************* Paramétrage du menu *****************************************************/

div#menu {
		position:absolute;
		top:0px;
		right:280px;
		height:70px;
		background-color: #D2D6D5;
}

div#menu ul {
 padding:00; 				/* marges intérieures */
 margin:0;					/* marges extérieures */
 list-style-type:none;		/* pas de puces */
 }

 div#menu li {
 margin-left:0px;			/* marge d'écartement à gauche */
 float:left; 				/*pour IE*/
 }

 div#menu ul li a {
 display:block;
 float:left;   
 /*width:100px;*/
 height:70px;
 line-height:70px;
 background-color:#D2D6D5;
 color:#5F6060;
 font-family: 'Agency FB';
 font-size: 130%;
 text-decoration:none;
 text-align:center;	
 border-left:1.5px solid; 
 border-color:#F4F4F4;
 }

 div#menu ul li a:hover {
 color:#2E2D2D;
 background-color:#F4F4F4;
 border-color:#F4F4F4;
}

 div#menu ul li a:active {
 color:#2E2D2D;
 background-color:#F4F4F4;
 border-color:#F4F4F4;
}

div#menu ul li #contact {
	color: #F4F4F4;
	font-family: 'Agency FB';
	font-size: 160%;
	font-weight: 500;
	text-align: center;
	padding:18px;
	vertical-align:middle; 
	background-color: #C0392B;	
}


/********************************************* Paramétrage du sous-menu *******************************************************/

div#subMenu {		
		position: absolute;
		top: 70px;
		left: 0px;
		width:100%;
		height:50px;
		background-color: #F4F4F4;
		border-top:1px solid; 		
		border-bottom:1px solid; 		
		border-color:#D2D6D5;
}

div#subMenu ul {
 padding:0; 				/* marges intérieures */
 margin:0;					/* marges extérieures */
 list-style-type:none;		/* pas de puces */

 }

 div#subMenu li {
 margin-left:0px;			/* marge d'écartement à gauche */
 float:left; 				/*pour IE*/
 }

 div#subMenu ul li a {
	display:block;
	float:left;   
	/*width:100px;*/
	height:50px;
	line-height: 50px;
	background-color:#F4F4F4;
 	color:#5F6060;
	font-family: 'Agency FB';
	font-size: 120%;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	padding:0px;
	border-left:1px solid; 
	border-color:#D2D6D5;
 }

 div#subMenu ul li a:hover {
	background-color:#D2D6D5;
	border-color:#F4F4F4;
}


/************************************************* Style des frames *************************************************************************/

div#content{
	overflow:hidden;
	position:absolute;
	top:120px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color: #F9F9F9;
	_height:100%;
}

div#contentFrame {			
	position:absolute;
	overflow:auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding-right:100px;
	padding-left:100px;
	padding-top: 30px;
	padding-bottom:30px;
	font-family: 'Calibri Light';
	color: #2E2D2D;
	font-size: 105%;
	_position:relative;
}

.title {
	font-family: "Agency FB", "Candara", "Calibri", "Arial";
	color: #C0392B;
	font-size: 230%;
}

.subTitle_1 {
	font-family: "Candara", "Calibri", "Arial";
	font-size: 130%;
	font-weight: 600;
	color: #2E2D2D;
}

.subTitle_2 {
	font-family: "Candara", "Calibri", "Arial";
	font-size: 110%;
	font-weight: 700;
	color: #2E2D2D;
}


div #puce ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

div #puce li {
  background-image: url('../image/tic.gif');
  background-repeat: no-repeat;
  background-position: 0 -0.1em;
  padding-left: 1.8em;
  margin: 0.35em;
  margin-left: 2em;
}

.fiche{
 color:#5F6060;
 font-family: "Candara", "Calibri", "Arial";
 font-size: 90%;
 text-decoration:underline;
 }

.fiche:hover {
 color:#2E2D2D;
 text-decoration:underline overline;
}