body { 
	background: #7fade3 url(blue2/BackGround.jpg) repeat-x top;
	text-align: center;
	margin:0 auto;
	padding:0;
}

.stylecss {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style: normal;
	color:#333333;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: left;
}

ul {list-style:none;}

.titretexte {
	font-family: Arial Black,Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	font-style: bold;
	color:black;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
	padding-top:10px;
}

H1
{
	color:#444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align: center;
}
H2
{
	color:#666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: center;
}

#middle_container ul{
	margin:0 auto;
}
#middle_container li {
	list-style: square;
	margin-left:20px;
	margin-top:5px;
}

#conteneurtitretexte {
	font-family: Arial Black, Verdana, Arial, Helvetica, sans-serif;
	background-color:#cdcdd1;
	padding:5px;
	font-size:15px;
	font-style: bold;
	color:#333;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
	margin-bottom:10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 0px 5px #000;  
    -webkit-box-shadow: 0px 0px 5px #000;
}

#container { 
	margin:0 auto;
	width: 729px;
	text-align: center;
	}
#top_menu{
	background: #AAA url(blue2/Menu.jpg) repeat-x top; 
	margin:0 auto;
	width: 729px;
	height: 32px;
	padding:0;
	text-align: left;
}

#top_container{ 
	background: #AAA url(blue2/Entete.jpg) no-repeat top center; 
	margin:0 auto;
	width: 729px;
	height: 83px;
	padding:0;
	}
#Ombrage_menu{ 
	background: #AAA url(blue2/MenuOmbrage.jpg) no-repeat top center; 
	margin:0 auto;
	width: 729px;
	height: 7px;
	padding:0;
	}
	
	
.menu_container{
	text-align:left;
	}

#middle_container{ 
	background: url(blue2/Fond.jpg) repeat top center; 
	margin:0 auto;
	width: 729px;
	/* min-height:474px; */
	position:relative;	

	}
#middle_inside_container{ 
	background: url(blue2/Fond.jpg) repeat top center; 
	margin:0 auto;
	width: 729px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#767677;
	text-align: left;

	}

.document{ 
	margin:0 auto;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 680px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#767677;
	text-align: left;	
}

#middle_inside_container  a{
	color : #1e5a9c;
}

#middle_inside_container  a:hover{
	color : #0A0AFA;
}

#middle_inside_container  a:visited{
	color : #AAAAAA;
}

#bottom_container{
	background: url(blue2/Bottom.jpg) no-repeat top center; 
	margin:0 auto;
	padding-top:13px;	
	width: 729px; 
	height: 38px;
	text-align: center;
	float:none;
}

#container_accueil{
	height: 614px;
	position:relative;
	margin: 0 auto;
}

.container_accueil_cadre, .container_accueil_cadre_large{
	font-family: Franklin Gothic Medium, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:15px;
	padding-left:15px;
	margin-left:5px;
	margin-bottom:5px;
	float:left;	
	width: 330px;
	height: 210px;
	text-align: left;
}
.container_accueil_cadre_large{	
	height: 270px;
	font-size:14px;
	text-align: justify;
	list-style: none;
}
.container_accueil_cadreCarroussel{
	font-family: Franklin Gothic Medium, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:15px;
	padding-left:15px;
	margin-left:5px;
	margin-bottom:5px;
	width: 680px;
	height: 210px;
}
.container_accueil_cadreExplications{
	font-family: Franklin Gothic Medium, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:15px;
	padding-left:15px;
	margin-left:5px;
	margin-bottom:5px;
	width: 680px;
	height: 170px;
}

.slides_container {
    width:711px;
    height:210px;
	margin-left:9px;
  }
  .slides_container div {
    width:702px;
    height:210px;
    display:block;
  }

#middle_container .container_accueil_cadre_large li {
	list-style: none;	
}

#bottom_container  a{
	color : #bbb;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#bottom_container  a span{
	color : #bbb;
	text-decoration:none;
	padding-left:10px;
	padding-right:15px;
}

#bottom_container  a:hover span{
	color : white;
	text-decoration:none;
}

#bottom_container  a:visited  span{
	color : white;
}

.col1{
	background: #f8f6cf no-repeat top center;
}

.col2{
	background: #d1e7ff no-repeat top center;
}
.colEntete{
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#154172;
}
.colContenuNomPrenom{
	color:#154172;
}
.colContenuClub{
	text-align:right;
}
/*    MENU       */

*{outline: none;}
img {border: 0;}

.menucontainer {
	width: 960px;
	padding: 0;
	margin: 0 auto;
}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 32px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home {
	background: url(menu2/nav_accueil.png) no-repeat;
	width: 151px; 
}
ul#topnav a.decouvrir {
	background: url(menu2/nav_decouvrir.png) no-repeat;
	width: 142px; 
}
ul#topnav a.eleves {
	background: url(menu2/nav_eleves.png) no-repeat;
	width: 142px; 
}
ul#topnav a.professeurs {
	background: url(menu2/nav_professeurs.png) no-repeat;
	width: 142px; 
}
ul#topnav a.contact {
	background: url(menu2/nav_contact.png) no-repeat;
	width: 152px; 
}
 
 
ul#topnav li .sub {
	position: absolute;	
	top: 32px; left: 0;
	background: #262e3f url(menu2/sub_bg.jpg) repeat-x;
	padding: 20px 20px 20px;
	float: left;
	z-index:10; 
	
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #9ba35e;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(menu2/navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ;}

.ficheIndi
{
	float:left;
	overflow:hidden;
	width:27%;
	text-align:left;
	background-color:white;
	white-space:nowrap;
	margin:10 10 10 10;
			padding:10 10 10 10;
			-moz-border-radius: 10px; 
			-webkit-border-radius: 10px;
			-moz-box-shadow: 0px 0px 5px #000;
			-webkit-box-shadow: 0px 0px 5px #000;
	background-image: -moz-linear-gradient(left, right, 
                          from(#e0e0e0), 
                          to(#d0d0d0)); 
	background-image: -webkit-gradient(linear, left top, left bottom, 
                              color-stop(0.00, #e0e0e0),    
                            color-stop(1.00, #d0d0d0)); 
	/* IE le vieux code - GradientType=1 pour horizontal, 0 pour vertical */ 
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', 
                startColorstr=#e0e0e0,  
                endColorstr=#d0d0d0,  
               GradientType=0);  
}
.ficheIndi a{
	overflow-x:hidden;
}
.clear {
clear:both;
display:block;
height:0;
overflow-x:hidden;
overflow-y:hidden;
visibility:hidden;
width:0;
}