/* Annonces pour les modifications d'horaire (Toute la hauteur ˆ gauche) */
.sliderwrapper1{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 2px solid rgb(202,202,202);
border-bottom-width: 2px;
width: 690px; /*width of featured content slider*/
height: 1050px;
}

/* Annonces autres (Centre - Partie supŽrieure) */
.sliderwrapper2{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 2px solid rgb(202,202,202);
border-bottom-width: 2px;
width: 690px; /*width of featured content slider*/
height: 515px;
}

/* Images et affiches (Centre - Partie infŽrieure) */
.sliderwrapper5{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 2px solid rgb(202,202,202);
border-bottom-width: 2px;
width: 690px; /*width of featured content slider*/
height: 515px;
}

/* Annonces pour le sport  */
.sliderwrapper3{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 2px solid rgb(202,202,202);
border-bottom-width: 2px;
width: 480px; /*width of featured content slider*/
height: 700px;
}

/* Annonces importantes et de rappel */
.sliderwrapper4{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 2px solid rgb(202,202,202);
border-bottom-width: 2px;
width: 480px; /*width of featured content slider*/
height: 330px;
}

.sliderwrapper2 .contentdiv h4{
font-family: Arial;
font-size: 20px;
text-align: center;
padding: 0;
margin: 0;
}

.sliderwrapper2 .contentdiv img{
display: inline-block;
margin: 10px 0 0 0;
}

.sliderwrapper4 .contentdiv h4{
font-family: Arial;
font-size: 30px;
color: red;
}

.sliderwrapper1 .contentdiv h5{
font-family: Arial;
font-size: 40px;
margin-top: 30px;
}

.sliderwrapper2 .contentdiv h5{
font-family: Arial;
font-size: 40px;
}

.sliderwrapper3 .contentdiv h5{
font-family: Arial;
font-size: 35px;
margin-top: 30px;
}

.sliderwrapper1 .contentdiv h2{
font-family: Arial;
font-size: 60px;
color: green;
margin: 0 0 0 5px;
width: 800px;
}

.sliderwrapper2 .contentdiv h2{
font-family: Arial;
font-size: 60px;
color: green;
margin: 0 0 0 5px;
width: 800px;
}

.sliderwrapper3 .contentdiv h2{
font-family: Arial;
font-size: 60px;
color: green;
margin: 0 0 0 5px;
width: 800px;
}

.sliderwrapper5 .contentdiv h3{
font-family: Arial;
font-size: 30px;
color: grey;
}

.sliderwrapper1 .contentdiv p{
font-family: Arial;
font-size: 30px;
}

.sliderwrapper2 .contentdiv p{
font-family: Arial;
font-size: 30px;
}

.sliderwrapper3 .contentdiv p{
font-family: Arial;
font-size: 30px;
}

.sliderwrapper4 .contentdiv p{
font-family: Arial;
font-size: 20px;
color: red;
}

.sliderwrapper5 .contentdiv p.corps_msg{
font-family: Arial;
font-size: 25px;
color: grey;
}

.sliderwrapper5 .contentdiv p.ref{
font-family: Arial;
font-size: 0.8em;
color: grey;
text-align: right;
border-bottom: 1px dotted grey;
padding: 0 15px 10px 0; 
}

.sliderwrapper1 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 10px;
background: white;
width: 680px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.sliderwrapper2 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding-left: 5px;
background: white;
width: 680px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.sliderwrapper3 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 10px;
background: white;
width: 470px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.sliderwrapper4 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 10px;
background: white;
width: 470px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.sliderwrapper5 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 10px;
background: white;
width: 680px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination1{
width: 690px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: white;
font-size: 0.7em;
font-family: Arial;
padding: 2px;
}

.pagination2{
width: 690px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: white;
font-size: 0.7em;
font-family: Arial;
padding: 2px;
}

.pagination3{
width: 480px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: white;
font-size: 0.7em;
font-family: Arial;
padding: 2px;
}

.pagination4{
width: 480px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: white;
font-size: 0.7em;
font-family: Arial;
padding: 2px;
}

.pagination5{
width: 690px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: white;
font-size: 0.7em;
font-family: Arial;
padding: 2px;
}

.pagination1 a{
padding: 0 5px;
text-decoration: none; 
color: black;
background: white;
}

.pagination2 a{
padding: 0 5px;
text-decoration: none; 
color: black;
background: white;
}

.pagination3 a{
padding: 0 5px;
text-decoration: none; 
color: black;
background: white;
}

.pagination4 a{
padding: 0 5px;
text-decoration: none; 
color: black;
background: white;
}

.pagination5 a{
padding: 0 5px;
text-decoration: none; 
color: black;
background: white;
}

.pagination1 a:hover, .pagination1 a.selected{
color: white;
background-color: grey;
}

.pagination2 a:hover, .pagination2 a.selected{
color: white;
background-color: grey;
}

.pagination3 a:hover, .pagination3 a.selected{
color: white;
background-color: grey;
}

.pagination4 a:hover, .pagination4 a.selected{
color: white;
background-color: grey;
}

.pagination5 a:hover, .pagination5 a.selected{
color: white;
background-color: grey;
}

.droite_haut{
position: absolute;
left: 1415px;
top: 9px;
}

.droite_milieu{
position: absolute;
left: 1415px;
top: 728px;
}

.centre_haut{
position: absolute;
left: 708px;
top: 9px;
}


.centre_bas{
position: absolute;
left: 708px;
top: 544px;
}



.sport{
position: absolute;
left: 708px;
top: 9px;
}

.sliderwrapper1 .contentdiv p.ref
{
	text-align: right;
	font-size: 0.8em;
	padding: 0 15px 10px 0;
	border-bottom: 1px dotted grey;
}

.sliderwrapper2 .contentdiv p.ref
{
	text-align: right;
	font-size: 0.8em;
	padding: 0 15px 10px 0;
	border-bottom: 1px dotted grey;
}

.sliderwrapper3 .contentdiv p.ref
{
	text-align: right;
	font-size: 0.8em;
	padding: 0 15px 10px 0;
	border-bottom: 1px dotted grey;
}

.sliderwrapper4 .contentdiv p.ref
{
	text-align: right;
	font-size: 0.8em;
	padding: 0 15px 10px 0;
}

.sliderwrapper1 .contentdiv p.corps_msg
{
	margin-top: -60px;
}
.sliderwrapper2 .contentdiv p.corps_msg
{
	margin-top: -60px;
}
.sliderwrapper3 .contentdiv p.corps_msg
{
	margin-top: -50px;
}


.nom_classe
{
	color: green;
}



#logo
{
	
}

#menu
{
	position: relative;
	top: 70px;
}

#affiche
{
	position: relative;
	top: 40px;
	left: 160px;
}

#date_du_jour
{
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 2em;
	color: rgb(39,118,168);
	position: relative;
	top: -5px;
	text-align: center;
}

.affiche_sous_date
{
	margin-left: 85px;
}

.meteo
{
	margin-left: 250px;
}

.conteneur_menu
{
	width:680px;
	height: 480px;
	margin-top: 20px;
}

.conteneur_menu img.logo_concordance
{
	position: relative;
	top: -20px;
	left: 5px;
}

.conteneur_menu img.logo_fv
{
	position: relative;
	top: 17px;
	left: 295px;
}

.contentdiv .conteneur_menu p.legume_semaine
{
	position: fixed;
	top: 20px;
	left: 960px;
	font-size: 0.8em;
}

.contentdiv .conteneur_menu h1
{
	text-align: center;
	font-family: Arial;
	margin: 0 0 50px 0;
}

.tableau_gauche
{
	float: left;
	width: 330px;
	height: 300px;
	position: relative;
	left: 0px;
	top: -20px;
}

.contentdiv .conteneur_menu .tableau_gauche h2
{
	text-align: center;
	font-family: Arial;
	font-size: 1.1em;
	color: black;
	width: 330px;
	margin: 0 0 5px 0;
	background-color: rgb(179,179,179);
}

.contentdiv .conteneur_menu .tableau_gauche p
{
	font-family: Arial;
	font-size: 1em;
	margin: 0;
	text-align: center;
}

.tableau_droite
{	
	float: right;
	width: 330px;
	height: 300px;
	position: relative;
	left: 1px;
	top: -20px;
}

.contentdiv .conteneur_menu .tableau_droite h2
{
	text-align: center;
	font-family: Arial;
	font-size: 1.1em;
	color: black;
	width: 330px;
	margin: 0 0 5px 0;
	background-color: rgb(179,179,179);
}

.contentdiv .conteneur_menu .tableau_droite p
{
	font-family: Arial;
	font-size: 1em;
	margin: 0;
	text-align: center;
}

.image_rock
{
	position: relative;
	top: 40px;
	left: 155px;
}