/* Slideshow container */

.mySlides {
display: none;
height:250px;
overflow:hidden;
}


/*.moncomptePicto {display:none;}*/
.slideshow_container_image_bandeau {
width: 580px;
height:250px;
background-color: #333;
}


/* Fading animation */
.fade_image_bandeau {
-webkit-animation-name: fade;
-webkit-animation-duration:4s;
animation-name: fade;
animation-duration: 4s;
}

@-webkit-keyframes fade {
 0%,100% { opacity: 0; }
  15%,95% { opacity: 1; }
}

@keyframes fade {
   0%,100% { opacity: 0; }
  15%,95% { opacity: 1; }
}





#myBarrePersoContentLeft {	display:none;}
.formRechBloc {	display:none;}








#motclefDock {display:none;}
#btnRechDock {display:none;}


/* ----------- SLIDER ------------------ */

.contenu {
	padding-right: 30px;
	padding-left: 100px;
	padding-top: 10px;
	list-style-type: none;
	color: #FFF;
}


#slider{
	width:780px;
	position: relative;
	height: 170px;
	overflow: hidden;
	background-image: url(essonne_petit_gauche.jpg);
	background-repeat:no-repeat
		
}

#slider-window{
	position:relative;
	width:726px;
	height:170px;
	overflow:hidden;
	float: left;
	
}

#prevSlide{
	width:27px;
	height:20px;
	position:relative;
	cursor:pointer;
	float:left;
	top: 150px;
	color: #FFF;
	font-weight:bold;
	background-color: #CCC;
	text-align: center;
	
}
#slide_side{
	width:27px;
	height:150px;
	position:relative;
	
	top: 0px;
	
	
	
	
}

#nextSlide{
	width:27px;
	height:20px;
	position:relative;
	cursor:pointer;
	top: 150px;
	color: #FFF;
	font-weight:bold;
	background-color: #CCC;
	text-align: center;
	float: left;	
}


.slide{
	float:left;
	position:relative;
	list-style-type:none;
	width:726px;
	height:170px;
	background-color: #FFFFFF;
}

#slider-window ul li{

	list-style-type:none;
}

.slide-content{
	position:absolute;
	height:170px;
	width:726px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 90%;
	left: 0;
	top: 0;
	
}





.slide-content a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 2em;
	line-height: 1em;
}
.slide-content a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCC;
	font-size: 2em;
	line-height: 1em;
}






#lienHome {
display: none;}


#titre_onglet {
	display: none;}
	
	
	.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

	
	
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:4999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}




/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(https://www.cse-safran-villaroche.fr/upload/client/webmaster/overlay.png) 0 0 repeat; opacity:0.8;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:rgba(1, 1, 1, .1);}
        #cboxLoadedContent{margin-bottom:0px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
/* Modif Yffic : Mise en commentaire car de toute facon ca ne fonctionne pas 
	avec ces url comme indique dans le commentaire ci dessus */

.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/*------------------------------------------------------------ info_bulles __________________________*/

a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
   text-decoration: none;
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 50000; /* on définit une valeur pour l'ordre d'affichage */
text-decoration: none;
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
	font-size: 12px; /* on définit les propriétés de texte pour toutes les balises */
	display: inline; /* on affiche l'infobulle */
	position: absolute;
	/* white-space: nowrap;  on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

	width: 380px;
	bottom: 5px; /* on positionne notre infobulle */
	left: 10px;
	background: #58585A;
	color: #fff;
	padding: 3px;
	border: 4px solid #58585A;
	border-left: 4px solid #58585A;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}


.liens_utiles_complet.ui-tabs .ui-tabs-nav li {background: url(https://www.cse-safran-villaroche.fr/upload/client/webmaster/f_paie.jpg); }
.liens_utiles_complet.ui-tabs .ui-tabs-nav li.tab_end {background: url(https://www.cse-safran-villaroche.fr/upload/client/webmaster/f_paie.jpg);}
.liens_utiles_complet.ui-tabs .ui-tabs-nav li a {color: #FF6600;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #FF6600;}
/*------------------------------------------------------------ JOUETS NOEL__________________________*/


p,td {color:inherit};





/*------------------------------------------------------------ JOUETS NOEL__________________________*/



.cell_cadeau td {

background:#fff;
bgcolor:#fff;
background-color:#fff;

}


.cadre td {
	background:#fff;	
}


.cadrefin td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	margin: 0px;
	
	}
	
	.cadrefin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	border-top-color:#FF9900;
	border-top-style: dashed;
	border-top-width: 1px;
		border-bottom-color:#FF9900;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
		border-left-color:#FF9900;
	border-left-style: dashed;
	border-left-width: 1px;
		border-right-color:#FF9900;
	border-right-style: dashed;
	border-right-width: 1px;
	
	
	border-collapse: collapse; 
	 -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
	}

.cadre borderdouble art_size tabimpair_web {
	background:#FFFFFF;
	border:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
	
	/*	
	 .cadrefin img {
	 width:150px;
    height: auto;} 
	
*/
	



.cadre { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
	border-top-color:#FF9900;
	border-top-style: dashed;
	border-top-width: 1px;
		border-bottom-color:#FF9900;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
		border-left-color:#FF9900;
	border-left-style: dashed;
	border-left-width: 1px;
		border-right-color:#FF9900;
	border-right-style: dashed;
	border-right-width: 1px;
	background-color: #FFFFFF;	
}





.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px;-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px;-moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;}

	.cell_cadeau td{background-color: #FFFFFF;
	    border: 0px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}
		
	div#tabs_panier {
border: 0px;
}	

li.tabsPanier.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active a {
	font-variant:normal;
	font-size: xx-large;
	color:#000;
	text-shadow: 2px 2px 4px #D1DBE4;
	text-align: inherit;
	width: inherit;
	}
	
li.tabsPanier.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active {background-image: url(none);text-align: left;}

#titre_onglet {background-image: url(none);border:0px;padding-bottom:20px;}

.cell_cadeau:hover {
	border-top-color:#FF9900;
	border-top-style: dashed;
	border-top-width: 1px;
		border-bottom-color:#FF9900;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
		border-left-color:#FF9900;
	border-left-style: dashed;
	border-left-width: 1px;
		border-right-color:#FF9900;
	border-right-style: dashed;
	border-right-width: 1px;
	background-color: #FFFFFF;	
}
.cell_cadeau {
	    background-color: #FFFFFF;
	margin: 0px;	
	border-top-color:#fff;
	border-top-style: dashed;
	border-top-width: 1px;
		border-bottom-color:#fff;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
		border-left-color:#fff;
	border-left-style: dashed;
	border-left-width: 1px;
		border-right-color:#fff;
	border-right-style: dashed;
	border-right-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	 }

.tableRubOd input{
    border:solid 1px #ccc;
    margin:1px;
    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
    padding:2px;
}

.bloc-info-od { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
	margin-top: 8px;
	border-top-color:#FF9900;
	border-top-style: dashed;
	border-top-width: 1px;
	border-bottom-color:#FF9900;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-left-color:#FF9900;
	border-left-style: dashed;
	border-left-width: 1px;
	border-right-color:#FF9900;
	border-right-style: dashed;
	border-right-width: 1px;
	background-color: #F7F7F7;
}



/*------------------------------------------------------------*/








	
	
	
	
	

	
.myDockBarre{background:#58585a;color:#FF4E00;display:inline-block;margin:auto;text-align:left;font: 14px "arial";position:relative;z-index:1100;font-size:12px;}


#LinkView li a{display:inline-block;line-height:30px;height:30px;text-decoration:none;color:#FF4E00;font-weight:bold;padding:0 9px;border-left:dotted 1px #ccc;font-size:12px;}

.barreLatDockContenter{display:none;}



	
	
	



.lien_fond_sombre {
	color: rgb(255,102,0);
	text-decoration: none;
}

.lien_fond_sombre:hover{
	color: #fff;

	text-decoration: none;
}


#bouton a{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

#bouton a:hover{
	color:#CCCCCC;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
	text-decoration: none;
}




a:link {
	color: rgb(255,102,0);
	text-decoration: none;
}



a:hover{
	color: rgb(51,51,51);

	text-decoration: none;
	
	}



a:visited{
color: rgb(255,102,0); text-decoration: none;
}

#fond_blue a:hover{
	color: rgb(255,255,255);

	text-decoration: none;
}



td#tdFilAriane {display:none;}

a:active {
	text-decoration: none;
}
.entete_web{
	color:#fff;		/*couleur du texte des entetes de colone et ligne de total*/
	font-weight:bold;
	background-color:#FFF;/*couleur de fond des entetes de colone et ligne de total*/	
}

.entete_web td{
	color:#000;		/*couleur du texte des entetes de colone et ligne de total*/
	font-weight:bold;
	
}



 div#bandeauSup .bandeau1 {
    position: relative;
    width: 970px;
}
 
h1 {
	font-size: x-large;
	padding-top:10px;
	padding-bottom:0px;
	text-shadow: 2px 2px 4px #D1DBE4;
	color: rgb(0,0,0);	
}
h2 {font-family:Arial, Helvetica, sans-serif;
   font-size: medium;
   padding-top:0px;
    padding-bottom:0px;
text-shadow: 2px 2px 4px #D1DBE4;	
   
	color: rgb(0,0,0);
	
}
h3, .h3-like {
    font-size: 1.5714em; /* equiv 22px */
    font-weight: normal;
    line-height: 1.909em;
    margin: .9545em 0 0 0;
}
h4 {
	font-variant:normal;
	font-size: xx-large;
	color: rgb(0,0,0);
	text-shadow: 2px 2px 4px #D1DBE4;
	text-align: left;	
}
h5 {
	font-size:8pt;
	color: #EF8700;
}

.nom_ch {
	font-weight: bold;
	color: #333333;
	text-align: left
}

h6, .h6-like {
    font-size: 1.1429em; /* equiv 16px */
    font-weight: normal;
    line-height: 1.3125em;
    margin:  1.3125em 0 0 0;
}



.nom {

color: rgb(0,0,0); 
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;

}

strong { color:rgb(0,0,0);}

.divLinkHautPage {
	
	display: none;
}
.affHistoPage {
   display: none;
}

div#header {
    width: 970px;
	background-color:rgba(214,214,214,0);	}
	
	
div#contentTop 		{ 
			width: 970px;	
			height:2px;
			margin:auto;
			background-image:none;
			
		}
div#contenuTop {height: 4px;
               width: 970px;
			   background-color:rgba(214,214,214,0);		
}

.contentBlocCenter {width: 970px;
              margin:0px;
             padding:0px;
}

div#contenu {width: 970px;
              margin:0px;
             padding:0px;
}
div#contentBottom	{  
			width: 970px;	
			height:0px;
			margin:0px;
			background-image:none;
			background-color: rgb(255,255,255);
		}
		
div#siteConteneur {width: 970px;}
	
	div#footerContenuLibre  {width: 970px;}
		
div#contentAccueil {
	background-color: rgb(255,255,255);
	width: 970px;
	
	}
div#content 		{
	width: 970px;
	margin:0px;
background-image:none;
background-repeat: repeat-y;

padding-left:0px;
padding-right:0px;
padding-bottom:0px;
padding-top:0px;
	background-color: rgb(2543,254,254);
}
.blocCenterText{background:none;}	


div#contenuBottom 	{
		width: 1000px;
		height:0px;
		margin: 0px;
	}


div#contentText br {
		line-height: 2px;
}


.blocBottomText{width:970px;display:none;}
.blocTopText{width:970px;display:none;}
.blocLeftText{display:none;}
.blocRightText{display:none;}
.blocTopLeftText{display:none;}
.blocTopRightText{display:none;}
.blocBottomLeftText{display:none;}
.blocBottomRightText{display:none;}



.dates_orange {
width:auto;
border-radius: 0px;
box-shadow: 4px 4px 8px #ccc; 
background-color: rgb(243, 144, 0);

}

.dates_orange td {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:3px;
	padding-right:3px;
	color :#fff;
	font-weight: bold;
}

/*---------------------- MENU  ------------------------------*/





.ddsmoothmenu  { 

padding:10px 0px 0px 0px;

	font: bold 13px "Arial";
	width:970px;
	}



/* #######  Séparateurs du menu #########*/

	/* Séparateur tout à gauche du menu */
	.sepMenuFirst{
		/*height:20px;*/
		/*width:9px;*/
		/*background:url(menu_sep_left.png);*/
		/*border-right: 1px solid red;*/
	}
	/* Séparateur entre deux rubriques */
	.sepMenu{
		height:50px;
		/*width:1px;
		background:url(sep.jpg);*/
		/*border-right: 2px solid white;*/
	}
	/* Séparateur tout à droite du menu */
	.sepMenuLast{
		/*height:20px;*/
		/*width:10px;*/
		/*background:url(menu_sep_right.png);*/
		/*border-right: 1px solid green;*/
	}



		* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
		display: inline-block;
	}

	.ddsmoothmenu ul{
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;


	    
}
    .ddsmoothmenu ul li {
	   position:static;
	   display:inline-table;
       float:left;
	   
	 
}


	
	.ddsmoothmenu ul li ul{
	display:block; /*collapse all sub menus to begin with*/
	visibility:visible;	
    margin-top:0px;
    background-color:#05499E;
	/*height:216px;*/
	height:auto;
	padding-bottom:30px;
	position: static;
	float:left;
    width: auto !important;
	
	
  text-transform: uppercase;
	font-family: "Oswald-bold", ;
	font-size: 18px;
  line-height:18px;
	font-weight: bold;
    font-style: normal;
	}
	
	
	

	

* html .ddsmoothmenu{height: 1%;} 
	.ddsmoothmenu ul li ul li{
		 background:#333; 
	background-color:#333;
	visibility:visible;

top:22px;
		color: #000000;
		position:static;
		float:left;
		margin-top:0px;
		display: list-item;
		
	}

    .ddsmoothmenu ul li ul li ul{
		margin-top:5px;
		top: 0;
		width: 103px;
	   display:block;
	background-color:#05499E;
	height:auto;
	 position:fixed;
	color:#000000;
	  visibility: visible;
	
	}
	

.myBarrePersoText{padding: 0 5px;font-size: 11pt;font-weight: bold; color: #FF4E00;text-shadow: none ;background:none;}
.myBarrePersoText a.myBarrePersoLink:link{font-size: 12pt;font-weight: bold; color: #FF4E00;text-shadow: 1px 1px 2px #333;}
.myBarrePersoText a.myBarrePersoLink:hover{text-shadow:none;}
.myBarrePersoDeco{background: none;}
	
#myBarrePerso, .myBarrePerso{width:100%;height:30px;background: #58585a;position:relative;z-index:800;}



	/* Style pour l'état "déjà visité" */
	.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
		color: #000;
	}
	/* Style pour l'état "sélectionné" */
	.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
		/*background: #05499E; */
			color: #FF4E00;
		text-decoration: none;
		display:block;
  background-color:#58585a;
	}
	/* Style pour l'état "en survol" */
	.ddsmoothmenu ul li a:hover{
		/*background: #05499E; /*background of menu items during onmouseover (hover state)*/
		color:#FF4E00;
		text-decoration: none;
		display:block;
  background-color:#58585a;
  
    
   transition: background-color .50s ease-in-out;
   -moz-transition: background-color .50s ease-in-out;
   -webkit-transition: background-color .50s ease-in-out;
   transition: color .50s ease-in-out;
   -moz-transition: color .50s ease-in-out;
   -webkit-transition: color .50s ease-in-out;
	}

	
	
	.ddsmoothmenu ul li ul li a{
		background:#ccc ; 
		color: #000000;
	font: bold 12px Arial;
	vertical-align:baseline;
	width: 186px; /*width of sub menus*/
	height:18px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	margin: 0px;
	border-bottom: 1px dotted #ccc;
	border-left: 0px ;
	border-right: 0px ;
	
	}
		
	
	/* Style pour l'état "déjà visité" */
	.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li li a:visited{
	 
		
		text-decoration: none;
		display:block;
  background:#05499E; 
	color:#fff;
	background-color:#05499E;
	}
	


.ddsmoothmenu ul li ul li li a:link{
		background: #05499E; 
		color:#fff;
		text-decoration: none;
		display:block;
	}
	
.ddsmoothmenu ul li ul li li a:hover{
		background: #58585a; 
		color:#FF4E00;
		text-decoration: none;
		display:block;
	}

.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a.selected{
		background: #58585a; 
		color:#FF4E00;
		text-decoration: none;
		display:block;
	}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{

	
	display:none;
}

.rightarrowclass{
	
	
	display:none;
	
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
	opacity: 0;
}

/*___________________________*/

















div#menu_horiz{
	/*background-color:rgb(249, 249, 249);*/
	height:40px;
	
	background-image: none;			
			/*margin-top:-250px;*/
		}



	/* Style des liens des rubriques du menu*/
	.ddsmoothmenu ul li a{
		display: block;
		color: #373328;
		padding: 3px 10px;
		text-decoration: none;
		
		

	}
	




	

	
	
.sepMenu{
	height:20px;
	width:1px;
	border-right: 1px dotted;
	border-right-color: rgb(102,102,102);
	}
	
	
	/*  footer _______________________________________________________*/
	#footer {   
		
		width: 100%;
		height: 25px;
		margin:0px;
	}
	#footerContenu{
		background:none;
		height: 25px;
		text-align: left;
		width:970px;
		margin:auto;
		
	}
	#footerContenu span{
	padding-right:5px;
	padding-left:5px;
	line-height:5px;
	
	
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	
	
	}
	
	#footerContenu  a{
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color: rgb(255,102,0);
	font-style:normal;
	text-decoration:none;		 
	}
	#footerContenu  a:hover{
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	font-style:normal;
	text-decoration:none;
	 opacity: 0.7;
   transition: opacity .50s ease-in-out;
   -moz-transition: opacity .50s ease-in-out;
   -webkit-transition: opacity .50s ease-in-out;
	}
	
	
	#footerContenuStandard { 
	display: none;
	}
	
	/*  Page accueil_ bandeau ______________________________________________________*/
	
	#bandeauSup {
	height:120px;
	background-image: none;
	background-repeat: no-repeat;	
	}
	
	#contentBandeauSup {
	height:120px;
	
	
	
	}
	
	
	/*  Page accueil______________________________________________________*/
	
			#slides {
				margin: 0px;
				width: auto;
			}
			
			#slides div {
	background: #fff;
	float: left;
	height: 240px;
	margin-top: 0px;
	overflow: hidden;
	position: relative;
	width: 170px;
			}
			
			#slides div p {
				padding: 0 10px;
			}
			
			#slides div img {
	left: 0;
	position: absolute;
	top: 0;
	transition: transform 0.5s ease-in-out;
	-moz-transition: -moz-transform 0.5s ease-in-out;
	-o-transition: -o-transform 0.5s ease-in-out;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	width: 170px;
	height: 240px;
	
			}
			
			#slides div.slide-down:hover img {
				transform: translateY(240px);
				-moz-transform: translateY(240px);
				-o-transform: translateY(240px);
				-webkit-transform: translateY(240px);
			}
			
			#slides div.slide-down-left:hover img {
				transform: translate(-240px,170px);
				-moz-transform: translate(-240px,170px);
				-o-transform: translate(-240px,170px);
				-webkit-transform: translate(-240px,170px);
			}
			
			#slides div.slide-down-right:hover img {
				transform: translate(240px,170px);
				-moz-transform: translate(240px,170px);
				-o-transform: translate(240px,170px);
				-webkit-transform: translate(240px,170px);
			}
			
			#slides div.slide-left:hover img {
				transform: translateX(-170px);
				-moz-transform: translateX(-170px);
				-o-transform: translateX(-170px);
				-webkit-transform: translateX(-170px);
			}
			
			#slides div.slide-right:hover img {
				transform: translateX(170px);
				-moz-transform: translateX(170px);
				-o-transform: translateX(170px);
				-webkit-transform: translateX(170px);
			}
			
			#slides div.slide-up:hover img {
				transform: translateY(-240px);
				-moz-transform: translateY(-240px);
				-o-transform: translateY(-240px);
				-webkit-transform: translateY(-240px);
			}
			
			#slides div.slide-up-left:hover img {
				transform: translate(-240px,-170px);
				-moz-transform: translate(-240px,-170px);
				-o-transform: translate(-240px,-170px);
				-webkit-transform: translate(-240px,-170px);
			}
			
			#slides div.slide-up-right:hover img {
				transform: translate(240px,-170px);
				-moz-transform: translate(240px,-170px);
				-o-transform: translate(240px,-170px);
				-webkit-transform: translate(240px,-170px);
			}
		/*  Page trombinoscope______________________________________________________*/		
			
    	#slides2 {
				margin: 0px;
				width: auto;
			}
			
			#slides2 div {
	background: #fff;
	float: left;
	height: 150px;
	margin-top: 0px;
	overflow: hidden;
	position: relative;
	width: 100px;
			}
			
			#slides2 div p {
	padding: 0 10px;
			}
			
			#slides2 div img {
				opacity:0.85;
 filter:alpha(opacity=85); /* For IE8 and earlier */"
	left: 0;
	position: absolute;
	top: 0;
	transition: transform 0.5s ease-in-out;
	-moz-transition: -moz-transform 0.5s ease-in-out;
	-o-transition: -o-transform 0.5s ease-in-out;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	width: 100px;
	height: 150px;
	
			}
			
			#slides2 div.slide-down:hover img {
				transform: translateY(266px);
				-moz-transform: translateY(266px);
				-o-transform: translateY(266px);
				-webkit-transform: translateY(266px);
			}
			
	

			
			#slides2 div.slide-left:hover img {
				transform: translateX(-177px);
				-moz-transform: translateX(-177px);
				-o-transform: translateX(-177px);
				-webkit-transform: translateX(-177px);
			}
			
			#slides2 div.slide-right:hover img {
				transform: translateX(177px);
				-moz-transform: translateX(177px);
				-o-transform: translateX(177px);
				-webkit-transform: translateX(177px);
			}
			
			#slides2 div.slide-up:hover img {
				transform: translateY(-266px);
				-moz-transform: translateY(-266px);
				-o-transform: translateY(-266px);
				-webkit-transform: translateY(-266px);
			}
			
	
	
			/* ________________________________ legende page accueil ______________________________ */	
				

	  
	  
	  .legend	{background-color:#232C43; 
	color:#FFFFFF;
	 font-size: 12px;
	  font-family: Arial, Helvetica, sans-serif;
	  padding-top:2px;
	padding-bottom:1px;padding-left:2px;padding-right:2px; line-height:20px; 
	  }	
	  
	.legendCE{
	color:#333333;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	font-size: 32px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	text-shadow: 2px 2px 3px #999999;
	  }	
			
	.paragraph {font-family: Arial, Helvetica, sans-serif;
   font-size: 12px; 
   }	
			/*----------------------------------- effet bloc---------------------------------------------*/

.tint {
    position: relative;
    float: left;
   width:100%;
  
  
  }
  .fade {
   opacity: .8;
   transition: opacity .50s ease-in-out;
   -moz-transition: opacity .50s ease-in-out;
   -webkit-transition: opacity .50s ease-in-out;
   
   }
   
   
   
     

.pointille_orange:hover {
	    
	border-top-color:#FF9900;
	border-top-style: dashed;
	border-top-width: 1px;
		border-bottom-color:#FF9900;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
		border-left-color:#FF9900;
	border-left-style: dashed;
	border-left-width: 1px;
		border-right-color:#FF9900;
	border-right-style: dashed;
	border-right-width: 1px;}

.pointille_orange {
	    
	border-top-color:#fff;
	border-top-style: dashed;
	border-top-width: 1px;
		border-bottom-color:#fff;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
		border-left-color:#fff;
	border-left-style: dashed;
	border-left-width: 1px;
		border-right-color:#fff;
	border-right-style: dashed;
	border-right-width: 1px;}
   .fade:hover {
	opacity: 1;
	
      }
 
 .tint:before {
    content: "";
    display: block;
	
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,255,255, 0.5);
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
  }
  
  .tint:hover:before {
    background: none;
  }
  
  .t2:before {
   background: rgba(255,255,255, 0.1);
  }
  
  .t3:before {
    background: rgba(255,255,255, 0.1);
  }
  
  .t4:before {
    background: rgba(255,255,255, 0.1);
  }
  
  .t5:before {
    background: rgba(255,255,255, 0.1);
  }
  
  .t6:before {
   background: rgba(255,255,255, 0.1);
  }
  


/* ___________________________________ à noter orange _______________*/

.legend_a_noter{
	background-color:#FF8B45;
	color:#fff;
	padding-left:2px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	font-size: 13px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	  }


/* ___________________________________ flêche section sports et loisirs _______________*/	

.gd_titre_date{font-family:Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight:bold;
	color: #000;
	line-height:25px;}


.typo_gris_bold {
	font-family:Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight:bold;
	color: #999999;
}
.typo_blanc_bold {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #fff;
	
}

.typo_orange_bold {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #FF8B45;
	
}
.typo_black_bold {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #000;
	
}

.marge_white_pointille {
	border-left-color:#fff;
	border-left-style: dotted;
	border-left-width: 1px;	
}


.typo_white_small {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #ffffff;
	line-height:6px;
	
}
.typo_black_small {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #000000;
	line-height:6px;
	
	
}


/* ___________________________________ flêche section sports et loisirs _______________*/	






	/* 1ere sous rubrique */
	.ddsmoothmenu ul li ul{
		margin-top:0px;
		position:inherit;
		left:inherit;
		display: none; /*collapse all sub menus to begin with*/
		visibility: hidden; 
	}

	/* Liste des items de la 1ere sous rubrique (undo style from Top level List Items)*/
	.ddsmoothmenu ul li ul li{
		display: list-item;
		float: left;
	}

	
.gd_titre {font-family:Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight:bold;
	color: #000;}
	
	
	.typo_orange_small {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #FF8B45;
	
}

@charset "utf-8";
/* CSS Document */

/* --- FONTS --- */