/*
Text Color (p) 	: #999999 (light gray)
Link Color (a) 	: #3f8ca5 (Blue)	
Sidebar Background : #c8e8f0 (blue)
Sidebar Texte : #3f6975 (blue)
*/

/*-----------------------------------*/
/*---------->>> BODY <<<-------------*/
/*-----------------------------------*/
body		{ background: url(../img/bg_body.jpg) no-repeat center top; font-family:"Trebuchet MS",arial,sans-serif; }
body.home 	{ background: url(../img/bg_home.jpg) no-repeat center top; }


/*-------------------------------------------*/
/*---------->>> COMMON CLASSES <<<-----------*/
/*-------------------------------------------*/
hr 	{ border:1px solid #aaa; border-width: 0px 0 1px 0; }
.border_none { border: none; }

/*-----------------------------------*/
/*---------->>> HEADER <<<-----------*/
/*-----------------------------------*/
#header 		{ height: 150px; }
#header h1 a 	{ background: url(../img/logo.png) no-repeat; height: 87px; width:188px; display: block; text-indent: -1999px; overflow: hidden; position: relative; top:20px; }

/*----Navigation Menu----*/
#header ul 		{ padding: 0 0 0 200px; font-family: Verdana; }
#header ul li 	{ float: left; display: block; padding: 0 10px 0 0; }
#header ul li a { color: #000; font-size: 13px; text-decoration: none; display: block;  padding: 70px 10px 10px 10px; border-left: 2px solid #fff; }

#header ul li a:hover { background: #ddd; border-left: 2px solid #aaa; }

#header ul li a.current { background: #ddd; border-left: 2px solid #aaa; }


/*----Page title----*/
#page_title 	{ height: 100px; }
#page_title h2 	{ color: #FFF; font-size: 40px; font-weight: normal; padding: 30px 0 0 10px; }

/*-----------------------------------------*/
/*------------>>> HOME PAGE <<<------------*/
/*-----------------------------------------*/

/*----PUB----*/
#pub 	{ height: 260px; }
#pub h1 { color: #FFF; font-size: 32px; padding: 90px 0 0 20px; }
#pub h2 { color: #aaa; font-size: 15px; font-weight: normal; padding: 5px 0 0 20px; }

/*----SLIDER----*/
#slider { margin: 33px 0 0 117px; }

.graphic, 
#prevBtn, 
#nextBtn, 
#slider1prev, 
#slider1next 					{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; }

#slider li 						{ width:327px; height:230px; overflow:hidden; }	

#prevBtn, #nextBtn,
#slider1next, #slider1prev 		{ display:block; width:50px; height:50px; position:absolute; top:110px; z-index:1000; }	

#prevBtn, #slider1prev 			{ left: 30px; } 
#nextBtn, #slider1next 			{ left:480px; }		
												
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a 	{ display:block; position:relative; width:50px; height:50px; background:url(../img/arrow_slider_right.png) no-repeat 0 0; }	

#nextBtn a, #slider1next a		{ background:url(../img/arrow_slider_left.png) no-repeat 0 0; }	

/*----CATEGORIES----*/
#content 			{ padding: 30px 0 0 0; }
#content h3 a 		{ color: #3f8ca5; font-size: 18px; text-decoration: none; padding: 0 0 10px 0; display: block; }
#categories p 		{ color: #999; font-size: 12px; padding: 0 0 25px 0; }


/*----Outil de com de page home (Liste)----*/
#outil 			{ border: 1px solid #ddd; border-width: 1px 0 0 0; height: 200px;  }
#outil h3 		{ color: #3f8ca5; display: block; padding: 20px 0 15px 0; }
#outil ul li 	{ color: #999; font-size: 12px; padding: 5px 0 5px 25px; background: url(../img/icon_cocher.jpg) no-repeat 5px 0; }


/*----SIDEBAR----*/
#sidebar 			{ padding: 0 0 30px 0;}
#sidebar h3 		{ color: #3f8ca5; display: block; height: 55px; text-align: left; }

/*----Info Pratique----*/
#sidebar #info 		{ height: 200px; background: #c8e8f0 url(../img/sidebar_title_bg.jpg) no-repeat 0px 0px; margin: 38px 0 20px 0; color: #3f6975; text-align: center; }
#sidebar #info h4 	{ font-size: 24px; }
#sidebar #info p 	{ color: #3f6975; font-size: 14px; text-align: center; padding: 10px 0 0 0; }

/*----News----*/
#sidebar #news		{ height: 400px; background: #c8e8f0 url(../img/sidebar_title_bg.jpg) no-repeat 0px 0px; }

/*----Single News----*/
#sidebar #news div.single_news						{ width: 200px; }
#sidebar #news div.single_news div.date 			{ background: url(../img/icon_calender.jpg) no-repeat; width: 50px; padding: 10px 10px 0 0; margin: 0 0 0 10px; float: left; display: inline; }
#sidebar #news div.single_news div.date p.month 	{ color: #fff; font-size: 12px; font-weight: bold; text-align: center; }
#sidebar #news div.single_news div.date p.day 		{ color: #999; font-size: 24px; font-weight: bold; text-align: center; padding: 0 0 0 0; margin: 0; }
#sidebar #news div.single_news div.news_title 		{ width: 130px; float: left; }
#sidebar #news div.single_news div.news_title a 	{ color: #3f8ca5; font-size: 11px; }
#sidebar #news div.single_news div.news_content 	{ width: 200px; padding: 10px 10px; float: left;  }
#sidebar #news div.single_news div.news_content p 	{ font-size: 11px; color: #666; }



/*--------------------------------------------*/
/*------------>>> METIERS PAGE <<<------------*/
/*--------------------------------------------*/
div.metier p 	{ color: #999; font-size: 12px; padding: 0 0 25px 0; }
div.metier 		{ padding: 13px 0 0 0; }

/*----Single Metier----*/
div.metier_single img 	{ float: left; padding: 10px 30px 0 20px; }
div.metier_single h3 	{ color: #3f8ca5; font-size: 18px; text-decoration: none; padding: 0 0 10px 0; display: block; }
div.metier_single p 	{ color: #999; font-size: 12px; padding: 0 0 25px 0; }


/*--------------------------------------------*/
/*------------>>> OUTIL PAGE <<<--------------*/
/*--------------------------------------------*/
#outil_page 		{ border: 1px solid #ddd; border-width: 1px 0 0 0; height: 200px;  }
#outil_page h3 		{ color: #3f8ca5; display: block; padding: 15px 0 0 0; }
#outil_page ul li 	{ color: #999; font-size: 12px; padding: 5px 0 5px 25px; background: url(../img/icon_cocher.jpg) no-repeat 5px 0; }
#outil_page p 		{ color: #999; font-size: 12px; padding: 10px 0 50px 0; }


/*---------------------------------------------------*/
/*------------>>> PLAN D'ACCES PAGE <<<--------------*/
/*---------------------------------------------------*/
#form fieldset.plan 	{ background: url(../img/icon_plan.png) no-repeat; }
#form fieldset.contact 	{ background: url(../img/icon_contact.png) no-repeat; }

#form fieldset.plan h3 		{ color: #3f8ca5; font-weight: bold; font-size: 18px; padding: 20px 0 40px 60px; }
#form fieldset.contact h3 	{ color: #3f8ca5; font-weight: bold; font-size: 18px; padding: 20px 0 40px 90px; }

#form label 		{ display: block; color: #3f8ca5; padding: 10px 0 5px 0; font-weight: bold; }
#form input 		{ border: 2px solid #ddd; height: 25px; width: 450px; color: #999; font-size: 20px; }
#form textarea 		{ border: 2px solid #ddd; height: 200px; width: 450px; color: #999; font-size: 20px; }
#form p 			{ color: #999; font-style: italic; font-size: 12px; padding: 40px 0 0 0; }
#form button 		{ margin: 30px 0 0 0; display: block; height: 30px; width: 450px; color: #333; }

div#errors			{ padding: 20px; background: #fc7c7c; border: 1px solid red; color: #FFF; font-size: 12px; margin: 0 0 20px 0; }
div#succes			{ padding: 20px; background: #7aff8a; border: 1px solid green; color: #FFF; font-size: 12px; margin: 0 0 20px 0; }


/*-----------------------------------------*/
/*---------->>> STATIC PAGES <<<-----------*/
/*-----------------------------------------*/
#sitemap ul li 		{ padding: 10px 0 0 0; }
#sitemap ul li a 	{ color: #3f8ca5; text-decoration: none; }
#sitemap ul ul 		{ padding: 0 0 10px 20px; font-size: 12px; }

#sitemap ul li a:hover { text-decoration: underline; }


/*-----------------------------------*/
/*---------->>> FOOTER <<<-----------*/
/*-----------------------------------*/
#bg_footer 		{ background: #dbf8ff; }
#footer 		{ height: 100px; }
#footer p		{ color: #3f8ca5; font-size: 10px; text-align: center; padding: 30px 0 0 0; }
#footer ul 		{ height: 20px; text-align: center; width: 370px; text-align: center; margin: 10px auto; }
#footer ul li 	{ font-size: 10px; display: block; float: left; padding: 0 5px; }
#footer a 		{ text-decoration: none; color: #999; }
#footer a:hover { text-decoration: underline; }