/******************* ÉLÉMENTS GÉNÉRAUX *********************/

body{
	background: #ca4e00 url(images/bg.jpg) repeat-x top;
	margin: 0;
	padding: 0;
	color: #317023;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

h1{
	margin: 0;
	padding: 10px 0 0 0;
	color: #ff9d02;
	font-family: Georgia, Times New Roman, serif;
	font-size: 36px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
}

h2{
	margin: 0;
	padding: 25px 0 0 0;
	color: #ff9d02;
	font-family: Georgia, Times New Roman, serif;
	font-size: 24px;
	line-height: 104%;
	font-weight: normal;
	text-align: left;
}

h3{
	margin: 10px 0 5px 0;
	padding: 0;
	color: #ff9d02;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

h4{
	margin: 10px 0 0 0;
	padding: 0;
	color: #ff9d02;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

img{
	border: none;
	margin: 0;
	padding: 0;
}

a:link    {text-decoration: underline; color: #472b27;}
a:visited {text-decoration: underline; color: #472b27;}
a:hover   {text-decoration: none; color: #317023;}
a:active  {color: #ff0000;}

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

blockquote{
	width: 75%;
	margin: 0 0 0 40px;
	padding: 0;
	font-style: italic;
}

/******************* MISE EN PAGE *********************/

#page{
	background: #fff5e5 url(images/bg_page.jpg) repeat-y;
	margin: 0 auto;
	padding: 0px;
	width: 776px;
} 

/****** Header ******/


#header-jeunes{
	background: url(images/header-jeunes.jpg) no-repeat;
	margin: 0px 0 -21px 0;
	padding: 0px;
	width: 776px;
	height: 407px;
}html>body #header-jeunes {margin: 0;}

#header-parents{
	background: url(images/header-parents.jpg) no-repeat;
	margin: 0px 0 -21px 0;
	padding: 0px;
	width: 776px;
	height: 407px;
}html>body #header-parents {margin: 0;}

#header-enseignants{
	background: url(images/header-enseignants.jpg) no-repeat;
	margin: 0px 0 -21px 0;
	padding: 0px;
	width: 776px;
	height: 407px;
}html>body #header-enseignants {margin: 0;}

/* Menu du haut */

#menu_top{
	margin: 82px 24px 0 0;
	padding: 0;
}

#nav_top li{
	display: inline;
	list-style-type: none;
	margin: 0 0 0 -5px;
	padding: 0;
}

#jeunes a{ 
	display:block; 
	height:53px; 
	width:105px; 
	overflow:hidden;
}

#jeunes a:hover{ 
	display: block; 
	text-indent: -105px; 
}

#parents a{ 
	display:block; 
	height:53px; 
	width:105px; 
	overflow:hidden; 
}

#parents a:hover{ 
	display: block;
	text-indent: -105px;   
}

#enseignants a{ 
	display:block; 
	height:53px; 
	width:105px; 
	overflow:hidden; 
}

#enseignants a:hover{ 
	display: block;
	text-indent: -105px;   
}


/* MENU CRAYONS */
	#menuPrinc{
		width: 185px;
		position:Relative;
		top:-7px;
		padding: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-align: right;
	}
	#menuPrinc ul{
		margin-top:0;
		margin-right:20px;
	}
	#menuPrinc li{
		list-style-type: none;
		margin: 0 0 0 174px;
		padding: 0;
	}
	#menuPrinc li a{
		display: block;
		width: 185px;
		color: #fff;
		text-decoration: none;
		padding: 0;
	}
	
	#menuPrinc li#menu01 a{height: 24px; background: url(images/bgMenu_01_up.jpg) left top no-repeat;}
	#menuPrinc li#menu02 a{height: 24px; background: url(images/bgMenu_02_up.jpg) left top no-repeat;}
	#menuPrinc li#menu03 a{height: 23px; background: url(images/bgMenu_03_up.jpg) left top no-repeat;}
	#menuPrinc li#menu04 a{height: 22px; background: url(images/bgMenu_04_up.jpg) left top no-repeat;}
	#menuPrinc li#menu05 a{height: 23px; background: url(images/bgMenu_05_up.jpg) left top no-repeat;}
	#menuPrinc li#menu06 a{height: 24px; background: url(images/bgMenu_06_up.jpg) left top no-repeat;}
	#menuPrinc li#menu07 a{height: 23px; background: url(images/bgMenu_07_up.jpg) left top no-repeat;}
	#menuPrinc li#menu08 a{height: 23px; background: url(images/bgMenu_08_up.jpg) left top no-repeat;}
	#menuPrinc li#menu09 a{height: 23px; background: url(images/bgMenu_09_up.jpg) left top no-repeat;}
	#menuPrinc li#menu09drop a{height: 38px; background: url(images/bgMenu_09drop_up.jpg) left top no-repeat;}
	#menuPrinc li#menu10 a{height: 23px; background: url(images/bgMenu_10_up.jpg) left top no-repeat;}
	#menuPrinc li#menu11 a{height: 32px; background: url(images/bgMenu_11_up.jpg) left top no-repeat;}
	#menuPrinc li#menu01 a:hover{background: url(images/bgMenu_01_rl.jpg) left top no-repeat;}
	#menuPrinc li#menu02 a:hover{background: url(images/bgMenu_02_rl.jpg) left top no-repeat;}
	#menuPrinc li#menu03 a:hover{background: url(images/bgMenu_03_rl.jpg) left top no-repeat;}
	#menuPrinc li#menu04 a:hover{background: url(images/bgMenu_04_rl.jpg) left top no-repeat;}
	#menuPrinc li#menu05 a:hover{background: url(images/bgMenu_05_rl.jpg) left top no-repeat;}
	#menuPrinc li#menu06 a:hover{background: url(images/bgMenu_06_rl.jpg) left top no-repeat;}
	#menuPrinc li#menu07 a:hover{background: url(images/bgMenu_07_rl.jpg) left top no-repeat;}
	#menuPrinc li#menu08 a:hover{background: url(images/bgMenu_08_rl.jpg) left top no-repeat;}
	#menuPrinc li#menu09 a:hover{background: url(images/bgMenu_09_rl.jpg) left top no-repeat;}
	#menuPrinc li#menu09drop a:hover{background: url(images/bgMenu_09drop_rl.jpg) left top no-repeat;}
	#menuPrinc li#menu10 a:hover{background: url(images/bgMenu_10_rl.jpg) left top no-repeat;}
	#menuPrinc li#menu11 a:hover{background: url(images/bgMenu_11_rl.jpg) left top no-repeat;}
	#menuPrinc li a:hover{color: #000;}
	#menuPrinc span{
		display: block;
		margin: 0;
		padding: 4px 12px 0 0;
	}

/* Menu principal */

#menu{
	width: 183px;
	margin: 0;
	padding: 2px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
}

#nav_main li{
	list-style-type: none;
	margin: 0 0 0 174px;
	padding: 0;
}

li#accueil a{
	display: block;
	background-image: url(images/menu.gif);
	width: 183px;
	height: 26px;
	color: #fff;
	text-decoration: none;
	padding: 0;
}

li#accueil a:hover{
	background-image: url(images/menu_on.gif);
	color: #000;
}

li#equipe a{
	display: block;
	background-image: url(images/menu02.gif);
	width: 183px;
	height: 24px;
	color: #fff;
	text-decoration: none;
}

li#equipe a:hover{
	background-image: url(images/menu02_on.gif);
	color: #000;
}

li#services a{
	display: block;
	background-image: url(images/menu03.gif);
	width: 183px;
	height: 24px;
	color: #fff;
	text-decoration: none;
}

li#services a:hover{
	background-image: url(images/menu03_on.gif);
	color: #000;
}

li#produits a{
	display: block;
	background-image: url(images/menu04.gif);
	width: 183px;
	height: 21px;
	color: #fff;
	text-decoration: none;
}

li#produits a:hover{
	background-image: url(images/menu04_on.gif);
	color: #000;
}

li#liens a{
	display: block;
	background-image: url(images/menu05.gif);
	width: 183px;
	height: 24px;
	color: #fff;
	text-decoration: none;
}

li#liens a:hover{
	background-image: url(images/menu05_on.gif);
	color: #000;
}

li#concours a{
	display: block;
	background-image: url(images/menu06.gif);
	width: 183px;
	height: 24px;
	color: #fff;
	text-decoration: none;
}

li#concours a:hover{
	background-image: url(images/menu06_on.gif);
	color: #000;
}

li#blog a{
	display: block;
	background-image: url(images/menu07.gif);
	width: 183px;
	height: 22px;
	color: #fff;
	text-decoration: none;
}

li#blog a:hover{
	background-image: url(images/menu07_on.gif);
	color: #000;
}

li#realisations a{
	display: block;
	background-image: url(images/menu08.gif);
	width: 183px;
	height: 23px;
	color: #fff;
	text-decoration: none;
}

li#realisations a:hover{
	background-image: url(images/menu08_on.gif);
	color: #000;
}


li#temoignages a{
	display: block;
	background-image: url(images/menu09.gif);
	width: 183px;
	height: 23px;
	color: #fff;
	text-decoration: none;
}

li#temoignages a:hover{
	background-image: url(images/menu09_on.gif);
	color: #000;
}

li#coordonnees a{
	display: block;
	background-image: url(images/menu10.gif);
	width: 183px;
	height: 34px;
	color: #fff;
	text-decoration: none;
}

li#coordonnees a:hover{
	background-image: url(images/menu10_on.gif);
	color: #000;
}

#menu span{
	display: block;
	margin: 0;
	padding: 4px 12px 0 0;
}	
/***** Contenu ******/

#main{
	margin: 0;
	padding: 0;
	width: 776px;
	clear: left;
}

div.hr {
  height: 8px;
  background: #fff5e5 url(images/spacer.jpg) no-repeat scroll left;
  margin: 0 0 15px 0;
  padding: 0;
}

div.hr hr {
  display: none;
}

#sideleft{
	background: url(images/bg_sideleft.jpg) no-repeat bottom;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 565px;
	float: left;

}

#content{
	margin: 0 0 0 10px;
	padding: 0;
	width: 390px;
	float: left;

}

#content ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#content li{
	display: block;
	margin-top: 0;
	padding: 0 0 5px 18px;
	color: #35798C;
	background: transparent url(images/bullet.gif) no-repeat 0;
	background-position:0 3px;
	vertical-align:top;
}

p.date {margin: 0; padding: 0; font-style: italic;}

.teaser{
	background: #fff;
	border: 7px solid #fff;
	width: 370px;
	height: 144px;
}

#sideright{
	margin: 40px 0 0 0;
	padding: 0;
	width: 246px;
	float: right;
	
}

#news{
	background: url(images/news_bg.jpg);
	margin: 0 36px 0 0;
	padding: 0;
	width: 210px;
	height: 287px;
	color: #fff;
	text-align: left;
}

#news ul{
	margin: 0 0 0 30px;
	padding: 80px 0 0 0;
	width: 155px;
}

#news li{
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
}

#news p{
	padding: 15px 0 0 40px;
	color: #fb9907;
	font-style: italic;
	font-weight: bold;
}

.jaune{
	color: #fb9907;
}

#news a:link    {text-decoration: none; color: #fff;}
#news a:visited {text-decoration: none; color: #fff;}
#news a:hover   {text-decoration: underline; color: #fb9907;}
#news a:active  {color: #ff0000;}

.nouvelles{
	border-bottom: 1px solid #ff9d02;
	margin: 0;
	padding: 15px 0;
}

.temoignages{
	margin: 5px 0 30px 0;
	padding: 0;
}

#activites {width: 210px;}
#activites a {text-decoration: none;}
#activites h3, #activites th, h3.activites{font-family: Georgia, "Times New Roman", Times, serif;}
#activites h3, #activites h4, #activites table{text-align: center;}
#activites p{text-align: right; font-weight: bold;}
#activites table a {display:block;
	color: #105163; 
	font-weight: bold; 
	background:#b9e0ea; 
	width:24px; 
	height:22px;
	padding:0;
	margin:0;}
#activites table a:hover {background: #ccd8db;}
#activites th {font-size: 10px;}
#activites td {
	background: #FFFCF6;
	width: 24px;
	height:22px;
	border: 1px solid #317023;
	font-size: 11px;
	vertical-align:top;
	/*padding: 2px 0;*/
}

 h3.activites{
 	display:block;
	width:203px;
	text-align:center;
	padding:10px 0 0 0;
} 


/***** Footer *****/

#footer{
	background: url(images/bg_footer.jpg) no-repeat bottom;
	margin: 0;
	padding: 0;
	width: 776px;
	height: 155px;
	clear: left;
}

#footer a{text-decoration: none;}

#footer img{
	float: right;
	margin: 94px 0 0 0;
	padding: 0 126px 0 0;
}

#footer p{
	float: left;
	color: #472b27;
	font-size: 11px;
	margin: 100px 0 0 0;
	padding: 0 0 0 30px;
}

.imgborder {
border:solid;
border-color:#000000;
border-width:1px;
}