/* CSS NINA template CLIENT */


/*//////////// styles génériques ///////////////*/

body
{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px; /* pour éviter les marges */
	padding:0px;
	text-align: center; /* pour corriger le bug de centrage IE */
	background-image: url(img/fond-degrade.jpg);
	background-position:center 0;
	background-repeat: repeat-x;
	background-color:#e60505;
	color: #000;
	/*min-height:1225px;*/
}


#image-fond{
	background-image: url(img/image-fond.jpg);
	background-repeat: no-repeat;
	width:1142px;
	min-height:390px;
	margin-left: auto;
	margin-right: auto;
	margin-top:16px;
	
}

.espace {
	clear: both;
	line-height: 0px;
	height:0px;
	padding:0px;
	margin:0px;
}


#site{
	margin-left: auto;
	margin-right: auto;
	width: 930px;
	text-align: left;
	position :relative;
	margin-top:16px;
}


/***** header *****/

#header {
	margin-left:15px;
	margin-right:15px;
	height:256px;
	width:900px;
	}


#login{
height:20px;
margin:0;
margin-top:5px;
text-align:right
}

#login p{
margin:0;
padding:0;
color:#FFFFFF;
}


#login p{
margin:0;
padding:0;
color:#FFFFFF;
}


#login a{color: #999999; text-decoration:underline}



#logo_site p{
	padding:0;
	margin:0;
}

	
#form_header{
	margin-top:5px;
	margin-left:280px;
	float:left;
	display:inline;
	color:#FFF;
	text-align:right;
}

#form_header p{
	margin:0px;
	padding:0px;
	margin-top:10px;
}

#form_header form{
	margin:0px;
	padding:0px;
}

#form_header input{
	background-color:#ccc;
	margin:0px;
	padding:0px;
	color: #000;

}

#form_header input[type=submit]{
	background: transparent;
	border:none;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	cursor:  pointer;

}
	
#drapeaux {
	float:right;
	height:27px;
	display:inline;
	/*margin-right:15px;*/
	
	}
	
	
	
#nom_site{
	position:absolute;
	left: -4000px;
}

#logo_site{
	float:left;
	margin-top:0px;
	display:inline;
	height:108px;
	width:342px;
}

#zone_pub1
{
	margin:0;
	height:60px;
	width:468px;
}

#logo_site img{
border:0px;
}
#header .accessible a{
color:#FFFFFF}

/***** footer *****/
	
#footer {
	text-align:center;
	position :relative;
	width:930px;
	float:left;
	font-size:11px;
	font-weight:normal;
	color:#fff;
	margin-bottom:20px;
	}

#footer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size:11px;
	font-weight:normal;
	margin-left:auto;	
	margin-right:auto;
	/*height:40px;*/
	}


#footer ul li {
	display:inline;

}

#footer li a{
	color:#fff;
	font-weight:normal;
}

#footer li a:hover, #footer li a:focus {
	text-decoration:none;
	font-weight:normal;
}



/***************** menu principal ******************/

#pictos-reseaux-sociaux{
	float:left;
	width:80px;
	height:32px;
	margin-top:105px;
	margin-left:10px;
}

/*#pictos-reseaux-sociaux a{
	margin-right:7px;
}*/

#pictos-reseaux-sociaux a img{
	width:32px;
	height:32px;
	float:left;
	margin-right:5px;
}

#navigation{
	width:708px;
	height:54px;
	float:left;
	margin-left:102px;
	margin-top:95px;
	/*background-image:url(img/fond-navigation.png);
	background-repeat:no-repeat;*/
}

/*.ie6 #navigation{
	background-image:url(img/fond-navig.jpg);
	width:708px;
	height:54px;
}*/
	
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:710px;
	text-align:left;
	float:left;
	margin-right:9px;
	height:54px;
}



#menu_principal li {
	float:left;
	list-style-type: none;
	list-style:none;
	text-align:left;
	height:54px;
	}




#navigation li a{
	display: block;
	text-decoration:none;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	color:#000;
	/*padding-left:22px;*/
	padding-right:0px;
	padding-top:15px;
	padding-bottom:0px;
	font-size:18px;
	list-style:none;
	text-align:left;
	float:left;
	
	
}
#navigation li#navigation_accueil{
	background-image:url(img/accueil.png);
	background-repeat:no-repeat;
	width:76px;
	height:51px;
	margin-right:4px;
}
#navigation li#navigation_accueil a{
	padding-left:11px;
}

#navigation li#rub_1, #navigation li#rub_9{
	background-image:url(img/vsp.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:119px;
	height:51px;
	margin-right:5px;
}

#navigation li#rub_1 a{
	padding-left:8px;
}

#navigation li#rub_9 a{
	padding-left:7px;
}

#navigation li#rub_3, #navigation li#rub_11{
	background-image:url(img/musique.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:77px;
	height:51px;
	margin-right:4px;
}

#navigation li#rub_3 a{
	padding-left:6px;
}

#navigation li#rub_11 a{
	padding-left:12px;
}

#navigation li#rub_5, #navigation li#rub_12{
	background-image:url(img/photos.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:73px;
	height:51px;
	margin-right:4px;
}

#navigation li#rub_5 a{
	padding-left:8px;
}

#navigation li#rub_12 a{
	padding-left:5px;
}

#navigation li#rub_7, #navigation li#rub_13{
	background-image:url(img/videos.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:65px;
	height:51px;
	margin-right:4px;
}

#navigation li#rub_7 a{
	padding-left:6px;
}
#navigation li#rub_13 a{
	padding-left:6px;
}

#navigation li#rub_7 + li, #navigation li#rub_13 + li{
	background-image:url(img/presse.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:65px;
	height:51px;
	margin-right:5px;
}

#navigation li#rub_7 + li a{
	padding-left:7px;
}

#navigation li#rub_13 + li a{
	padding-left:7px;
}

#navigation li#rub_7 + li + li, #navigation li#rub_13 + li + li{
	background-image:url(img/vente.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:113px;
	height:51px;
	margin-right:5px;
}

#navigation li#rub_7 + li + li a{
	padding-left:7px;
}

#navigation li#rub_13 + li + li a{
	padding-left:7px;
}

#navigation li#rub_7 + li + li + li, #navigation li#rub_13 + li + li + li{
	background-image:url(img/contact.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:77px;
	height:51px;
	
}

#navigation li#rub_7 + li + li + li a{
	padding-left:5px;
}

#navigation li#rub_13 + li + li + li a{
	padding-left:5px;
}


/*.en div#navigation li a{
	padding-left:28px;
	
}

.en div#navigation li#rub_13 a{
	padding-left:20px;
}

.en div#navigation li#rub_11 a{
	padding-left:30px;
}

.en div#navigation li#rub_12 a{
	padding-left:32px;
}

.en div#navigation li#rub_9 a{
	padding-left:33px;
}*/

#navigation li a:hover, #navigation li a:focus {

	display: block;
	color:#8a8a8a;
	text-decoration:none;
	/*background-color:#FFFFFF;*/
}



#navigation li a.on{
	color:#d49824;
	/*background-color:#FFFFFF;*/
}





#navigation li ul
{	margin: 0;
	padding: 0;
	position: absolute;
	z-index:1;
	border-top: 1px solid white;
	display:none;

	}




#navigation li ul li
{	float: none;
	display: inline;
	}

#navigation li ul li a
{	
	background:#333333;
	color: #FFFFFF;
	}

#navigation li ul li a:hover
{	background: #000000;}


#navigation li ul li ul 
{	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	}


#arian{
position:relative;
float:left;
display:inline;
width:900px;
clear:both;
margin-left:10px;
margin-bottom:15px;
margin-top:-15px;
/*margin-top:10px;*/

}

#arian p a{
background-image:url(img/fond-froisse.jpg);
padding:5px;
font-weight:normal;
}


#arian p{
margin-left:0px;
margin-bottom:5px;
margin-top:0px;
font-size:12px;
}


#conteneur{
	clear:both;
	width:900px;
	float:left;
	/*min-height:450px;*/
	/*background-color:#FFF;
	background-image:url(img/fond_conteneur.jpg);*/
	background-repeat:no-repeat;
	margin-left:15px;
	margin-right:15px;
	margin-top:55px;
	margin-bottom:20px;
}

/*#conteneur-page{
	clear:both;
	width:900px;
	float:left;
	min-height:450px;
	background-color:#FFF;*/
	/*background-image:url(img/fond_conteneur.jpg);*/
	/*background-repeat:no-repeat;
	margin-left:15px;
	margin-right:15px;
	margin-top:55px;

}*/
	

/***************** Sous-menu dans la colonne ******************/
#colonne{
	float:left;
	display:inline;
	width:230px;
	margin-left:10px;
	/*background-image:url(img/fond_colonne_haut.jpg);*/
	background-repeat:no-repeat;
	/*background-color:#e8e8e8;*/
	

}
#colonne h1{
	color:#fff;
	text-align:left;
	margin-left:12px;
	padding-top:3px;
	text-transform:uppercase;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:18px;
	font-weight:700;
	font-style:normal;
	letter-spacing:1px;
	float:left;
	display:inline;
	}
}

#colonne ul {
	margin:0px;
	margin-left:15px;
	padding:0px;
	list-style:none;
}
* html	#colonne ul {
	margin:0px;
	margin-left:15px;
	margin-top:5px;
	padding:0px;
}

* html	#colonne ul ul{
	margin:0px;
	margin-top:15px;
	margin-left:20px;
	padding:0px;
}
#colonne ul ul{
	margin:0px;
	margin-left:20px;
	padding:0px;
	list-style:none;
}

#colonne li {
	margin:10px 5px 10px 5px;
	padding:0px;

	}
	
* html	#colonne li {
	margin:0px 5px 0px 5px;
	padding:0px;

	}
	
#colonne li.on {
}

#colonne li a{
	display: block;
	color:#FFF;
	text-decoration:none;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#colonne li.on a{
	color:#d49824;
	/*font-weight:bold;*/

}



#colonne li a:hover {
	color: #8a8a8a;
	text-decoration:none;
	}

#colonne li.on li a{
	color:#FFF;
}


#colonne li.on li.on a{
	color:#d49824;
	/*font-weight:bold;*/
	

}

/* Colonne sous menu */

#colonne_ssmenu_haut{
float:left;
display:inline;
width:230px;
	height:30px;
	background-color:#000;
	border-top:#ededed solid 1px;
	border-bottom:#ededed solid 1px;
	margin-bottom:5px;
}


#colonne_ssmenu_centre{
float:left;
width:230px;
display:inline;
min-height:150px;
}

#colonne_ssmenu_bas{
height:15px;
float:left;
width:229px;

display:inline;
/*background-image:url(img/fond_colonne_bas.jpg);
background-repeat:no-repeat;*/
height:20px;
/*background-color:#FFFFFF;*/
}




/************ Zone de Texte **********/


#contenu-accueil{
	position:relative;	
	float:left;
	display:inline;
	width:900px;
	/*margin-left:10px;*/
	margin-bottom:10px;
	
}

#contenu{
	position:relative;	
	float:left;
	display:inline;
	width:876px;
	/*margin-left:10px;*/
	margin-bottom:10px;
	background-color:rgba(255,255,255,0.75);
	padding-left:12px;
	padding-right:12px;
	padding-top:10px;
	padding-bottom:10px;
}


#contenu_tiers{
	position:relative;	
	float:left;
	display:inline;
	width:616px;
	padding-left:12px;
	padding-right:12px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:20px;
	/*background-color:#FFF;*/
	background-color:rgba(255,255,255,0.75);
	/*opacity:0.7;*/
}

.ie678 #contenu_tiers{
	background-color:#FFF;
}

#colonne_gauche_accueil{
	float:left;
	width:190px;
	display:inline;
	background-color: #e0e0e1;
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
}

#colonne_gauche_accueil hr, #colonne_droite_accueil hr{
	color:#e0e0e1;
	background-color:#e0e0e1;
	height:1px;
	border:0px;
	border-top: 2px dotted #999999;/*the border*/

}


#colonne_centre_accueil{
	display: inline;
	/*margin-left:10px;*/
	float:left;
	width:600px;
	margin-top:18px;
	margin-right:16px;
}

#colonne_centre_accueil h2{
	font-size:18px;
}


#colonne_centre_accueil h1{
margin-top:4px;
/*margin-bottom:10px;*/


}

#colonne_droite_accueil{
	float:right;
	width:284px;
	/*margin-left:10px;*/
	display:inline;
	/*background-color: #e0e0e1;*/
	/*padding-left:10px;
	padding-right:10px;*/
	/*margin-top:10px;*/
}

#colonne_droite_accueil h1{
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:700;
	font-size:18px;
	
}


#colonne_gauche_accueil h2, #colonne_droite_accueil h2{
	font-size:18px;

}

#edito{
	width:248px;
	height:237px;
	background-image:url(img/fond-edito.png);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-right:16px;
	padding-top:13px;
	padding-bottom:5px;
	margin-top:5px;
	line-height:19px;
}

#edito h1{
	color:#000;
}

#actualites{
	width:600px;
	height:208px;
	margin-top:25px;
	}
	
#son-du-moment{
	width:290px;
	height:274px;
	margin-top:25px;
	margin-bottom:20px;
	float:left;
	}
	
#video-du-moment{
	width:290px;
	height:274px;
	margin-top:25px;
	margin-bottom:20px;
	float:left;
	margin-left:20px;
	}
	
#actu-haut{
	width:600px;
	height:30px;
	background-color:#000;
	border-top:#ededed solid 1px;
	border-bottom:#ededed solid 1px;
	margin-bottom:5px;
	}
	
#son-haut{
	width:290px;
	height:30px;
	background-color:#000;
	border-top:#ededed solid 1px;
	border-bottom:#ededed solid 1px;
	margin-bottom:5px;
	}
	
#video-haut{
	width:290px;
	height:30px;
	background-color:#000;
	border-top:#ededed solid 1px;
	border-bottom:#ededed solid 1px;
	margin-bottom:5px;
	}
	
#actu-haut h1	 { 
	color:#fff;
	text-align:left;
	margin-left:12px;
	/*padding-top:5px;*/
	text-transform:uppercase;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:18px;
	font-weight:700;
	font-style:normal;
	letter-spacing:1px;
	float:left;
	display:inline;
	}
	
#son-haut h1 a { 
	color:#fff;
	text-align:left;
	margin-left:12px;
	/*padding-top:5px;*/
	text-transform:uppercase;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:18px;
	font-weight:700;
	font-style:normal;
	letter-spacing:1px;
	float:left;
	display:inline;
	}
#son-haut h1 a:hover {
	color:#8a8a8a;
	text-decoration:none;
	}
	
	
#video-haut h1	a { 
	color:#fff;
	text-align:left;
	margin-left:12px;
	/*padding-top:5px;*/
	text-transform:uppercase;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:18px;
	font-weight:700;
	font-style:normal;
	letter-spacing:1px;
	float:left;
	display:inline;
	}
	
#video-haut h1 a:hover {
	color:#8a8a8a;
	text-decoration:none;
	}
	
#espace-vente-haut{
	width:284px;
	height:30px;
	background-color:#d49824;
	border-top:#ededed solid 1px;
	border-bottom:#ededed solid 1px;
	margin-bottom:5px;
	margin-top:34px;
	}
	
#espace-vente-haut h1 a { 
	color:#fff;
	text-align:left;
	margin-left:12px;
	margin-top:5px;
	/*padding-top:5px;*/
	text-transform:uppercase;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:18px;
	font-weight:700;
	font-style:normal;
	letter-spacing:1px;
	float:left;
	display:inline;
	}
#espace-vente-haut h1 a:hover {
	color:#8a8a8a;
	text-decoration:none;
	}
	
#texte-espace-vente {
	width : 264px;
	background-color:#fff;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	color:#000;
}

#espace-vente div.article_accueil{
	width : 264px;
	background-color:#daa745;
	padding:10px;
	margin-bottom:5px;
}

#espace-vente .logo_article_accueil img{
	width:52px;
	height:52px;
}
	
#espace-vente .logo_article_accueil a img{
	width:52px;
	height:52px;
}
	
#espace-vente .texte_article_accueil{
	float:left;
	display:inline;
	margin-left:6px;
	width:205px;
	}
#espace-vente .texte_article_accueil p{
	font-size:12px;
	margin-top:5px;
	margin-bottom:5px;
	color:#fff;
	}
#espace-vente .texte_article_accueil h2{
	font-size:15px;
	font-style:normal;
	font-weight:700;
	font-family: 'PT Sans Narrow', sans-serif;
	text-decoration:none;
	color:#FFF;
	}
#espace-vente .texte_article_accueil h2 a{
	text-decoration:none;
	color:#FFF;
	}
	
#espace-vente .texte_article_accueil a.suite{
	text-align:right;}
	
.toutes-ventes {
	float:left;
	display:inline;
	width:130px;
	background-color:#d49824;
	height:16px;
	-moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
	border-radius: 10px;
	float:right;
	padding:2px;
	text-align:center;
	margin-top:10px;
}

.toutes-ventes a{
	color:#fff;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}


	
#actu-contenu {
	width:600px;
	height:173px;
	background-image:url(img/fond-contenu-actu.jpg);
	background-repeat:repeat-x;
}

#son-contenu {
	width:270px;
	height:230px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(img/fond-video-son.jpg);
	background-repeat:repeat-x;

}

#son-contenu h2 a{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:15px;
	font-weight:700;
	font-style:normal;
	color:#000;	
}
#son-contenu h2{
	margin-bottom:2px;
	margin-top:10px;
}

#son-contenu p{
	margin-top:0px;
	/*margin-bottom:10px;*/
}

#son-contenu a.suite{
	font-size:11px;
	margin-top:5px;
}

#son-contenu div.toutes-actus{
	float:left;
	display:inline;
	width:112px;
	background-color:#d49824;
	height:16px;
	-moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
	border-radius: 10px;
	float:right;
	padding:2px;
	text-align:center;
	}
	
	
#son-contenu div.toutes-actus a{
	color:#fff;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}

#video-contenu {
	width:268px;
	height:229px;
	padding-left:12px;
	padding-right:10px;
	padding-top:25px;
	padding-bottom:5px;
	background-image:url(img/fond-video-son.jpg);
	background-repeat:repeat-x;
	
}

#video-contenu h2 a{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:15px;
	font-weight:700;
	font-style:normal;
	color:#000;	
}
#video-contenu h2{
	margin-bottom:2px;
}

#video-contenu p{
	margin-top:0px;
	margin-bottom:5px;
}

#video-contenu a.suite{
	font-size:11px;
}

#video-contenu div.toutes-actus{
	float:left;
	display:inline;
	width:112px;
	background-color:#d49824;
	height:16px;
	-moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
	border-radius: 10px;
	float:right;
	padding:2px;
	text-align:center;
	margin-top:10px;
	}
	
	
#video-contenu div.toutes-actus a{
	color:#fff;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}
	
#actualites .article_accueil{
	width:560px;
	float:left;
	margin-left:20px;
	margin-top:20px;
	display:inline;
	}
	
#actualites .logo_article_accueil a img{
	width:130px;
	height:130px;
}
	
#actualites .texte_article_accueil{
	float:left;
	display:inline;
	margin-left:20px;
	width:410px;
	}
#colonne_centre_accueil .texte_article_accueil p{
	font-size:12px;
	margin-top:5px;
	margin-bottom:5px;
	color:#000;
	}
#colonne_centre_accueil .texte_article_accueil h2{
	font-size:18px;
	font-style:normal;
	font-weight:700;
	font-family: 'PT Sans Narrow', sans-serif;
	}
#colonne_centre_accueil .texte_article_accueil h2 a{
	text-decoration:none;
	color:#000;
	}
	
#colonne_centre_accueil .texte_article_accueil a.suite{
	/*float:right;*/
	font-size:11px;
	margin-top:20px;
	 }
	
/*#colonne_centre_accueil .texte_article_accueil p.secteur-date{
	margin-top:0px;
	margin-bottom:5px;
	font-style:italic;
	}*/
	
#actu-contenu div.toutes-actus{
	float:left;
	display:inline;
	margin-left:200px;
	width:112px;
	background-color:#d49824;
	height:16px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	margin-top:6px;
	margin-right:11px;
	float:right;
	padding:2px;
	text-align:center;
	}
	
	
#actu-contenu div.toutes-actus a{
	color:#fff;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}

.suite{
	text-align:right;
	}
	
.suite a{
	color:#d49824;
	font-size:11px;
	
	}
	
.suite a:hover{
	text-decoration:underline;
}
.logo_article_accueil{
	float:left;
	display:inline;
	}

/* debug */
#info_session{
	position: fixed;
	left:0;
	top:0;
	background-color:#FFFFFF;
	width:200px;
	text-align:left;
	padding:5px;
	z-index:100;

}

/*************************** CLASSES ************************/


.date_droite{
	text-align:right;
	font-size:10px;
	
}

span.date_droite{
float:right;
	
}

.date_gauche{
	text-align:left;
	font-size:10px;
	margin:0px;
	padding:0px;
}

.add_this_gauche{
	float:right;
	text-align:right;
	margin-right:10px;
	padding:10px;
	display:inline;
}

.commentaire_gauche{
	float:left;
	width:100px;
	height:25px;
	clear:both;
}


.commentaire_gauche2{
	float:left;
	width:400px;
	display:inline;
}

.tags{
	border-top:#CCCCCC solid 1px;
	/*border-bottom:#CCCCCC solid 1px;*/
	background-color: #EFEFEF;
	color:#666666;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	clear:both;
	margin-top:5px;
}
.tags h2{
	font-weight:100px;
	color: #666666;
}

.nb_commentaire{
	border-top:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	color:#666666;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	clear:both;
	background-color: #EFEFEF;
}

.article_date_auteur{
	color:#666666;
}

.plugin_image{
	float:left;
	width:130px;
	display:inline;
	/*min-height:200px;*/
	margin-right:10px;
	margin-left:10px;
}

.plugin_image p{
	margin-top:0px;
	margin-bottom:0px;
}

.module_image{
	float:left;
	width:150px;
	display:inline;
	margin-right:10px;
	margin-left:10px;
}

hr.plugin{
	height: 1px;
	margin:0;
	padding: 0;
	color: #CCC;
	background-color: #CCC;
	border: 0;
	clear:both;
}


ul.liste_plugin{
	margin-left:10px;
	padding:0px;
}

li.liste_plugin{
	margin:10px 5px 10px 5px;
	}
	
.antispam{
display:none;

}

/*////////////////////////// Selecteurs //////////////////////*/

a{
	color:#d18a00;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	/*text-decoration:underline;*/
	color:#8a8a8a;

}

a:hover, a:focus {
	/*color:#0066b3;*/

}

h1{
	padding:0px;
	margin:0px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	color:#000;
	font-size:20px;
}

h2{
	padding:0px;
	margin:0px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:700;
	color:#000;
	font-size:18px;
	
}

h3{
	padding:0px;
	margin:0px;
	/*margin-top:20px;*/
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:700;
	color:#000;
	font-size:15px;
	
}

h4{
	margin:0px;
	margin-top:10px;
}
	
hr{
	
	height: 1px;
	color: #fff;
	background-color: #fff;
	border: 0;
	clear:both;
	
}

.jaune{
	color:#d18a00;
}

 
input{
	border-color: #666666;
	border: 1px solid #999999;
}


textarea {
	border-color: #666666;
	border: 1px solid #999999;
}


a img {
	border: none;
}
img a{
	text-decoration:none;
}

/*////// Selecteur langues /////////*/


.bouton_lang{
	text-align:center;
	width:41px;
	float:right;
	display:inline;
}


.bouton_lang a,.bouton_lang a:hover,.bouton_lang a:focus {
color:#FFFFFF;
}


/**************************************/
/**************Agenda******************/
.calendarBack {
background-image: url(img/Fond_Agenda.gif);
background-repeat:no-repeat;
width:170px;
float:left;
margin-left:10px;
}
.calendarTable {
width:215px;
margin-left:6px;
}


.calendar_haut {
background-image: url(img/Fond_Agenda_top.gif);
background-repeat:no-repeat;

width:170px;
text-align:center;
padding-top:10px;
padding-bottom:5px;
clear:both;

}

.calendar_centre {
background-image: url(img/Fond_Agenda_fond.gif);
background-repeat:repeat;
width:170px;
clear:both;
}
.calendar_bas {
background-image: url(img/Fond_Agenda_bottom.gif);
background-repeat:no-repeat;
width:170px;
clear:both;
height:15px;
}



.calendarNav{ 
	font-style: normal; 
 }

.calendarTop{  
	font-size: 12px;

 }
	
.calendarToday a{ 
 font-size: 14px;
  font-weight: bold; 


}
.calendarDays{  
	width: 18px; 
	height: 18px; 
	font-size: 12px;
	font-style: normal;
	text-align: center
}

.calendarHL
{  
	width: 20px;
	height: 18px;
	font-size: 12px; 
	color: #FFF;
	background-color: #ccc; 
	text-align: center;
}

.calendarHL a
{  
	width: 20px;
	height: 18px;
	font-size: 12px; 
	text-align: center;
}








/********** NUAGE **/
.nuage_1 a{font-size: 18px; color:#666666; padding-right:10px; white-space : nowrap;}
.nuage_2 a{font-size: 16px;  color:#666666; padding-right:10px;white-space : nowrap;}
.nuage_3 a{font-size: 14px;  color:#666666; padding-right:10px;white-space : nowrap;}
.nuage_4 a{font-size: 12px;  color:#666666; padding-right:10px;white-space : nowrap; }
.nuage_5 a{font-size: 10px;  color:#666666; padding-right:10px;white-space : nowrap;}


#nuage p{
text-align:center;
margin-left:10px;
}

#nuage{
clear:both;
width:200px;
}


/* /////////////// SLIDER  ///////////////*/

#diaporama{
	width:600px;
	/*float:left;*/
	height:246px;
	clear:both;
	margin-bottom:30px;
	}


#slider{
	display:inline;
	width:600px;
	float:left;
	/*padding-top:5px;*/
	margin-top:-15px;
}


div.scrollable { 
	float:left;
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 600px; 
    height:246px;
	display:inline;
	background-color:#FFFFFF;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute;
	background-color: #FFFFFF 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div.div_slider { 
    float:left;
	width:600px;
	margin:0px;
	display:inline;
} 

.disabled {
	visibility:hidden;		
}

.slider_image{
	float:left;
	display:inline;
	z-index:1;
	margin-top:60px;
}

.slider_texte{
	}


.slider_texte p{
	color: #FFF;
	padding:0px;
	margin:0px;
	
}
.slider_texte a{
	color: #CCC;
}


.slider_texte h1, .slider_texte h2, .slider_texte h3, .slider_texte h4, .slider_texte h5, .slider_texte h6{
	margin:0px;
	color: #FFF;
	padding:0px;
	
}

.slider_texte h1 {
	padding:0px;
	font-weight:bold;
	margin:0px;
}



/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* position and dimensions of the navigator */ 
.navi {
	text-align:center;
    height:15px;
	background-image: url(img/fond_pictos_slider.jpg);
	background-repeat:no-repeat;
	} 
 
 
/* items inside navigator */ 
.navi a { 
    width:8px; 
    height:8px; 
    float:right; 
    margin-left:5px;
	margin-top:5px; 
    background:url(img/navigator.png) 0 0 no-repeat; 
    display:block; 
    font-size:1px; 
	display:inline;
} 
 
/* mouseover state */ 
.navi a:hover { 
    background-position:0 -8px;       
} 
 
/* active state (current page state) */ 
.navi a.active { 
    background-position:0 -16px;      
}



/* this makes it possible to add next button beside scrollable */
/* prev, next, prevPage and nextPage buttons */
a.browse {
    display:block;
    width:48px;
    height:48px;
    float:left;
    cursor:pointer;
	position:absolute;
}

/* right */
a.right { 
	left:920px; 	
	top:175px;
	background-image:url(img/fleche_d_slider.png); 
	background-repeat:no-repeat;
}

a.right:hover {opacity : 0.5;
    -moz-opacity : 0.5;
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
}


/* left */
a.left {
	left: 20px; 
	top:175px;
	background-image:url(img/fleche_g_slider.png);
	 background-repeat:no-repeat; 
}
a.left:hover  { opacity : 0.5;
    -moz-opacity : 0.5;
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */ 
	}


/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}


