/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0px;
padding: 0px;
background:url(site2_images/bg_gradient20080711.jpg) #ffffff repeat-x right top;
}

#header {
height: 50px;
background-color: #99CCCC;
border-color: #DDD;
border-style: solid;
border-width: 1px ;
margin:10px;
padding:10px;
-moz-border-radius: 10px;
-moz-box-shadow: 1px 1px 1px #888;
-webkit-border-radius: 10px;
-webkit-box-shadow: 1px 1px 1px #888;
}
#haut {
height: 36px;
margin:10px;
/*background-color:#CCCCFF;
border-color: #DDD;
border-style: solid;
border-width: 1px ;
margin:10px;
padding:10px;
-moz-border-radius: 10px;
-moz-box-shadow: 1px 1px 1px #888;
-webkit-border-radius: 10px;
-webkit-box-shadow: 1px 1px 1px #888;*/

}

#conteneur {
	position:absolute;
	left: 50%;
	width: 1000px;
	margin-left: -500px; /* moitié de la largeur */
	margin-top:80px;
	/*position: relative; 
	left: 50%;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    text-align: left;*/
	background-color:#FFF;
	
	-moz-border-radius: 10px;
	//-moz-box-shadow: 1px 1px 1px #ddd;
	-webkit-border-radius: 10px;
	//-webkit-box-shadow: 1px 1px 1px #ddd;
	
	border-radius: 10px;
	//box-shadow: 1px 1px 1px #ddd;
}

#conteneur h3{width: 490px; margin-top:10px;border-bottom: 1px solid #bbb;font-family: sans-serif;font-size:20px;clear: both;font-weight:lighter;color:#000099;margin-left:0px;}
#conteneur h4{font-family: sans-serif;font-size:24px;font-weight:lighter;color:#333;margin-left:10px;}
#conteneur h5{font-family: sans-serif;font-size:18px;font-weight:lighter;color:#111;margin-left:10px;}
#conteneur h6{font-family: sans-serif;font-size:30px;font-weight:lighter;color:gray;margin-left:15px;margin-bottom:10px;margin-top:0px;}
#conteneur h6 span.lettrine{font-family: sans-serif;font-size:30px;font-weight:bolder;color:#111;}

#conteneur span.date_gen {
	height: 35px;
	width: 219px;
	display: block;
	font-size: 14px;
	color: #7a8389;
	text-align: left;
	background: url(site2_images/bg_date_gen.gif) no-repeat;
	margin: 0 0 25px;
	padding: 0;
}

#conteneur .jour_gen {
	font-size: 28px;
	color: white;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	display: block;
	float: left;
	overflow: hidden;
	width: 55px;
	height: 36px;
	margin: 0;
	padding: 1px 0 0;
}

#conteneur .mois_gen {
	float: left;
	display: block;
	margin-left: 10px;
	margin-top: 10px;
}

#conteneur a
{color:#6666CC;font-size:10px;}



#conteneur a.grey
{color:#222;margin-left:10px;margin-right:10px;align:right;font-size:12px;}

#conteneur a.grey:hover
{color:#6699FF;margin-left:10px;margin-right:10px;align:right;text-decoration: none;}

#conteneur .ico {
	float: left;
	display: block;
	margin-left:20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#texte {
	margin:40px;
}

#recherche {
	margin:10px;
}

#recherche ul {
	list-style: none ;
}

#recherche li
{
	margin-left:-20px;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

#recherche li h5
{
	margin-top:10px;
	width: 880px;font-family: sans-serif;font-size:18px;font-weight:lighter;color:#111;
	border-bottom: 1px solid #bbb;
	margin: 0 0 5px 0 ;
	padding: 0 ;
	margin-left:-10px;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}


#centre {
background-color:#FFF;
/*border:1x inset;*/
border-color: #DDD;
border-style: solid;
border-width: 1px ;
margin:10px;
margin-left:10px;
padding:10px;
text-align: justify;
-moz-border-radius: 10px;
-moz-box-shadow: 1px 1px 1px #888;
-webkit-border-radius: 10px;
-webkit-box-shadow: 1px 1px 1px #888;

}



#centre_Accueil {
margin:10px;
margin-left:380px;
padding:10px;

background-color:#FFF;
/*border:1x inset;*/
border-color: #DDD;
border-style: solid;
border-width: 1px ;

height:320px;


text-align: justify;
-moz-border-radius: 10px;
-moz-box-shadow: 1px 1px 1px #888;
-webkit-border-radius: 10px;
-webkit-box-shadow: 1px 1px 1px #888;

}


#gauche {
position: absolute;
left:0px;
width: 331px;
height:320px;
margin-left:10px;
padding:10px;

background-color:#FFF;
border-color: #DDD;
border-style: solid;
border-width: 1px ;

text-align: justify;

-moz-border-radius: 10px;
-moz-box-shadow: 1px 1px 1px #888;
-webkit-border-radius: 10px;
-webkit-box-shadow: 1px 1px 1px #888;
}


#droite {
position: absolute;
right:0;
width: 150px;
height:50px;
background-color:#CCCCFF;
overflow: auto;
}

#boite_droite {
display:inline-block;
float:right;
font-size: 1em;
/*position: absolute;*/
margin-left:30px;
margin-top:10px;
right:0px;
border:0px inset;
padding-top:8px;
padding-left:28px;
/*padding-right:28px;*/
padding-bottom:28px;
width: 200px;
height:130px;
background-image:url(site2_images/sticky-note.png);
background-repeat:no-repeat;
/*overflow: auto;*/
}

#boite_droite h2 {
font-size: 1.2em;
margin-top:0px;
}

#fenetre{
	position:relative;
	overflow:hidden;
	width:200px;
	height:100px;
	text-align:left;
	margin:auto;
	border:0px inset;
}

#marquee{
	color:#002000;padding:0 5px;
	width:150px; 
}


#pied {
top:10px;
/*background-color:#ddd;*/
/*border:1x inset;*/
border-color: #CCC;
border-top-style: solid;
border-bottom-style: solid;
border-width: 1px ;
margin:10px;
padding:10px;
text-align:center;
/*-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 1px 1px 1px #888;
-webkit-border-radius: 10px;
-webkit-box-shadow: 1px 1px 1px #888;*/

/* pour IE */
/*filter: shadow(color=#ddd,direction=145,Strength=5); 
filter: progid:DXImageTransform.Microsoft.shadow ( color=#ddd,direction=145,Strength=5); */

}

#copyright {
height: 25px;
/*background-color:#ddd;*/
/*border:1x inset;*/
border-color: #CCC;
padding:10px;
text-align:center;
/*-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 1px 1px 1px #888;
-webkit-border-radius: 10px;
-webkit-box-shadow: 1px 1px 1px #888;*/

/* pour IE */
/*filter: shadow(color=#ddd,direction=145,Strength=5); 
filter: progid:DXImageTransform.Microsoft.shadow ( color=#ddd,direction=145,Strength=5); */

}

.boite {
	width: 200px;
	padding-bottom: 10px;
	background: #ddd url(site2_images/milieu-bas.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}
.boite h2 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(site2_images/haut.png) no-repeat;
	background-position: center top;
	text-align: center;
}
.boite p {
	margin: 1em 20px;
	text-align: justify;
}

.menuhaut {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}
.menuhaut li {
	display: inline;
}
.menuhaut a globalnavbg.gif

.menuhaut a.un {
	float:left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 117px ;
	line-height: 36px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(site2_images/globalnavbg.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menuhaut a.deux {
	float:left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 117px ;
	line-height: 36px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(site2_images/globalnavbg.gif) no-repeat -117px 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menuhaut a.trois {
	float:left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 117px ;
	line-height: 36px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(site2_images/globalnavbg.gif) no-repeat -234px 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menuhaut a.quatre {
	float:left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 117px ;
	line-height: 36px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	background: url(site2_images/globalnavbg.gif) no-repeat -351px 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menuhaut a.cinq {
	float:left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 117px ;
	line-height: 36px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(site2_images/globalnavbg.gif) no-repeat -468px 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menuhaut a.six {
	float:left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 117px ;
	line-height: 36px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(site2_images/globalnavbg.gif) no-repeat -585px 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menuhaut a.sept globalnavbg.gif

.menuhaut a.huit {
	float:left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 161px ;
	line-height: 36px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(site2_images/globalnavbg.gif) no-repeat -819px 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}


.menuhaut a:hover {
	text-decoration: none;
	background: url(site2_images/globalnavbg.gif) no-repeat 0 -38px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menuhaut a.un:hover {
	text-decoration: none;
	background: url(site2_images/globalnavbg.gif) no-repeat 0 -38px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menuhaut a.deux:hover {
	text-decoration: none;
	background: url(site2_images/globalnavbg.gif) no-repeat -117px -38px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menuhaut a.trois:hover {
	text-decoration: none;
	background: url(site2_images/globalnavbg.gif) no-repeat -234px -38px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menuhaut a.quatre:hover {
	text-decoration: none;
	background: url(site2_images/globalnavbg.gif) no-repeat -351px -38px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menuhaut a.cinq:hover {
	text-decoration: none;
	background: url(site2_images/globalnavbg.gif) no-repeat -468px -38px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menuhaut a.six:hover {
	text-decoration: none;
	background: url(site2_images/globalnavbg.gif) no-repeat -585px -38px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menuhaut a.sept:hover {
	text-decoration: none;
	background: url(site2_images/globalnavbg.gif) no-repeat -702px -38px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menuhaut a.huit:hover {
	text-decoration: none;
	background: url(site2_images/globalnavbg.gif) no-repeat -819px -38px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}



.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}




/* style Apple */

/*background: url(site2_images/icone_sommaire.png)no-repeat;*/

#poles { width: 1000px; margin: 0 auto 10px; clear: both; color: #76797c; background: url(site2_images/icone_sommaire.png) no-repeat;}
#poles img { float: left; border-width: 0; margin: 0 10px 0 0; }
#poles img.last { margin: 0; }

/* BILLBOARD */
#billboard,  #headlines, #ticker, #options, #links, #homefooter { width: 1000px; margin: 0 auto 10px; clear: both; color: #76797c; }
#billboard { margin: 10px auto 0 auto; }
#billboard img.bottom { padding: 0; border: 0; margin: 0; margin-bottom: 16px; }
#billboard a.more { padding-right: 8px; background: url(images_Apples/morearrow_08c.gif) no-repeat 100% 50%; text-decoration: none; }
#billboard a.more:hover { text-decoration: underline; }

/* VIDEOS */
#video { position: relative; top: -74px; width: 1000px; text-align: center; }
#video a.watch-ad { width: 173px; margin-right: 10px; }
#video a.watch-event { margin-right: 50px; }

/* poles */
#poles { 
	margin-left:10px;width: 1000px; height: 157px; 
	/*background: url(site2_images/background_poles.png) no-repeat;*/
}

/* TICKER */
.wrapper { width: 1000px; margin: 0 auto; padding:10px;}
#ticker { min-height: 26px; margin-bottom: 15px; background: url(images_Apples/ticker_btm_grey.gif) no-repeat 0 100%; position: relative; }
#ticker p { line-height: 16px; width: 100%; padding-top: 5px; padding-bottom: 0.2em; background: url(images_Apples/ticker_top_grey.gif) no-repeat 0 0; float: left; margin-bottom: 3px; }
#ticker a#ticker-headline { width: 12.5em; margin-right: 1em; color: #565656; font-weight: bold; text-align: center; border-right: 1px solid #808080; display: block; float: left; }
#ticker a#news-headline { padding-left: 15px; color: #a1a5a9; float: right; }
#ticker a { color: #6e6e6e; text-decoration: none; }
#ticker marquee {position:absolute; top:5px; right:50px;width:800px;}

#ticker marquee a {color: #6666CC; text-decoration: underline;}


/* HOMEFOOTER */
#homefooter { margin: 60px auto 50px; text-align: center; font-size: 10px; color: #6e6e6e; }
#homefooter a { margin: 0 2px; text-decoration: none; }
#homefooter a:hover { text-decoration: underline; }
#homefooter p.left a { margin-right: 0; }
#homefooter p.left { width: 50%; float: left; text-align: left; text-indent: 10px; }
#homefooter p.right { width: 50%; float: right; text-align: right;}
#homefooter p.links { border: 1px solid #e5e5e5; border-width: 1px 0; padding: .5em 0; margin: 1.5em 0 2em; }
#homefooter .copyright p { margin-bottom: 0; }


/* WORLDWIDE */
#worldwide { width: 230px; margin: 1.5em auto 10em; }
#worldwide select { margin-top: 4px; }
#worldwide img.left { margin: 0; padding: 0; }
#worldwide form#worldwidelinks { padding: 2px 0 0; float: left; width: 196px; height: 19px; margin: 0 0 50px 8px; background: #fff url(images_Apples/worldwide_grey.png) no-repeat 0 100%; color: #fff; }
#worldwide form#worldwidelinks select { width: 196px; margin-top: -2px; opacity: 0; }


/* la gestion des menus */
ul#menu
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a.un:link
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 200px ;
	line-height: 30px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(bg_menu.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 1px solid #dbd ;
}

ul#menu li a.deux:link
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 200px ;
	line-height: 30px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(bg_menu.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 1px solid #dbd ;
}


ul#menu li a:hover
{
	background: url(bg_menu.gif) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 1px solid #f97 ;
}


/* la gestion du texte */
.lettrinne {
float:left;
font-size:60px;
font-family: Times New Roman;
border: 0px solid #f7f7f0; /* dfinition d'une bordure autour de la lettrine*/
/*background-color: #F7f7f0; */
margin: 0px;
padding:0px;
margin-top:-6px;
margin-bottom:2px;
margin-right:4px;
line-height: 0.95em;
}

.calendrier-mois { /* la case comportant le mois tout en haut*/
font: 10px Verdana, sans-serif;
text-align: center;
color: #411;
border: 1px solid white; 
border-left: 0px;
border-right: 0px;
color: #000;
background: #FFF;
}

.calendrier-semaine { /* les cases L M M J V S D */
font: 9px Verdana, sans-serif;
text-align: center;
font-style: italic;
font-weight: bold;
color: #000;
background: #eee;
}

.activeday {		/* c'est la date active */
font: 9px Verdana, sans-serif;
text-align: right;
color: #15f;
background: #FFF;
}

.activeweekendday { /* c'est la partie des weekend actif */
font: 9px Verdana, sans-serif;
text-align: right;
color: #f00;
background: #FFF;
}

.today { 			/* la case d'aujourd'hui */
font: 9px Verdana, sans-serif;
text-align: right;
color: #411;
background: #FA0;
border: 0px solid gray; 
color: #AAA;
color: #fff;
}

.outday {			/* case des jours des autres mois */
font: 9px Verdana, sans-serif;
text-align: right;
color: #000;
background: #FFF;
}

.weekday {			/* case d'un jour de la semaine */
font: 9px Verdana, sans-serif;
text-align: right;
color: #000;
background: #FFF;
}

.weekendday {		/* les jours du weekend */
font: 9px Verdana, sans-serif;
text-align: right;
font-weight: bold;
color: #000;
background: #FFF;
}



/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:transparent; layer-background-color:transparent; visibility:hidden}

/**/
/*Styles for level 0*/
/**/
.clLevel0,.clLevel0over{position:absolute; padding:12px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold;text-align:center;}
.clLevel0{background-color:Navy; layer-background-color:Navy; color:white;}
.clLevel0over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:transparent; layer-background-color:transparent}


/*Styles for level 1 */
.clLevel0_1,.clLevel0over_1{position:absolute; padding:15px; font-family:tahoma,arial,helvetica; font-size:36px; font-weight:bold}
.clLevel0_1{background: url(site2_images/globalnavbg.gif) no-repeat 0px 0px;
	z-index: 32; 
	line-height:37px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
.clLevel0over_1{background: url(site2_images/globalnavbg.gif) no-repeat 0px -38px;color:#eeeeee; cursor:pointer; cursor:hand;
	z-index: 32; 
	line-height:37px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
.clLevel0border_1{position:absolute; visibility:hidden; }

/*Styles for level 2 */
.clLevel0_2.clLevel0over_2{position:absolute; padding:5px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
.clLevel0_2{background: url(site2_images/globalnavbg.gif) no-repeat -117px 0px;
	z-index: 32; 
	line-height:37px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
.clLevel0over_2{background: url(site2_images/globalnavbg.gif) no-repeat -117px -38px;color:#eeeeee; cursor:pointer; cursor:hand;
	z-index: 32; 
	line-height:37px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
.clLevel0border_2{position:absolute; visibility:hidden; }

/*Styles for level 3 */
.clLevel0_3.clLevel0over_3{position:absolute; padding:5px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
.clLevel0_3{background: url(site2_images/globalnavbg.gif) no-repeat -234px 0px;
	z-index: 32; 
	line-height:37px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
.clLevel0over_3{background: url(site2_images/globalnavbg.gif) no-repeat -234px -38px;color:#eeeeee; cursor:pointer; cursor:hand;
	z-index: 32; 
	line-height:37px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
.clLevel0border_3{position:absolute; visibility:hidden; }

/*Styles for level 4 */
.clLevel0_4.clLevel0over_4{position:absolute; padding:5px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
.clLevel0_4{background: url(site2_images/globalnavbg.gif) no-repeat -351px 0px;
	z-index: 32; 
	line-height:37px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
.clLevel0over_4{background: url(site2_images/globalnavbg.gif) no-repeat -351px -38px;color:#eeeeee; cursor:pointer; cursor:hand;
	z-index: 32; 
	line-height:37px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
.clLevel0border_4{position:absolute; visibility:hidden; }

/*Styles for level 5 */
.clLevel0_5.clLevel0over_5{position:absolute; padding:5px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
.clLevel0_5{background: url(site2_images/globalnavbg.gif) no-repeat -468px 0px;
	z-index: 32; 
	line-height:37px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
.clLevel0over_5{background: url(site2_images/globalnavbg.gif) no-repeat -468px -38px;color:#eeeeee; cursor:pointer; cursor:hand;
	z-index: 32; 
	line-height:37px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
.clLevel0border_5{position:absolute; visibility:hidden; }

/*Styles for level 6 */
.clLevel0_6.clLevel0over_6{position:absolute; padding:5px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
.clLevel0_6{background: url(site2_images/globalnavbg.gif) no-repeat -585px 0px;
	z-index: 32; 
	line-height:37px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
.clLevel0over_6{background: url(site2_images/globalnavbg.gif) no-repeat -585px -38px;color:#eeeeee; cursor:pointer; cursor:hand;
	z-index: 32; 
	line-height:37px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
.clLevel0border_6{position:absolute; visibility:hidden; }

/*Styles for level 7 */
.clLevel0_7.clLevel0over_7{position:absolute; padding:5px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
.clLevel0_7{background: url(site2_images/globalnavbg.gif) no-repeat -702px 0px;
	z-index: 32; 
	line-height:37px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
.clLevel0over_7{background: url(site2_images/globalnavbg.gif) no-repeat -702px -38px;color:#eeeeee; cursor:pointer; cursor:hand;
	line-height:37px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}

.clLevel0border_7{position:absolute; visibility:hidden; }

/*Styles for level 8 */
.clLevel0_8.clLevel0over_8{position:absolute; padding:5px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
.clLevel0_8{background: url(site2_images/globalnavbg.gif) no-repeat -819px 0px;
	z-index: 32; 
	line-height:37px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
.clLevel0over_8{background: url(site2_images/globalnavbg.gif) no-repeat -819px -38px;color:#eeeeee; cursor:pointer; cursor:hand;
	line-height:37px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
.clLevel0border_8{position:absolute; visibility:hidden; }

/*Styles for level 8 */
.clLevel0_9.clLevel0over_9{position:absolute; padding:5px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
.clLevel0_9{background: url(site2_images/globalnavbg.gif) no-repeat -936px 0px;
	z-index: 32; 
	line-height:37px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
.clLevel0over_9{background: url(site2_images/globalnavbg.gif) no-repeat -936px -38px;color:#eeeeee; cursor:pointer; cursor:hand;
	line-height:37px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
.clLevel0border_9{position:absolute; visibility:hidden; }

/*Styles for level Search */
#search_Box{
	position: absolute;/* on le place au dessus de tout */
	display:none;
	left: 50%;
	/*width: 164px;*/
	_width:184px;
	_height:226px;
	padding:7px;
	
	margin-left: 310px;
	margin-top: 46px;
	
	z-index: 200;
	background-color:#3333FF; 
	border-color:#ccc; 
	border-style:solid; 
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	color:white; 
	cursor:hand;
}



/**/
/*Styles for level 1*/
/**/
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:normal;}
.clLevel1{background-color:#efe; layer-background-color:#ded; color:dark;}
.clLevel1over{background-color:#3333FF; layer-background-color:#ccc; color:white; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#ccc; layer-background-color:#ccc;}

/**/
/*Styles for level 2*/
/**/
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:normal}
.clLevel2{background-color:#efe; layer-background-color:#ded; color:dark;}
.clLevel2over{background-color:#3333FF; layer-background-color:#ccc; color:white; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#aaa; layer-background-color:#aaa}


/***/
/* permet de gŽrer les descriptifs */
.formrecherche
{
	width:164px;
}


/**/
/* la gestion des dŽpeches */
/* @group depeches */

/* @group content */


#depeches {
	width: 331px;
	height: 290px;
	margin: 0;
	padding: 0;
	background: white url(site2_images/bg_depeches.jpg) no-repeat;
	float: left;
	position: relative;
	text-align: left;
	/*border-right: 1px solid #d6d6d6;*/
	overflow: hidden;
}

#depeches_articles {
	width: 231px;
	/*height: 290px;*/
	margin: 0px;
	padding: 0px;
	background: white url(site2_images/bg_depeches_depeche.jpg) no-repeat;
	float: left;
	/*position: relative;*/
	text-align: left;
	/*border-right: 1px solid #d6d6d6;*/
	overflow: hidden;
}


#depeches a,#depeches_articles a {
	text-decoration: none;
	color: black;
}

#depeches a:hover {
	text-decoration: none;
}

#depeches .date, #depeches_articles .date {
	height: 45px;
	width: 65px;
	display: block;
	float: left;
	font-size: 9px;
	color: white;
	text-align: center;
	background: url(site2_images/bg_date.gif) no-repeat 15px 8px;
	padding-top: 5px;
}

#depeches .title {
	height: 35px;
	width: 248px;
	display: block;
	float: left;
	text-transform: uppercase;
	font-size: 14px;
	color: #314657;
	margin: 0;
	padding: 22px 0 0 18px;
	font-weight: bold;
}

#depeches_articles .title {
	height: 35px;
	width: 248px;
	display: block;
	float: left;
	text-transform: uppercase;
	font-size: 12px;
	color: #314657;
	margin: 0;
	padding: 22px 0 0 18px;
	font-weight: bold;
}


#depeches .liste, #depeches .liste_end,#depeches_articles .liste, #depeches_articles .liste_end {
	width: 331px;
	height: 21px;
	margin: 0;
	padding: 0;
	display: block;
	border-top: 1px solid #cacaca;
	overflow: hidden;
}

#depeches .liste:hover {
	text-decoration: none;
	background: #c0dbed url(site2_images/bg_depeche_title.gif) no-repeat;
	color: black;
}

#depeches_articles .liste:hover {
	text-decoration: none;
	background: #c0dbed url(site2_images/bg_depeche_title_depeche.gif) no-repeat -58px 0px;
	color: black;
}

#depeches .liste:visited{
	text-decoration: none;
	background: #c0dbed url(site2_images/bg_depeche_title_visited.gif) no-repeat 0px 0px;
}

#depeches_articles .liste:visited {
	text-decoration: none;
	background: #c0dbed url(site2_images/bg_depeche_title_visited_depeche.gif) no-repeat -58px 0px;
}

#depeches .head_depeches, #depeches_articles .head_depeches {
	width: 331px;
	height: 50px;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
}

#depeches .head_depeches:hover{
	text-decoration: none;
	background: #c0dbed url(site2_images/bg_dep_head.png) no-repeat;
	color: black;
}

#depeches_articles .head_depeches:hover{
	text-decoration: none;
	background: #c0dbed url(site2_images/bg_dep_head.png) no-repeat 0px 0px;
	color: black;
}

#depeches .date_dep {
	width: 65px;
	margin: 4px 0 0;
	padding: 0;
	display: block;
	text-align: center;
	font-size: 8px;
	float: left;
}

#depeches .title_dep, #depeches_articles .title_dep{
	font-size: 11px;
	margin: 2px 0 0;
	padding: 0 0 0 18px;
	width: 227px;
	display: block;
	float: left;
	line-height: 15px;
}

#depeches .type, #depeches_articles .type{
	width: 16px;
	height: 14px;
	display: block;
	padding-top: 2px;
	float: left;
	clear: right;
}

#depeches .type .spip_logos {
	margin-top:-1px;
	width:18px;
	height:18px;
}



/* @end */

#boite_gauche {
float: left;
left:0px;
width: 680px;
margin:0px;
margin-left:10px;
margin-bottom:30px;
padding:10px;
background-color:#FFF;
border-color: #DDD;
border-style: solid;
border-width: 1px ;

text-align: justify;

-moz-border-radius: 10px;
-moz-box-shadow: 1px 1px 1px #888;
-webkit-border-radius: 10px;
-webkit-box-shadow: 1px 1px 1px #888;
}



/* @ les derniers articles */
#boite_droite_anciens_articles {
display:inline-block;
float:right;
font-size: 1em;
/*position: absolute;*/
margin:10px;
margin-top:0px;
padding:10px;

right:0px;
border:0px inset;

border-color: #DDD;
border-style: solid;
border-width: 1px ;

background-color: white;

-moz-border-radius: 10px;
-moz-box-shadow: 1px 1px 1px #888;
-webkit-border-radius: 10px;
-webkit-box-shadow: 1px 1px 1px #888;

}

#boite_droite h2 {
font-size: 1.2em;
margin-top:0px;
}


/* gestion de l'arborescence */

/*#arborescence { clear: both; text-align: center; margin: 18px auto; clear: both; font-size: 10px; color: #686868;line-height:35px;text-align:left;margin-left:10px;
	background: url(site2_images/arborescence_bg.png) no-repeat;behavior: url(iepngfix.htc); }

#arborescence a { color: #444; text-decoration: none; float: left; padding: 0 10px; position: relative; margin-left: -10px; _cursor: hand; }
#arborescence a:hover { color: #333; text-decoration: none !important; }
#arborescence a.home { margin: 0; width: 15px; height: 0; padding-top: 36px; overflow: hidden; }
#arborescence span { float: left; width: 9px; margin: 0 10px 0 0; position: relative; height: 0; padding-top: 34px; margin-top: 1px; overflow: hidden; 
	background: url(site2_images/arborescence_sep.png) no-repeat; behavior: url(iepngfix.htc); }*/
	
#conteneur_arborescence { width: 1000px; margin: 0 auto 10px; clear: both; color: #76797c;margin-top:20px; }

ol#arborescence { font-size: 11px; color: #444; background: url(site2_images/arborescence_bg.png) no-repeat;behavior: url(iepngfix.htc);
	height: 36px; line-height: 36px; margin: 0; list-style-type: none; font-weight: bold; text-shadow: 2px 2px 1px #fff;  margin-left:10px;margin-bottom:10px;}
	
ol#arborescence li { 
	float: left; margin: 0; 
	padding-left:10px;padding-right:10px; 
	background: url(site2_images/arborescence_sep.png) no-repeat;background-position:right bottom;
	behavior:url(iepngfix.htc);
}
ol#arborescence li a { float: left; color: #444; text-decoration: none; margin-left: 0px; }	
ol#arborescence li a:hover { color: #333; text-decoration: none; }

ol#arborescence li.home {float: left; color: #444; text-decoration: none; margin-left: 15px;}
ol#arborescence li.home a { color: #333; text-decoration: none;margin-left: 10px; }


/* la gestion du titre pour le plan */

#titre_plan {width: 980px;padding-left:10px;}

#titre_plan h2{width: 980px; border-bottom: 1px solid #bbb;font-family: sans-serif;font-size:24px;clear: both;color:gray;font-weight:lighter;}

/* la gestion des colonnes pour le plan*/
#grid3col {margin-left: 10px;margin-right: 10px;width: 950px;clear: both; }

#grid3col ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 1em;
}

#grid3col h2{width: 980px; border-bottom: 1px solid #bbb;font-family: sans-serif;font-size:20px;clear: both;font-weight:lighter;}
#grid3col a{color:#336699;}


#col1 {float:left; width:180px; overflow :hidden;text-align:left;margin-bottom:20px;} /*colonne gauche*/
#col2 {float:left; width:180px; overflow :hidden;text-align:left;margin-bottom:20px;}/*colonne milieu*/
#col3 {float:left; width:180px; overflow :hidden;text-align:left;margin-bottom:20px;}/*colonne droite*/
#col4 {float:left; width:180px; overflow :hidden;text-align:left;margin-bottom:20px;}/*colonne droite*/
#col5 {float:left; width:180px; overflow :hidden;text-align:left;margin-bottom:20px;}/*colonne droite*/

#saut_de_ligne {float:left; width:180px; overflow :hidden;text-align:left;clear: both;margin-bottom:20px;}/*colonne droite*/



/* gestion de la zone Les-infos */
#boite_infos{
float: left;
left:0px;
width: 960px;
margin:0px;
margin-left:10px;
margin-bottom:30px;
padding:10px;
background-color:#FFF;
border-color: #DDD;
border-style: solid;
border-width: 1px ;

text-align: justify;

-moz-border-radius: 10px;
-moz-box-shadow: 1px 1px 1px #888;
-webkit-border-radius: 10px;
-webkit-box-shadow: 1px 1px 1px #888;
}


#swapper {
	margin-top: -15px;
}

/* balise pour les flux rss */

#flux {
	margin:20px;
}

#flux ul {
	
}

#flux li
{
	font-family: Arial, sans-serif;
	 font-size: 22px;
	 color: black;
	 display : list-item;
	 list-style-image : url(site2_images/puce_rss.png);
	 background-repeat: no-repeat;
	background-position: 0% 65%;
	padding-left: 15px;
	
	vertical-align: top;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

#flux li a {
	font-size: 12px;
	vertical-align:12px;
}