/* ----------------------------------------------------------------------------------------------- */
/* --- C S S --- Cédric CARMIE ------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

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

body, html {
	background:#ff7200 url(../images/fond.png); /* #f4f4f4 #95b1f3 */
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#111111;
	font-size:12px;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	text-align:center;
}

/* ----------------------------------------------------------------------------------------------- */
/* Les titres */

h1 {
	color:#ffffff;
	font-size:1.5em;
	padding:10px;
	padding-top:0;
	margin-left:60px;
	/* background:#2280f2; */
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h1 a {
	color:#e1eeff;
}
h1 a:hover {
}
h1 a:active {	
	color:#b9d7ff;
	text-decoration:none;
}

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

h2 {
	color:#ffffff;
	font-size:14px;
	border-left:6px solid #0041b1;
	border-bottom:1px solid #0041b1;
	padding-left:7px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
	background:#1e7cf0;
}
h2:hover {
	background:#1e7cf0 url(../images/h2.jpg) repeat-y;
}
h2 a {
	color:#ffffff;
}
h2 a:hover {
	color:#ffffff;
	text-decoration:none;
}
h2 a:active {
	color:#ffffff;
	text-decoration:none;
}

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

h3 {
	color:#26b81a;
	font-size:14px;
	padding:5px;
	padding-left:28px;
	margin-left:25px;
	background:url(../images/h3.png) no-repeat 0px 2px;
}
h3 a {
	color:#26b81a;
}
h3 a:hover {
	color:#26b81a;
	text-decoration:none;
}
h3 a:active {
	color:#26b81a;
	text-decoration:none;	
}

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

h4 {
	color:#ff7200;
	background:url(../images/h4.png) no-repeat 0px 4px;
	padding-left:12px;
}
h4 a {
	color:#ff7200;
}
h4 a:hover {
	color:#1e7cf0;
	text-decoration:none;
}
h4 a:active {
	color:#45cf4d;
	text-decoration:none;
}

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

h5 {
	color:#1e7cf0;
	background:url(../images/h5.png) no-repeat 0px 4px;
	padding-left:12px;
}
h5 a {
	color:#1e7cf0;
}
h5 a:hover {
	color:#ff7200;
	text-decoration:none;
}
h5 a:active {
	color:#45cf4d;
	text-decoration:none;
}

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

h6 {
	color:#45cf4d;
	background:url(../images/h6.png) no-repeat 0px 4px;
	padding-left:12px;
}
h6 a {
	color:#45cf4d;
}
h6 a:hover {
	color:#ff7200;
	text-decoration:none;
}
h6 a:active {
	color:#1e7cf0;
	text-decoration:none;
}

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

a {

}

a:hover {
	text-decoration:none;
	color:#ff7200;
}

a:active {
	text-decoration:underline;
	color:#1e7df1;
}

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

ul li {
	list-style:none;
	background:url(../images/li.png) no-repeat 0px 8px;
	padding-left:14px;
}
ul li:hover {
	background:url(../images/li_over.png) no-repeat 0px 8px;
}

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

ol li {
	list-style:none;
	background:url(../images/li_over.png) no-repeat 0px 8px;
	padding-left:14px;
}
ol li:hover {
	background:url(../images/li.png) no-repeat 0px 8px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Contenu total */

#contenu {
	position:relative;
	overflow:hidden;
	width:100%;
	height:auto;
	margin-bottom:0;
	min-height:100%;
}

/* ----------------------------------------------------------------------------------------------- */
/* Calque contenant l'ombre */

#conteneur_ombre {
	position:relative;
	overflow:hidden;
	height:auto;
	background:url(../images/ombre.png) repeat-y; /* #3366FF  */
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

/* ----------------------------------------------------------------------------------------------- */
/* Partie haute du site */

#haut {
	position:relative;
	overflow:auto;
	width:100%;
}

/* ----------------------------------------------------------------------------------------------- */
/* Bannière du site */

#banniere {
	position:relative;
	overflow:auto;
	height:224px;
	width:922px;
	background:#1e7cf0 url(../images/banniere.jpg) no-repeat;
}

#titre_dst {
	position:absolute;
	overflow:hidden;
	top:15px;
	left:20px;
	height:51px;
	width:351px;
	background:none;
}

#association_dst {
	position:absolute;
	overflow:hidden;
	text-align:left;
	top:63px;
	left:20px;
	width:400px;
}

#association_dst h2 {
	margin:0;
	padding:0;
	background:none;
	border:none;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;	
}

#association_dst h1 a, #association_dst h1 a:hover {
	cursor:text;
	color:#FFFFFF;
	text-decoration:none;
}

#logo_dst {
	position:absolute;
	overflow:hidden;
	width:97px;
	height:103px;
	top:105px;
	left:40px;
}

#menu_haut {
	position:absolute;
	overflow:hidden;
	width:713px;
	height:32px;
	left:209px;
	top:192px;
	padding:0;
	margin:0;
}

#mh_presentation, #mh_photos, #mh_videos {
	position: absolute;
	overflow:hidden;
	width:238px;
	height:32px;
	top:0px;
}

#mh_presentation {
	background:url(../images/presentation_bg.jpg) repeat-x #ff8a2c;
	left:0px;	
	width:237px;
}

#mh_photos {
	background:url(../images/photos_bg.jpg) repeat-x #46db4f;
	left:237px;	
}

#mh_videos {
	background:url(../images/videos_bg.jpg) repeat-x #1a5ccf;
	left:475px;
}

#mh_presentation a, #mh_photos a, #mh_videos a {
	display:block;
	width:226px;
	height:20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	padding:6px;
}

#mh_presentation a:hover, #mh_photos a:hover, #mh_videos a:hover {
	color:#363636;
	text-decoration:none;
}

/* ----------------------------------------------------------------------------------------------- */
/* Partie centrale du site Internet */

#centre {
	position:relative;
	overflow:auto;
	width:922px;
	margin-top:0;
	text-align:left;
	background-color:#fff;
}

/* ----------------------------------------------------------------------------------------------- */
/* Calque contenant l'ombre */

#zone_encadree {
	padding:0;
	overflow:auto;
	background:#fff url(../images/bande_gauche.jpg) left repeat-y;
}

/* ----------------------------------------------------------------------------------------------- */
/* Partie gauche du site */

#gauche {
	position:relative;
	overflow:auto;
	float:left;
	width:209px;
	background:#E4E4E4;
}

#gauche h2 {
	margin:0;
	padding:0;
	background:none;
	border:none;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

#menu_de_gauche {
	position:relative;
	overflow:auto;
	background:#3873d8 url(../images/ciel_mg.jpg) no-repeat bottom left;
}

#bg_noir_menu {
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	height:116px;
	width:209px;
	background:#363636;
	z-index:1;
}

#conteneur_menu_1 {
	position:relative;
	overflow:auto;
	z-index:2;
}

#conteneur_zone_de_recherche {
	position:absolute;
	overflow:auto;
	text-align:center;
	bottom:0;
	left:0;
	width:209px;
	height:50px;
	display:none;
}

#menu_1 {
	padding:5px;
	padding-bottom:50px;
	margin:17px;
	margin-bottom:100px;
	background:#fff;
}

#menu_1 li {
	padding:0;
	margin:0;
	margin-bottom:5px;
	list-style:none;
	width:164px;
	height:31px;
	cursor:pointer;
}

#menu_1 li a {
	padding:0;
	padding-top:7px;
	padding-left:42px;
	margin:0;
	display:block;	
	width:122px;
	height:24px;
	background:#207ff3; /* url(../images/btn_bg.jpg) no-repeat */
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;	
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
}

#menu_1 li a:active {
	color:#b1c1fd;
}

#menu_1 li a:hover {
	text-decoration:none;
	background:url(../images/btn_on_bg.jpg) no-repeat #207ff3;
}

#menu_1 li a.active_menu {
	background:#ff8a2c;
}
#menu_1 li a.active_menu:active {
	background:#0041b1;
	color:#FFFFFF;
}

#g_sponsors, #g_flux_rss, #g_newsletter, #g_facebook, #g_twitter {
	position:relative;
	overflow:auto;
	padding:12px;
}

#g_sponsors h2 a, #g_flux_rss h2 a, #g_newsletter h2 a, #g_facebook h2 a, #g_twitter h2 a {
	color:#FFFFFF;
}

#g_sponsors p, #g_flux_rss p, #g_newsletter p, #g_facebook p, #g_twitter p {
	color:#FFFFFF;
	font-size:11px;
}

#g_twitter p, #g_twitter a, #g_twitter a:hover, #g_twitter h2, #g_twitter h2 a {
	color:#3b9dda;
}

#g_sponsors p a, 
#g_flux_rss p a, 
#g_newsletter p a, 
#g_facebook p a, 
#g_twitter p a, 
#g_sponsors p a:hover, 
#g_flux_rss p a:hover, 
#g_newsletter p a:hover, 
#g_facebook p a:hover, 
#g_twitter p a:hover {
	color:#FFFFFF;
}

.img_sponsor {
	position:relative;
	overflow:hidden;
	height:150px;
}

.img_sponsor p {
	text-align:center;
}

.img_sponsor a {
	font-weight:bold;
}

#g_sponsors {
	background:#363636;
}

#g_flux_rss {
	background:#fc8b2f;
}

#g_newsletter {
	background:#43cd39;
}

#g_newsletter form {
	margin:0;
	padding:0;
}

#g_newsletter input {
	font-size:10px;
	border:none;
}

#formulaire_inscription_rapide_newsletter {
	display:none;
}

#g_facebook {
	background:#3b5998;
}

#g_twitter {
	background:#c0deed;
}

/* ----------------------------------------------------------------------------------------------- */
/* Contenu du site */

#milieu {
	position:relative;
	overflow:auto;
	background:url(../images/titreh1.png) no-repeat top center;
	float:left;
	width:673px;
	padding:20px;
	padding-top:5px;
}

#menu_presentation, 
#menu_photos, 
#menu_videos {
	position:absolute;
	display:none;
	overflow:hidden;
	top:0px;
	width:238px;
	z-index:999;
}

#menu_presentation ul, 
#menu_photos ul, 
#menu_videos ul {
	margin:0;
	margin-bottom:30px;
	padding:0;
}

#menu_presentation ul li, 
#menu_photos ul li, 
#menu_videos ul li {
	list-style:none;
	height:30px;
	margin:0;
	padding:0;
	background:none;
}

#menu_presentation ul li a, 
#menu_photos ul li a, 
#menu_videos ul li a {
	display:block;
	color:#fff;
	font-weight:bold;
	height:16px;
	width:223px;
	margin:0;
	padding:7px;
}

#menu_presentation ul li a:hover, #menu_photos ul li a:hover, #menu_videos ul li a:hover {
	color:#FFFFFF;
	text-decoration:none;
} 

#menu_presentation ul li a:hover, #menu_presentation ul li a.active_menu {
	background:#ff8a2c;
} 
#menu_photos ul li a:hover, #menu_photos ul li a.active_menu {
	background:#49db52;
}
#menu_videos ul li a:hover, #menu_videos ul li a.active_menu {
	background:#1d5bd2;
}

#menu_presentation ul li a:active, 
#menu_photos ul li a:active, 
#menu_videos ul li a:active {
	background:#4f4f4f;
	color:#FFFFFF;
	text-decoration:none;
}

#menu_presentation {
	background:#dfa375;
	left:0px;
	width:237px;
}

#menu_photos {
	background:#91d797;
	left:237px;
}

#menu_videos {
	background:#87a0cc;
	left:475px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Pied de page du site */

#pied {
	position:relative;
	overflow:auto;
	float:left;
	
	width:922px;
	
	background:#3873d8 url(../images/bande_gauche.jpg) repeat-y;
}

#copyright {
	position:absolute;
	overflow:hidden;
	width:199px;
	bottom:5px;
	left:5px;
}

#copyright a {
	color:#4a4a4a;
	font-size:10px;
}

#copyright a:hover {
	color:#707070;
}

#pied ul, #pied li {
	padding:0;
	margin:0;
}

#pied ul#menu_2 {
	width:150px;
	margin-left:214px;
	margin-top:5px;
	margin-bottom:5px;
}

#pied ul#menu_2 li {
	background:none;
}

#pied ul#menu_2 li a {
	display:block;
	padding:5px;
	color:#ffffff;
	font-size:11px;
}

#pied ul#menu_2 li a:hover
{
	color:#363636;
}

/* ----------------------------------------------------------------------------------------------- */
/* Haut de page */

#haut_de_page {
	position:absolute;
	overflow:auto;
	width:16px;
	height:16px;
	top:8px;
	right:15px;
}

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

/* ----------------------------------------------------------------------------------------------- */
/* Contenu auto */

.contenu_auto {
	position:relative;
	overflow:auto;
}


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

.active_menu {
	color:#FF0000;
}

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

#conteneur_galerie_sponsors_accueil {
	position:relative; 
	overflow:hidden; 
	height:268px;	
}

#conteneur_galerie_photo_accueil {
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
	width:400px;
	height:268px;
}

#conteneur_sponsors_accueil {
	position:absolute;
	overflow:hidden;
	height:266px;
	width:251px;
	left:420px;
	top:0px;
	border:1px solid #363636;
}

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

#conteneur_actu_agenda_accueil, #conteneur_video_tags_accueil {
	margin-top:20px;
}

#actualites_accueil, #manifestations_accueil, #video_accueil, #tags_accueil {
	position:relative;
	overflow:hidden;
	float:left;
	border:1px solid #363636;
	background:url(../images/titreh1.png) no-repeat top left;
	padding:10px;
	padding-top:0px;
}

#actualites_accueil h1, #manifestations_accueil h1, #titre_photos_accueil h1, #video_accueil h1, #tags_accueil h1 {
	background:none;
	border:none;
	padding:5px;
	padding-top:8px;
	margin:0;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding-left:80px;
	margin-bottom:15px;
}
#actualites_accueil h1 a, #manifestations_accueil h1 a, #titre_photos_accueil h1 a, #video_accueil h1 a, #tags_accueil h1 a {
	color:#ffffff;
}
#actualites_accueil h1 a:hover, #manifestations_accueil h1 a:hover, #titre_photos_accueil h1 a:hover, #video_accueil h1 a:hover, #tags_accueil h1 a:hover {
	color:#e1eeff;
	text-decoration:none;
}
#actualites_accueil h1 a:active, #manifestations_accueil h1 a:active, #titre_photos_accueil h1 a:active, #video_accueil h1 a:active, #tags_accueil h1 a:active {
	color:#fc8b2f;
	text-decoration:none
}
#actualites_accueil h2, #actualites_accueil h2 a {
	color:#363636;
	background:none;
	margin:0;
	padding:0;
	border:none;
}
#actualites_accueil h2 a:hover {
	color:#2282f3;
}

#actualites_accueil {
	width:354px;
	height:244px;
}

#manifestations_accueil {
	margin-left:20px;
	width:289px;
}

#video_accueil {
	width:275px;
	height:254px;
	padding:0;
	margin-left:20px;
}

#video_accueil h1 {
	padding-left:90px;
	margin-bottom:4px;
}

#tags_accueil {
	width:189px;
	height:254px;
	padding:0;
	background:url(../images/nuage-de-tags.jpg) no-repeat top center;
}

#titre_photos_accueil {
	position:absolute;
	overflow:hidden;
	height:24px;
	padding:10px;
	padding-top:0px;
	top:0;
	left:0;
	width:380px;
	z-index:20;
	background:url(../images/titreh1.png) no-repeat top left;
}

#statistiques_photos_accueil {
	position:absolute;
	overflow:auto;
	top:34px;
	left:0px;
	width:380px;
	padding:10px;
	background:#363636;
	z-index:20;
	display:none;
}

#statistiques_photos_accueil p {
	color:#ffffff;
}

.cadre, .cadre_photos {
	position:relative;
	overflow:auto;
	border: 1px solid #363636;
	margin-bottom:15px;
}

#milieu .cadre h2, #milieu .cadre_photos h2 {
	margin:0;
	padding:5px;
	border:none;
	border-bottom:1px solid #363636;
	background:url(../images/h2_actu.jpg) no-repeat #1e7cf0;
}

#milieu .cadre h2 a, #milieu .cadre_photos h2 a {
	color:#FFFFFF;
	padding-left:30px;
}

#milieu .cadre h2 a:hover, #milieu .cadre_photos h2 a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.cadre_photos {
	width:322px; 
	margin-left:5px; 
	margin-right:5px; 
	float:left;
}

#milieu .partager_facebook, #milieu .lire_la_suite {
	position:absolute;
	overflow:hidden;
	bottom:0;
	left:88px;
	width:200px;
	display:none;
}

#milieu .lire_la_suite {
	left:0px;
}

#milieu .lire_la_suite a {
	display:block;
	padding:1px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	border:1px solid #363636;
	height:14px;
	width:75px;
	background:#647193;
}
#milieu .lire_la_suite a:hover {
	color:#ffffff;
	text-decoration:none;
	background:#1d7af0;
}
#milieu .lire_la_suite a:active {
	color:#ffffff;
	text-decoration:none;
	background:#ff7200;
}

.productPrice {
	font-weight:bold;
	color:#207ff3;
}

.date_manif {
	text-align:right;
}

.date_manif, .date_manif a, .nb_coms, .nb_coms a {
	color:#ff7200;
}
.date_manif:hover, .nb_coms:hover {
	color:#207ff3;
}

.recherche_rapide_agenda {
	position:relative; 
	overflow:auto; 
	border:1px solid #363636; 
	padding:10px;
	background:#417adb url(../images/recherche_rapide_agenda.jpg) no-repeat bottom center;
	color:#ffffff;
	padding-bottom:30px;
}

.time_ld, .time_com {
	position:absolute;
	overflow:hidden;
	text-align:right;
	padding:6px;
	width:220px;
	height:15px;
	bottom:0px;
	right:0px;
	font-size:10px;
	color:#363636;
}


/* ------------------------------------------------------------------------------------------------------------ */
/* -------------------------------------------- LISTE DES ACTUALITES ------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */

.calendrier_actualite {
	position:absolute;
	overflow:hidden;
	height:60px;
	width:59px;
	top:5px;
	left:7px;
	background:url(../images/calendrier.png) no-repeat;
}
.mois_annee_calendrier_actualite {
	position:absolute;
	overflow:hidden;
	height:12px;
	width:51px;
	padding:3px;
	top:0px;
	left:1px;
	text-align:center;
	color:#e3e3e3;
	font-family:Georgia, serif;
	font-size:9px;
}
.jour_calendrier_actualite {
	position:absolute;
	overflow:hidden;
	height:39px;
	width:57px;
	top:18px;
	left:1px;
	text-align:center;
	color:#156dce;
	font-family:Georgia, serif;
	font-style:italic;
	font-weight:bold;
	font-size:25px;
}

.commentaires_actualite {
	position:absolute;
	overflow:hidden;
	width:48px;
	height:48px;
	left:12px;
	top:75px;
	background:url(../images/commentaires.png) no-repeat;
	text-align:center;
	color:#156dce;
	font-family:Georgia, serif;
	font-style:italic;
	font-weight:bold;
	font-size:17px;
	line-height:42px;
}
.commentaires_actualite a {
	color:#156dce;
}
.commentaires_actualite a:hover {
	color:#ff8a2c;
}

/* ------------------------------------------------------------------------------------------------------------ */
/* --------------------------------------------- GALERIE DE PHOTOS -------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------ */

#conteneur_galerie_photo {
	position:relative;
	overflow:hidden;
	width:100%;
	height:450px;
	background:#363636;
}

#conteneur_photo_cur {
	position:relative;
	overflow:auto;
	text-align:center;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}

#photo_precedente {
	position:absolute;
	overflow:hidden;
	width:12px;
	height:16px;
	top:10px;
	left:10px;
	background:url(../images/diap_gauche.png) no-repeat top center;
	display:none;
}
#photo_precedente:hover {
	cursor:pointer;
	background:url(../images/diap_gauche_on.png) no-repeat top center;
}
#photo_precedente:active {
	background:url(../images/diap_gauche_active.png) no-repeat top center;
}

#photo_suivante {
	position:absolute;
	overflow:hidden;
	width:12px;
	height:16px;
	top:10px;
	right:10px;
	background:url(../images/diap_droite.png) no-repeat top center;
	display:none;
}
#photo_suivante:hover {
	cursor:pointer;
	background:url(../images/diap_droite_on.png) no-repeat top center;
}
#photo_suivante:active {
	background:url(../images/diap_droite_active.png) no-repeat top center;
}

#titre_photo_galerie {
	position:absolute;
	overflow:auto;
	width:600px;
	background:#363636;
	top:0px;
	left:0px;
	display:none;
}

#titre_photo_galerie h2 {
	margin:0;
	border-bottom:none;
	text-align:left;
}

#zoom_photo {
	position:absolute;
	overflow:hidden;
	height:24px;
	width:24px;
	top:40px;
	left:5px;
	display:none;
}
#zoom_photo:hover {
	cursor:pointer;
}

#lien_photo {
	position:absolute;
	overflow:hidden;
	height:24px;
	width:24px;
	top:75px;
	left:5px;
	display:none;
}
#lien_photo:hover {
	cursor:pointer;
}

#description_photo_galerie {
	position:absolute;
	overflow:auto;
	width:600px;
	background:#363636;
	bottom:0px;
	left:0px;
	display:none;
}

#description_photo_galerie p {
	color:#ffffff;
}

#conteneur_miniatures_photo {
	position:relative;
	overflow:auto;
	width:100%;
	height:132px;
	background:#363636;
}

#miniatures_photo {
	position:absolute;
	overflow:hidden;
	height:112px;
	width:600px;
	top:10px;
	left:36px;
}

#miniatures_photo ul {
	margin:0;
	padding:0;
	height:112px;
	width:600px;
}
#miniatures_photo ul li {
	float:left;
	display:inline;
	text-align:center;
	list-style:none;
	overflow:hidden;
	background:none;
	margin:0;
	padding:0;
	height:112px;
	width:600px;
}

.photo_miniature {
	position:relative;
	overflow:hidden;
	float:left;
	height:112px;
	width:150px;
}

/* Flèche de droite pour faire défiler les miniatures */
#miniatures_droite {
	position:absolute;
	overflow:hidden;
	width:20px;
	height:112px;
	top:10px;
	left:641px;
}

/* Flèche de gauche pour faire défiler les miniatures */
#miniatures_gauche {
	position:absolute;
	overflow:hidden;
	width:20px;
	height:112px;
	top:10px;
	left:10px;
}

#miniatures_gauche a, 
#miniatures_droite a {  
	position:relative;
	display:block;
	width:20px;
	height:112px;
}

#miniatures_gauche a {
	background:url(../images/diap_gauche.png) no-repeat 4px 45px;
}
#miniatures_gauche a:hover {
	background:url(../images/diap_gauche_on.png) no-repeat 4px 45px;
}
#miniatures_gauche a:active {
	background:url(../images/diap_gauche_active.png) no-repeat 4px 45px;
}

#miniatures_droite a {
	background:url(../images/diap_droite.png) no-repeat 4px 45px;
}
#miniatures_droite a:hover {
	background:url(../images/diap_droite_on.png) no-repeat 4px 45px;
}
#miniatures_droite a:active {
	background:url(../images/diap_droite_active.png) no-repeat 4px 45px;
}

/* -- FIN galerie de photos ----------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------- Style bouton facebook ------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */

.connect_action, .connect_action a, .connect_button, .connect_button a {
	color:#ffffff;
}

/* -- FIN bouton facebook ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------ */






















@media only screen and (max-device-width:480px), only screen and (max-width:480px) {
    /*
	html {-webkit-text-size-adjust: 150% !important;}
    #wrapper { background: black !important; }
    body {font-size:1.2em !important;}
    h1 span {color:#fff!important;}
    header nav {position:static!important; font-size:2em!important;}
    header nav a {padding:10px 20px!important;}
    #content {height: auto!important;width: auto!important;}
    #content section {width:auto!important;margin: 70px 0!important;}
    #content figure {margin:0 10px 10px 0!important; border: 0!important;}*/
	
	body, html {
		background:none;
		background-color:#666666 !important;
	}
	
	html {-webkit-text-size-adjust: 150% !important;}
	
	body  {
		width: auto
	}
	
	/* --------------------------------------------------------- */
	
	#conteneur_ombre,
	#banniere,
	#menu_haut,
	#centre,
	#milieu,
	#pied {
		width:100%;
		padding:0;
		margin:0;
	}
	
	/* --------------------------------------------------------- */
	/* HAUT */
	
		#banniere {
			background:none;	
			background-color:#1754b1;
			overflow:hidden;
			height:118px;
		}
		
		#titre_dst {
			position:relative;
			overflow:hidden;
			height:51px;
			width:351px;
			left:0;
			top:0;
			margin:0 auto;
			padding:10px;
			padding-bottom:0;
			text-align:center;
		}
		
		#association_dst {
			position:relative;
			overflow:hidden;
			text-align:center;
			height:20px;
			padding-bottom:5px;
			left:0;
			top:0;
			width:100%;
		}
	
		#menu_haut {
			position:relative;
			overflow:hidden;
			padding:0;
			margin:0;
			left:0;
			top:0;
		}
		
		#mh_presentation, #mh_photos, #mh_videos {
			position:relative;
			overflow:hidden;
			float:left;
			width:33%;	
		}
		
		#mh_presentation {
			background:url(../images/presentation_bg.jpg) repeat-x #ff8a2c;
			left:0;
			width:34%;
		}
		
		#mh_photos {
			background:url(../images/photos_bg.jpg) repeat-x #46db4f;
			left:0;
		}
		
		#mh_videos {
			background:url(../images/videos_bg.jpg) repeat-x #1a5ccf;
			left:0;
		}
		
		#mh_presentation a, #mh_photos a, #mh_videos a {
			display:block;
			width:auto;
			height:20px;
			width:85%;
			color:#FFFFFF;
			font-weight:bold;
			font-size:14px;
			padding:6px;
		}
		
		#menu_presentation {
			left:0;
			width:34%
		}
		
		#menu_photos {
			left:34%;
			width:33%;
		}
		
		#menu_videos {
			left:67%;
			width:33%;
		}
		
		#menu_presentation ul li a,
		#menu_photos ul li a,
		#menu_videos ul li a {
			display:block;
			height:auto;
			width:100%;
		}
	
	/* FIN HAUT */
	/* --------------------------------------------------------- */
	
	
	
	/* --------------------------------------------------------- */
	/* MILIEU */
	
		#zone_encadree {
			background-image:none;
		}
		
		#milieu  {
			overflow:hidden;
		}
		
		.article, .manifestation, .actualite {
			padding:10px;	
		}
		
		.cadre_photos {
			position:relative;
			overflow:auto;
			float:none;
			width:95%;
			margin:10px auto;
		}
		
		.retour {
			margin-bottom:10px;
		}
	
	/* FIN MILIEU */
	/* --------------------------------------------------------- */
	
	
	
	/* --------------------------------------------------------- */
	/* BAS */
	
		#pied {
			position:relative;
			overflow:auto;
			background:none;
			background-color:#1754b1;
			float:none;
		}
		
		#pied ul#menu_2 {
			width:auto;
			margin:0;
			padding:10px;
			height:30px;
		}
		
		#pied ul#menu_2 li {
			background:none;
			display:inline;
			float:left;
		}
		
		#pied ul#menu_2 li a {
			display:block;
			padding:5px;
			color:#ffffff;
			font-size:11px;
		}
		
		#haut_de_page {
			position:absolute;
			overflow:auto;
			width:50px;
			height:50px;
			top:0px;
			right:0px;
			background:#363636;
		}
		
		#haut_de_page p {
			text-align:center;
			padding-top:15px;
		}
		
	/* FIN BAS */
	/* --------------------------------------------------------- */
	
	
		h1 {
			background:none;
			background-color:#363636;
			padding:5px;
			margin:0;
		}
	
	
	/* --------------------------------------------------------- */
	/* GALERIE PHOTOS */
	
		#conteneur_galerie_photo {
			display:none;
		}
		
		/* OOOPS */
		#conteneur_miniatures_photo {
			position:relative;
			overflow:hidden;
			background:none;
			width:310px;
			margin:0 auto;
			height:auto;
			background:none;
		}
		
		/* OOOPS */
		#miniatures_photo {
			position:relative;
			overflow:hidden;
			height:auto;
			width:300px;
			height:224px;
			top:0px;
			left:0px;
			margin:0 auto;
			background:none;
		}
		
		/* ------------------------------------- */
		
		/* Flèche de gauche pour faire défiler les miniatures */
		
		#miniatures_gauche {
			position:absolute;
			overflow:hidden;
			width:20px;
			height:112px;
			top:10px;
			left:10px;
		}

		#miniatures_gauche a, 
		#miniatures_droite a {  
			position:relative;
			display:block;
			width:20px;
			height:112px;
		}

		#miniatures_gauche a {
			background:#363636 url(../images/diap_gauche.png) no-repeat 4px 45px;
		}
		#miniatures_gauche a:hover {
			background:#363636 url(../images/diap_gauche_on.png) no-repeat 4px 45px;
		}
		#miniatures_gauche a:active {
			background:#363636 url(../images/diap_gauche_active.png) no-repeat 4px 45px;
		}

		#miniatures_droite a {
			background:#363636 url(../images/diap_droite.png) no-repeat 4px 45px;
		}
		#miniatures_droite a:hover {
			background:#363636 url(../images/diap_droite_on.png) no-repeat 4px 45px;
		}
		#miniatures_droite a:active {
			background:#363636 url(../images/diap_droite_active.png) no-repeat 4px 45px;
		}
	
	/* FIN GALERIE PHOTOS */
	/* --------------------------------------------------------- */
	
	
	
	
	
	
	
	
	
	#gauche,
	#conteneur_galerie_sponsors_accueil,
	#video_accueil,
	#tags_accueil,
	#logo_dst,
	#copyright {
		display:none;
	}
	
	#gauche,#milieu {		
		float:none;	
	}
	
	
	
	#conteneur_actu_agenda_accueil {
		border:none;
		position:relative;
		overflow:auto;
		width:100%;
	}
	
	#actualites_accueil, #manifestations_accueil, #video_accueil, #tags_accueil {
		position:relative;
		overflow:auto;
		float:none;
		border:none;
		/*background:none;*/
		padding:0;
		padding:5px;
		margin:0;
		width:auto;
		height:auto;
	}
	
	#actualites_accueil h1, #manifestations_accueil h1, #titre_photos_accueil h1, #video_accueil h1, #tags_accueil h1 {
		background:none;
		border:none;
		color:#FFFFFF;
		font-size:14px;
		font-weight:bold;
	}
}