/* STYLE_CSS */


/*COULEURS DU THEME*/
#menu_gauche h2, #globalNav, .resume h2 {
background: #a2b7cb;
color: white;
font-weight: bold;
font-size: 1.1em;
}

/***********************************************/
/* 1 -            ELEMENTS DE BASE            */
/*********************************************/

html, body{
	margin: 			auto;
	padding:			inherit;
	text-align: 		center;
	font-size:			small;
	background-color:	#ffffff;
}

body{	
	FONT-FAMILY: 		Verdana, Arial, geneva, Helvetica, sans-serif;
	line-height: 		1.5em;
	margin-left: 		auto;
	margin-right: 		auto;
	width:				960px;
	padding:			0px;
}

#main_page {
	text-align:			left;
	margin-top: 		10px;
	margin-bottom:		10px;
	border:				solid 1px #a2b7cb;
	background-color: 	#e2e8f0;

}
/* LIENS */

a:link, a:visited {
					color: #2473d3;
					text-decoration: 	none;
}
a:hover {	
					color: #249CD3;
					text-decoration: 	none;
}

a img {
					border: none;
}

/* TITRES */

h1{
	 font-size: 		140%;
	 /*color: 			#000000;*/
	 text-align:			center;
}


h2{ BACKGROUND: 		#3674b3;
	color: 				#fff;
	padding-left: 		1em;
	font-size: 			130%;
 }
 
#pageName  {
margin : 0 0 10px 0;
padding-bottom: 0px;
padding-left: 1em;
text-align: left !important;
font-size: .8em !important;
background: #000 !important;
}

h3{
	font-size: 			120%;
	color: 				#4c96df;
	text-align: 		center;
}

h4{
	font-size: 			110%;
	font-weight: 		bold;
	color: 				#333333;
}

h5{
	font-size: 			100%;
	color: 				#334d55;
}

ul{
 	list-style-type: 	square;
 }

ul ul{
 	list-style-type: 	disc;
}

img {
 	border-width:		0px;
}

/***************************************************************/
/* 2 -            MASTHEAD     EN-TETE                                                       */
/*************************************************************/

#masthead{
	height:             80px;
	margin: 			0px;
	padding-top: 		0px;
	width:				100%;
	background-color: 	#3774b3;
	background-image: 	url(img/back-header);
	background-repeat:	repeat-x;
	}

#masthead a, #masthead a:visited {
	color:				#ffffff;
}

/*============= Style navigation ================*/
.navigation {
font-size: 						1.5em;
background:						#689dd2 ;
color:							#fff;
font-size:						1em;
height:							41px;
background: 					#3573b3 url(img/nav.gif);
border-top: 					solid #2e6aa5 1px;
}
.navigation a {
background: 					#3573b3 url(img/nav.gif);
line-height:					41px !important;
color:							#fff !important;
font-weight: 					bold;
padding: 						0 20px;
text-decoration:				none;
display: 						block;
float: 							left;
font: 							bold 1.1em sans-serif;
border-right: 					1px solid #9cbbfe;
}
.navigation a:hover {
background-position:	 		left bottom;
line-height:					41px;
color:							#fcfcfc;
}


/***********************************************************************************************/
/*     3 -  menu_gauche BARRE DE MENU GAUCHE                                                  */
/*********************************************************************************************/

#menu_gauche{
	float:								left;
	width: 								18%;
	margin: 							0 0 0 0;
	padding:	                    	0 0 0 0;	
	border-top:							solid 1px #a2b7cb;
	border-right:						solid 1px #a2b7cb;
	border-bottom:						solid 1px #a2b7cb;
	background-color: 					#eee;
	}
#menu_gauche img { border: 0 }
#menu_gauche ul {list-style: none; margin: 0; padding: 0; text-align: center;}
#menu_gauche select {width: 100%;}
#menu_gauche input {width: 97%;}

#menu_gauche a, #menu_gauche a:visited {color: #2473d3;}
li .cat-item:hover {background-color: #f6f4d0;}

		

/*************************************************************************************************/
/*    5 -      CONTENU                                                                          */
/***********************************************************************************************/
#contenu{
	color:#083f7b;
	padding: 0 0 5% 0;
	background:transparent;
	margin-top: 10px;
	/*border: solid 1px #a2b7cb;*/
	
}
#contenu a:link, a:visited {
	color: #2473d3;
	text-decoration: none;	
}


#contenu a:hover {
	text-decoration: none;
	color:#239bd3;
}

	#contenu h2 {                       
						margin: 0 0 0 0;
						height:22px;
						font-weight: bolder;
						border-bottom:solid 1px black;
}

	#contenu h3 {
                  
						font-size: 120%;
						margin: 0 0px 0 0px;
						color: black;
						display: block;
						text-align:center;
						background-repeat: repeat-x;
						font-weight: bolder;
						border-bottom:solid 1px black;
}
	#contenu h5 {
                  
						font-size: 110%;
						margin: 0 10px 0 10px;
						text-align:left;
						font-variant:small-caps;
						background-repeat: repeat-x;
						font-weight: bolder;
						border-bottom:solid 1px black;
}

/****************  PAGE  ********************************************/					
					#page{
					 	margin : 10px 1em 0 1em;
						padding: 10px;
						background: #f1f1f1;
						font-size: 100%;
						text-align: justify;
						line-height: 1.6em;
						FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
					}
					
					#page h1 {
					background-color: #73d59f;
					line-height: 2em;
					color: #fff;
					text-align: center;
					}
					
					#page h2{
					background-color: #3674b3;
					color: #fff;
					}
					
					
					#page h3{
						padding: 0px 0px 5px 0px;
						text-align: left;
						FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
						font-weight:bold;
					}
					
					#page img{
						float: none;
						text-align:center;
						padding: 0px 10px 0px 0px;
						margin: 0 5px 5px 0;
					}
					#page ul {list-style-type: none;}
					#page li {
					padding-left: 12px;
					background-color: transparent;
					background-image: url(../uploads/images/css/arrow-right.gif);
					background-repeat: no-repeat;
					background-attachment: scroll;
					background-position: 0px 5px;
					}
					#page li:hover {
					background-image: url(../uploads/images/css/arrow-right-active.gif);
					}

/*************************************************************************************************/
/*    6 - FOOTER                                                                                */
/***********************************************************************************************/

#footer{
	clear: 				both;
	padding-top : 			5px;
	margin-top: 			5px;
	font-size: 			0.9em;
	color: 				black;
	text-align: 			center;	
	width: 				100%;
	height:				80px;
	background-color: 		#588cc4;
	background-image: 		url(img/header_fond);
	max-height: 			100px;
	background-repeat:		repeat-x;
}


#footer img{
	padding: 4px 4px 4px 4px;
	vertical-align: middle;
}
#footer img:hover{
	padding: 4px 4px 4px 4px;
	vertical-align: middle;
}

#footer a, #footer a:visited{
	color:#FFFFFF;
}

#footer a:hover{
	color: #89cfff;
}

/**************************************************************************************************/
/*  SPECIAUX  														*/
/***********************************************************************************************/
.stat {
font-size: 0.8em;
text-align: center;
color: #a1d2e4;
}

.intro {
background: #b1e3f7;
margin-left: 15%;
margin-right: 15%;
padding: 20px;
border: solid 1px #1f88af;
-moz-box-shadow: 10px 10px 5px #888;
}