/*CSS RMF31
 ///////////////////////////////////////
/////////////////////////////////////////
//N///N/III////CCC////OOO////333///11////
//NN//N//I///CC/////OO///OO/////3/1/1////
//N/N/N//I//C//////O///////O///3////1////
//N//NN//I///CC/////OO///OO/////3///1////
//N///N/III////CCC////OOO////333//11111//
/////////////////////////////////////////
 ///////////////////////////////////////
 utilisation des balise h: h2 pour le titre cnx bienvenue; h3 pour les sous titres (18px); h4 texte normal; h5 premiere lettre en majuscule
 coleur du bleu:#537698  #4e70a4
*/
@import url("chocolat.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body,ul,li{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;font-family:Arial, Helvetica;color:#FFF;}/*reset*/
/*************************Mise en page générale*************************/
body{background:url(https://rmf31.fr/images/local.jpg);background-attachment: fixed;background-position:top center;background-repeat:no-repeat;background-size: 100% 100%;}
#blocPage{text-align:center;width: 100%;margin-left: auto;margin-right: auto;}
#partieMenu{color: #F0E39E;width:100%;margin:auto;height:auto;vertical-align:middle;}
/*#secondaire{min-height:300px;float:right;width:16%;border-radius:4px;background-color:rgba(255,255,255,0.6);color: #000;margin-right:10px;border:1px solid #0F0;padding:5px;}/*Block de droite*/
/*#cnx{float:left;width:16%;margin-left:10px;}*/
#centre{width: 100%;overflow: hidden;}
.sautDeLigne{margin:10px;}
.sautDeLigneSlider{margin:10px;}
article{min-height:300px;height:auto;border-radius:10px;background-color:rgba(255,255,255,0.7);padding:40px;text-decoration:none;}
.titreSaphire{color:/*#4e7099*/ #4e70a4;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:200%;text-decoration:underline;text-shadow:2px 2px 2px #999;}
.contenu{margin-top:40px;color:#000;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:16px;}
.ZoneDeSaisie1{font: bold 14px Arial, Helvetica;width:70%;text-align:center;height:26px;margin:6px;}
.ZoneDeSaisie2{font: bold 12px Arial, Helvetica;width:68%;text-align:center;height:18px;margin:8px;}
.ZoneDeSaisie3{width:100%;text-align:center;font:bold 14px Arial, Helvetica;background-color:#FFF;border:1px solid #999;color:#444;}
.ZoneDeSaisieActu{width:80%;text-align:center;font:bold 14px Arial, Helvetica;background-color:#FFF;border:1px solid #999;color:#444;}
.ZoneDeSaisieArea{width:80%;text-align:justify;font:bold 14px Arial, Helvetica;background-color:#FFF;border:1px solid #999;color:#444;}
.champObligatoire{color:#F00;font:bold 16px cursive;text-align:center;padding-bottom:10px;}
.imprimer{width:50%;height:auto;vertical-align:middle;}
.imgMachine{width:auto;height:36px;vertical-align:middle; padding:4px;}
.imgSup{width:50%; height:auto;vertical-align:middle;}
#non{display:none;}
#disponible{display:block;}
	#gallerieSimple{display:none;}
	#gallerieNormale{display:block;}
/*************************Fin de la mise en page générale*************************/
/*************************Partie commune du menu BIENVENU*************************/
	h2{font-size:20px;}
	h3{font: bold 1.5em Arial, Helvetica; line-height:20px;text-align:center;}
	h4{font: bold 16px Arial, Helvetica;}
	.heure{margin-top:20px;}
	.zoneDeSaisie{color:#666;font-size:12px;width:140px;text-align:center;font-weight:bold;font-family:Arial, Helvetica;border-radius:5px; border:none;height:16px;}
	.boutonCnx{background-image:url('../images/theme_sapphire/menu.png');background-repeat:repeat-x;width:140px;height:35px;text-align: center;opacity: 1.0;color:#FFF;text-transform:uppercase;border-radius:10px;font-weight:bold;font-family:Arial, Helvetica;border:none;margin-top:10px;}
	.boutonCnx:hover{cursor:pointer;color:#999;}
	.cnxLien{vertical-align:middle;width:50%;padding:30px 5px 10px 5px;}
	.cnxLien a{display:inline-block;width:auto;height:auto;font-weight:bold;font-family:Arial, Helvetica;text-decoration:none;font-size:12px;color:#000;margin:auto;text-align:center;}
	.cnxLien a:hover{display:inline-block;width:100px;height:auto;font-weight:bold;font-family:Arial, Helvetica;text-decoration:none;font-size:12px;color:#999;text-align:center;width:100%;}
	.status{font-family:Arial, Helvetica, sans-serif;font-size:16px;margin-top:20px;margin-bottom:20px;}
	.bienvenueLien{text-align:center;width:100%;height:24px; line-height:24px;}
	.bienvenueLien a{font-weight:bold;font-family:Arial, Helvetica;text-decoration:none;font-size:14px;color:#000; width:100%;margin:0px;display:inline-block;}
	.bienvenueLien:hover a{color:#FFF;background:#537698;cursor:pointer;}
	#menumachine {text-align:center;}
	#menumachine ul {list-style:none;text-align:center;}
	#menumachine li {color:#000;font-size:14px;/*background-color:#537698;border-bottom:1px solid #3c5779;border-top:1px solid #6883a6;border-radius:5px;color:#FFF;*/}
	#menumachine li li {max-height:0;overflow:hidden;transition: all 1.2s;border-radius:0;box-shadow: none;border:none;margin:0;color:#000;}	
	#menumachine ul li:hover .bienvenueLien a {background:#537698;color:#FFF; }
	#menumachine ul li a:hover {color:#fff;background:#537698; text-decoration:none;}/*couleur enregistrer afficher*/
	#menumachine ul li li a {color:#000;background:rgba(255,255,255,0.0); text-decoration:none;}/*couleur enregistrer afficher*/	
	#menumachine ul li:hover{color:#FFF;}
	#menumachine li:hover li {max-height: 15em;}
	.boutonDnx{background-image:url('../images/theme_sapphire/menu.png');background-repeat:repeat-x;width:140px;height:35px;text-align:center;opacity:1.0;color:#FFF;text-transform:uppercase;border-radius:10px;font-weight:bold;font-family:Arial, Helvetica;border:none;margin-top:10px;margin:auto;margin-top:20px;margin-bottom:5px;}
	.boutonDnx a{display:inline-block;height: 35px;padding: 8px 10px 0 10px;color: #FFF;text-transform: uppercase;font-weight:bold;font-family:Arial, Helvetica;text-decoration: none;text-align:center}
	.boutonDnx a:hover{display:inline-block;height: 35px;padding: 8px 10px 0 10px;color: #444;text-transform: uppercase;font-weight:bold;font-family:Arial, Helvetica;text-decoration: none;text-align:center}
	.boutonVal{background-image:url('../images/theme_sapphire/menu.png');background-repeat:repeat-x;width:140px;height:35px;text-align:center;opacity:1.0;color:#FFF;text-transform:uppercase;border-radius:10px;font-weight:bold;font-family:Arial, Helvetica;border:none;vertical-align:middle;}
	.boutonVal a{display:inline-block;height: 35px;padding: 8px 10px 0 10px;color: #FFF;text-transform: uppercase;font-weight:bold;font-family:Arial, Helvetica;text-decoration: none;text-align:center}
	.boutonVal a:hover{display:inline-block;height: 35px;padding: 8px 10px 0 10px;color: #444;text-transform: uppercase;font-weight:bold;font-family:Arial, Helvetica;text-decoration: none;text-align:center}
	/*----Sous menu attention----*/
.attention
	{
		width:100%;
		border-radius : 10px;
		margin : auto;
		border :1px solid #F00;
		font: bold 16px Arial, Helvetica;/*Mise en gras de la police et parametre de la taille*/
		padding:3px;
		background-color:#F99;
	}
.attention_1
	{
		text-align:right;
		width:30px;
	}
.attention_2
	{
		color:#F00;
		vertical-align:middle;
		text-align:left;
	}
/*----Fin du sous menu----*/
/*************************FIN DU BIENVENU*************************/
/*----------------------------------ERREUR BOX-----------------------------------------*/
	.info-box, .success-box, .warning-box, .error-box, .help-box {width:50%;border:1px solid;margin:auto;margin-top:20px;padding:15px 5px 15px 50px;background-repeat : no-repeat;background-position : 10px center;font : normal normal 100% Helvetica, Arial, sans-serif;border-spacing : 0;border-radius : 8px 8px;} 
	.info-box{color:#00529B;background:#BDE5F8 url('../../images/boxes/info.png') top left no-repeat;background-position:5px 5px;}
	.success-box{color:#4F8A10;background:#DFF2BF url('../../images/boxes/success.png') top left no-repeat;background-position:5px 5px;}
	.warning-box{color:#9F6000;background:#FEEFB3 url('../../images/boxes/warning.png') top left no-repeat;background-position:5px 5px;}
	.error-box{color:#D8000C;background:#FFBABA url('../../images/boxes/error.png') top left no-repeat;background-position:5px 5px;}
	.help-box{color:#4C1274;background:#C7ABDA url('../../images/boxes/help.png') top left no-repeat;background-position:5px 5px;}
	.comment-box{background:#d0d0d0;text-align:left;padding:15px;margin:5%;border:1px solid navy;margin-bottom:-3%;}
	.warning-taille{width:70%;border:1px solid;margin:auto;margin-top:20px;padding:15px 5px 15px 50px;background-repeat : no-repeat;background-position : 10px center;font : normal normal 100% Helvetica, Arial, sans-serif;border-spacing : 0;border-radius : 8px 8px;color:#9F6000;background:#FEEFB3 url('../../images/boxes/warning.png') top left no-repeat;background-position:5px 5px;}
	.champObligatoire{color:#F00;font:bold 16px "Comic Sans MS", cursive;text-align:center;padding-bottom:10px;}
/*************************FOOTER commun a toutes les résolutions*************************/
	footer{width:100%;height:auto;border-radius:10px;color:#4e70a4;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:10px;/*text-shadow:1px 1px 1px #999;*/}
	.footerLogoValide{height:31px;text-align:right;margin-top:10px;}
	.imgFooter{width:95%;height:auto;}
	#qui_est_en_ligne{width:100%;height:auto;margin:auto;border-radius:10px;background-color:rgba(255,255,255,0.7);color:#000;text-shadow:none;}
	#en_ligne{padding:5px 0 5px 10px;text-transform:uppercase;text-decoration:none;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-align:left;text-shadow:none;}
	.ligne{border:1px solid #666;}
	.en_ligne2{padding:5px 0 5px 10px;text-decoration:none;font-size:12px;font-family:Arial, Helvetica, sans-serif;text-align:left;text-shadow:none;}
	.copyrightSaphire{width:100%;text-align:center;padding:5px;font-size:12px;font-weight:bold;color:#4e70a4;}
/*************************Fin du FOOTER*************************/
/*----------------------------------PAGE PRESENTATION-----------------------------------------*/
	.presentationImg{width:60%;height:auto;vertical-align:middle; float:left; margin:0 15px 0 0;}
/*----------------------------------FIN de la PAGE PRESENTATION-----------------------------------------*/
/*----------------------------------PAGE Réseaux fixe-----------------------------------------*/
	.texteSaphire{font: bold 16px Arial, Helvetica;}
	.texteSaphire:first-letter {float:left;padding:0;margin:0px 0px -7px -3px;font-size:52px;line-height:52px;color:#4e70a4;display:block;width:auto;height:auto;}
	.imgReseauFixe{width:100%;height:auto;vertical-align:middle;}
/*----------------------------------Fin de la page réseaux fixe-----------------------------------------*/
/*----------------------------------PAGE PHOTO-----------------------------------------*/
.description{height:auto;text-align:left;vertical-align:middle;font:bold 14px Arial, Helvetica;}
/*----------------------------------FIN de la PAGE PHOTO-----------------------------------------*/
/*----------------------------------PROCHAINES SEANCES-----------------------------------------*/
.prochaines_seances{text-align:center;width:100%;font-size:16px;padding:15px;border-collapse:collapse;}
.seances{width:100%;height:30px;}
.seance_speciale{width:100%;height:30px;background-color:#C30;color:#FFF;}
/*----------------------------------FIN de la PAGE prochaine seance-----------------------------------------*/
/*----------------------------------TELECHARGER-----------------------------------------*/
.telecharger{width:40%;margin:auto;font:bold 14px Arial, Helvetica;}
.imgTelecharger{width:60%; height:auto;}
.info{color:#00529B;background:#BDE5F8 url('../../images/boxes/info.png') top left no-repeat;background-position:5px 5px;width:40%; margin:auto; margin-top:80px;border:1px solid;padding:15px 5px 15px 50px;background-repeat:no-repeat;background-position:10px;font:normal 20px Helvetica, Arial, sans-serif;border-spacing:0px;border-radius:8px 8px;}
.descriptionTelechargement{height:auto;text-align:left;vertical-align:middle;font:bold 14px Arial, Helvetica;}
/*----------------------------------FIN de la PAGE telechargement-----------------------------------------*/
/*----------------------------------CONTACT-----------------------------------------*/
.contact{width:100%;font:bold 14px Arial, Helvetica;border:1px solid #FFF;background:url(../images/fond_billet.png);border-radius:10px;padding:10px 20px;}
.contactLogo{width:100%;height:auto;vertical-align:middle;}
.contact_cellules_gauche{width:25%;text-align:right;text-decoration:none;}
.contact_cellules_droite{width:25%;text-align:left;text-decoration:none;}
.texarea{font:12px Arial, Helvetica;width:100%;min-height:60px;min-width:100%;height:auto;}
/*----------------------------------PLAN D'ACCES-----------------------------------------*/
#plan_dacces_contenu{width: 100%;min-height:300px;height:auto;margin:auto;margin-top:40px;font:bold 14px Arial, Helvetica;}
.tableauplandacces{width:100%;height:auto;border:5px solid black;}
.tableauplandacces1{width:60%;height:auto;vertical-align:middle;padding:0 10px 0 0;}
.tableauplandacces2{width:40%;height:10px;vertical-align:top;text-align:left;font:bold 14px Arial, Helvetica;}
.entree{width:100%;height:270px;vertical-align:middle;border-radius:10px;}
.tableauplandacces3{width:100%;height:auto;border-radius:10px;border:1px solid rgba(128,128,128,0.4);}
#EmplacementDeMaCarte{border:1px solid #FFF;border-radius: 10px;height:310px;}
#plan{text-align:left;height:auto;}
#plan_image{background: url(../images/clubentree.jpg) #000;background-repeat:no-repeat;}
/*----------------------------------MES INFOS-----------------------------------------*/
.mes_infos{text-align:center;border-radius: 10px;width:100%;height:880px;line-height:30px;display:inline-block;background:url(../images/papyrus3.png);background-repeat:no-repeat;background-position:top center;background-repeat:no-repeat;background-size: 100% 100%;}
.mes_infos_contenu{padding-top:30px;}
.mes_infos_position_tableau_valider{padding-top:90px;}
/*----------------------------------PRESENCE MEMBRES-----------------------------------------*/
.tableGeneral{width:100%;border-radius:10px;margin:auto;background-color:#CCC;font:bold 16px Arial, Helvetica;text-align:center;border-collapse:separate;border-spacing:2px;padding:2px;}
.tableauTitre{vertical-align:middle;padding:5px;font:bold 16px Arial, Helvetica;width:20%;}
a.tableauTitre:hover{color:#000;text-align:center;vertical-align:middle;margin:auto;text-decoration:none;}
a.tableauTitre:visited{color:#000;text-align:center;vertical-align:middle;margin:auto;text-decoration:none;}
a.tableauTitre:active{color:#000;text-align:center;vertical-align:middle;margin:auto;text-decoration:none;}
a.tableauTitre:link{color:#000;text-align:center;vertical-align:middle;margin:auto;text-decoration:none;}
.jpo{background-color:#C30;color:#FFF;vertical-align:middle;padding:5px;font:bold 16px Arial, Helvetica;width:20%;}
a.lien_jpo:hover{color:#FFF;text-align:center;vertical-align:middle;margin:auto;text-decoration:none;}
a.lien_jpo:visited{color:#FFF;text-align:center;vertical-align:middle;margin:auto;text-decoration:none;}
a.lien_jpo:active{color:#FFF;text-align:center;vertical-align:middle;margin:auto;text-decoration:none;}
a.lien_jpo:link{color:#FFF;text-align:center;vertical-align:middle;margin:auto;text-decoration:none;}
.tdCouleur1{background-color:#4e70a4;height:40px;text-align:center;vertical-align:middle;color:#FFF;}
.tdCouleur2{background-color:#999;height:40px;text-align:center;vertical-align:middle;}
.legende{width:80%;height:20px;text-align:center;margin:auto;border-radius:10px;margin:auto;background-color:#CCC;font-size:1.2em;border-collapse:separate;border-spacing:2px;padding:2px;vertical-align:middle;}
.legende2{vertical-align:middle;text-align:center;font-size:0.8em;height:30px;}
.legende3{text-align:center;font-size:14px;}
.sousTitreSaphire{color:#4e70a4;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:20px;text-decoration:none;padding-bottom:16px}
.tableauContenu{height:auto;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:12px;text-decoration:none;vertical-align:middle;padding:5px 0;}
/*----------------------------------adresse des MEMBRES-----------------------------------------*/
.detail{width:70%;height:auto;}
.boutton{text-align:center;height:auto;margin:auto;text-decoration:none;}
/*----------------------------------Fin adresse des MEMBRES-----------------------------------------*/
/*----------------------------------enregistrer une machine-----------------------------------------*/
.td50{width:60%;text-align:center;vertical-align:middle;}
/*----------------------------------Fin enregistrer une machine-----------------------------------------*/
/*----------------------------------Page inscription mdp oublié-----------------------------------------*/
#contact_billet{width:auto;min-height:300px;height:auto;margin:auto;margin-top:40px;padding:0 10px 10px 10px;color:#000;border:1px solid #FFF;border-radius:20px;background:url(../images/fond_billet.png);background-repeat:repeat;}
#contact_header{padding:5px;}
#mdp_tableau{margin-top:40px;width:100%;text-align:center;}

#formulaire
	{
		width:80%;
        padding-bottom: 20px;
		margin:auto;
		padding-top:20px;
        height:auto;
		/*border: 1px solid black;*/
		text-align:center;
	}
.formulaire_contenu
	{	
		text-align:center;
		border-radius: 10px;
		width:600px;
    	height:740px;
    	line-height:30px;/*permet de spécifier la hauteur de ligne d'un bloc de text : 1.2 pour remettre normal*/
    	display:inline-block;
		background:url(../images/papyrus2.png);
		background-repeat:no-repeat;
	}
.formulaire_position_tableau
	{
		padding-top:20px;
	}
.ligneTableau
	{
		font-size: 0.9em;
		color: #000;
	}
.formulaire_position_tableau_valider
	{
		padding-top:12px;
	}
.commentaires
	{
		font-size: 1em;
		font-style: italic;
		font-weight: bold;
		color: #FF0000;
	}
/*----------------------------------Fin Page inscription mdp oublié-----------------------------------------*/
/*----------------------------------Theme Noel--------------------------------------------------------------*/
.noel{background:url(../images/theme_noel/banniere_noel.png);background-position:right;border:0;height:52px;}
/*----------------------------------Fin du Theme Noel-------------------------------------------------------*/
.imgSimple{width:100%;height:auto;}
.description{background-color:#FFF;width:100%;height:auto;}
.imgDescription{text-align:left;color:#4e70a4;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:14px;padding:5px;}
.tableau{
	height:30px;
	vertical-align:middle;
	text-align:center;
	color:#FFF;
	font:bold 16px Arial, Helvetica, sans-serif;
}
.etat{width:100%;height:150px;overflow:auto;white-space:initial;padding:5px 0;}

@media(max-width: 639px){/*telephone*/
	#cnx{width:100%;margin:auto;position:absolute;z-index:9999;}
	#secondaire{ display:none;}/*Block de droite*/
	section{border-radius:4px;min-height:300px;margin-left:10px;margin-right:10px;width:auto;}
	#slider{display:none;}
	.sautDeLigneSlider{display:none;}
	#boutonMenu{display:block;height:35px;background-image:url('../images/theme_sapphire/menu.png');background-repeat:repeat-x;max-width:100%;text-decoration:none;line-height:35px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
	#boutonMenu a{display:block;position:relative;z-index:99;color:#FFF;max-width:100%;height:35px;line-height:35px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
	#boutonMenu a:hover{color:#FFF;background-color:#537b9f;height:35px;line-height:35px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
	.bold{text-decoration:none;text-align:center;font:bold 20px Arial, Helvetica; vertical-align:middle;}
	nav{display: none;}
	#menu {color:#FFF;list-style:none;text-align:center;width:100%;}
	#menu ul {list-style:none;text-align:center;}
	#menu li {background-color:#537698;border-bottom:1px solid #3c5779;border-top:1px solid #6883a6;border-radius:5px;color:#FFF;}
	#menu li li {max-height:0;overflow:hidden;transition: all 1.2s;border-radius:0;background:#444;box-shadow: none;border:none;margin:0;color:#FFF;}
	#menu a {display:block;text-decoration: none;color: #fff;padding: 8px 0;font:bold 14px Arial, Helvetica;}
	#menu ul li a, #menu li:hover li a {font-size:0.7em;}
	#menu li:hover {background: #729EBF;}
	#menu li li:hover {background: #999;}
	#menu ul li:last-child {border-radius: 0 0 6px 6px;border:none;}
	#menu li:hover li {max-height: 15em;}
/*************************menu cnx responsive*************************/
	[id=sidebar]{width:100%;margin-left:0;order:-1;transition: margin .2s;}
	[id=sidebar] > button {position:absolute;top:-43px;left:20px;z-index:99;height:30px;width:30px;background-color: rgba(255, 255, 255, 0.6);padding:0;border:1px solid #333;border-radius:50%;cursor:pointer;transition: transform .2s;}/* boutton plus moins */
	[id=sidebar] > button::after,[id=sidebar] > button::before {content: "";position: absolute;top: 15%;right: 40%;bottom: 15%;left: 40%;background-color: #333;border-radius: 10px;transition:transform .2s;}/*forme du plus*/
	[id=sidebar] > button::before {top: 40%;right: 15%;bottom: 40%;left: 15%;}
	[id=sidebar]:not(.is-closed) > button,[id=sidebar]:not(.is-closed) > button::before {transform: rotate(90deg) translateZ(0);}
	[id=sidebar].is-closed {margin-left: -100%;}/*disparition du menu cnx*/
/*************************Fin du menu cnx responsive*************************/
/*************************Partie menu BIENVENU*************************/
	#bienvenue{width:90%; max-width:250px;margin:auto;min-height:200px;background-color:#444;color:#FFF;padding:5px;font-family:Arial, Helvetica;font-size:16px;font-weight:bold; z-index:99999;border-radius:8px;}
	.cnxLien a{display:inline-block;width:auto;height:auto;font-weight:bold;font-family:Arial, Helvetica;text-decoration:none;font-size:12px;color:#FFF;margin:auto;text-align:center;}
	.boutonCnx{background-image:linear-gradient(#47a816,#057e0a,#47a816);/*background-image:url('../images/theme_sapphire/menu.png');*/background-repeat:repeat-x;width:140px;height:35px;text-align: center;opacity: 1.0;color:#FFF;text-transform:uppercase;border-radius:10px;font-weight:bold;font-family:Arial, Helvetica;border:none;margin-top:10px;}
	.boutonDnx{background-image:linear-gradient(#a63b32,#830700,#a63b32);/*background-image:url('../images/theme_sapphire/menu.png');*/background-repeat:repeat-x;width:140px;height:35px;text-align:center;opacity:1.0;color:#FFF;text-transform:uppercase;border-radius:10px;font-weight:bold;font-family:Arial, Helvetica;border:none;margin-top:10px;margin:auto;margin-top:20px;margin-bottom:5px;}
	.bienvenueLien a{font-weight:bold;font-family:Arial, Helvetica;text-decoration:none;font-size:14px;color:#FFF; width:100%;margin:0px;display:inline-block;}
	#menumachine ul li li a {color:#FFF;background:rgba(255,255,255,0.0); text-decoration:none;}/*couleur enregistrer afficher*/
/*************************FIN DU BIENVENU*************************/
	.presentationImg{width:100%;height:auto;vertical-align:middle;margin-bottom:10px;}
	.prochaines_seances{text-align:center;width:100%;font-size:10px;}
	.telecharger{width:100%;margin:auto;font:bold 14px Arial, Helvetica;}
/*************************autre*************************/ 
	#non{display:block;}
	#disponible{display:none;}
	#gallerieSimple{display:block;}
	#gallerieNormale{display:none;}
}
@media(min-width:640px) and (max-width: 950px){/*telephone*/
	#cnx{width:100%;margin:auto;position:absolute;z-index:9999;}
	#secondaire{ display:none;}/*Block de droite*/
	section{border-radius:4px;min-height:300px;margin-left:10px;margin-right:10px;width:auto;}
	#slider{display:none;}
	.sautDeLigneSlider{display:none;}
	#boutonMenu{display:block;height:35px;background-image:url('../images/theme_sapphire/menu.png');background-repeat:repeat-x;max-width:100%;text-decoration:none;line-height:35px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
	#boutonMenu a{display:block;position:relative;z-index:99;color:#FFF;max-width:100%;height:35px;line-height:35px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
	#boutonMenu a:hover{color:#FFF;background-color:#537b9f;height:35px;line-height:35px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
	.bold{text-decoration:none;text-align:center;font:bold 20px Arial, Helvetica; vertical-align:middle;}
	nav{display: none;}
	#menu {color:#FFF;list-style:none;text-align:center;width:100%;}
	#menu ul {list-style:none;text-align:center;}
	#menu li {background-color:#537698;border-bottom:1px solid #3c5779;border-top:1px solid #6883a6;border-radius:5px;color:#FFF;}
	#menu li li {max-height:0;overflow:hidden;transition: all 1.2s;border-radius:0;background:#444;box-shadow: none;border:none;margin:0;color:#FFF;}
	#menu a {display:block;text-decoration: none;color: #fff;padding: 8px 0;font:bold 14px Arial, Helvetica;}
	#menu ul li a, #menu li:hover li a {font-size:0.7em;}
	#menu li:hover {background: #729EBF;}
	#menu li li:hover {background: #999;}
	#menu ul li:last-child {border-radius: 0 0 6px 6px;border:none;}
	#menu li:hover li {max-height: 15em;}
/*************************menu cnx responsive*************************/
	[id=sidebar]{width:100%;margin-left:0;order:-1;transition: margin .2s;}
	[id=sidebar] > button {position:absolute;top:-43px;left:20px;z-index:99;height:30px;width:30px;background-color: rgba(255, 255, 255, 0.6);padding:0;border:1px solid #333;border-radius:50%;cursor:pointer;transition: transform .2s;}/* boutton plus moins */
	[id=sidebar] > button::after,[id=sidebar] > button::before {content: "";position: absolute;top: 15%;right: 40%;bottom: 15%;left: 40%;background-color: #333;border-radius: 10px;transition:transform .2s;}/*forme du plus*/
	[id=sidebar] > button::before {top: 40%;right: 15%;bottom: 40%;left: 15%;}
	[id=sidebar]:not(.is-closed) > button,[id=sidebar]:not(.is-closed) > button::before {transform: rotate(90deg) translateZ(0);}
	[id=sidebar].is-closed {margin-left: -100%;}/*disparition du menu cnx*/
/*************************Fin du menu cnx responsive*************************/
/*************************Partie menu BIENVENU*************************/
	#bienvenue{width:90%; max-width:250px;margin:auto;min-height:200px;background-color:#444;color:#FFF;padding:5px;font-family:Arial, Helvetica;font-size:16px;font-weight:bold; z-index:99999;border-radius:8px;}
	.cnxLien a{display:inline-block;width:auto;height:auto;font-weight:bold;font-family:Arial, Helvetica;text-decoration:none;font-size:12px;color:#FFF;margin:auto;text-align:center;}
	.boutonCnx{background-image:linear-gradient(#47a816,#057e0a,#47a816);/*background-image:url('../images/theme_sapphire/menu.png');*/background-repeat:repeat-x;width:140px;height:35px;text-align: center;opacity: 1.0;color:#FFF;text-transform:uppercase;border-radius:10px;font-weight:bold;font-family:Arial, Helvetica;border:none;margin-top:10px;}
	.boutonDnx{background-image:linear-gradient(#a63b32,#830700,#a63b32);/*background-image:url('../images/theme_sapphire/menu.png');*/background-repeat:repeat-x;width:140px;height:35px;text-align:center;opacity:1.0;color:#FFF;text-transform:uppercase;border-radius:10px;font-weight:bold;font-family:Arial, Helvetica;border:none;margin-top:10px;margin:auto;margin-top:20px;margin-bottom:5px;}
	.bienvenueLien a{font-weight:bold;font-family:Arial, Helvetica;text-decoration:none;font-size:14px;color:#FFF; width:100%;margin:0px;display:inline-block;}
	#menumachine ul li li a {color:#FFF;background:rgba(255,255,255,0.0); text-decoration:none;}/*couleur enregistrer afficher*/
/*************************FIN DU BIENVENU*************************/
	.presentationImg{width:100%;height:auto;vertical-align:middle;margin-bottom:10px;}
	.prochaines_seances{text-align:center;width:100%;font-size:10px;}
	.telecharger{width:100%;margin:auto;font:bold 14px Arial, Helvetica;}
/*************************autre*************************/
	/*#non{display:block;}
	#disponible{display:none;}*/
		#gallerieSimple{display:block;}
		#gallerieNormale{display:none;}
}

@media(min-width:951px) and (max-width:1359px){/*1080px*/
	#cnx{float:left;width:25%;margin-left:10px;}
	#bienvenue{max-width:240px;margin-right:0;min-height:275px;border-radius:8px;background-color:rgba(255,255,255,0.6);color:#000;padding:5px;font-family:Arial, Helvetica;font-size:16px;margin-left:auto;font-weight:bold;}
	#secondaire{ display:none;}/*Block de droite*/
	section{border-radius:4px;min-height:300px;margin-left:auto;margin-right:10px;max-width:675px;}/*1080*/
	/*----------------------------------SLIDER-----------------------------------------*/
	#slider{width:675px;height:235px;position:relative;}
	#slider img{border-radius:10px;}
	#mask{width:100%;height:100%;position:absolute;overflow:hidden;border-radius:10px;}
	#image_container{position:absolute;width:600%;height:100%;transition-property:all;transition-duration:1s;}
	#image_container img{width:675px;}
	/*Les différentes positions du slider */
	.image1 #image_container{left:0;}
	.image2 #image_container{left:-100%;}
	.image3 #image_container{left:-200%;}
	.image4 #image_container{left:-300%;}
	.image5 #image_container{left:-400%;}
	#image_container li{float:left;}/* Les images */
	#contentBarre{position:absolute;float:right;margin-top:205px;height:30px;width: auto;background:url('../images/slider/imgslider/transp.png')repeat;border-radius:0 0 0 10px;}/*parametre de la barre grisé en bas du slider*/
	#contentBarre #barre{position: relative;margin-top: 14px;margin-left: 10px;}
	#contentBarre #dots{position: relative;bottom: -6px;}/* Les points de navigation */
	#contentBarre #dots li{float:left;width:12px;height:12px;margin:3px;background:url('../images/slider/imgslider/empty-dot.png');cursor:pointer;color:#0C0;}/* les points, avec leur background non selectionné */
	#contentBarre #dots li:hover{background:url('../images/slider/imgslider/selected-dot.png');}/* Point au survol */
	.image1 #contentBarre #dots li.button1, .image2 #contentBarre #dots li.button2, .image3 #contentBarre #dots li.button3, .image4 #contentBarre #dots li.button4, .image5 #contentBarre #dots li.button5{background: url('../images/slider/imgslider/selected-dot.png');}/* Point "selectionné". De la même manière que l'image, on change en fonction de la classe de slider */
	/*RESET*/
	ol,ul{list-style:none;}
/*----------------------------------Fin du SLIDER-----------------------------------------*/
/*----------------------------------CONTACT-----------------------------------------*/
	.contact_cellules_gauche{width:25%;text-align:right;text-decoration:none;font:bold 12px Arial, Helvetica;}
	.contact_cellules_droite{width:25%;text-align:left;text-decoration:none;font:bold 12px Arial, Helvetica;}
}

@media(min-width:1360px) and (max-width:1919px){/*1360px*/
	#cnx{float:left;width:16%;margin-left:10px;}
	section{border-radius:4px;min-height:300px;margin-left:auto;margin-right:auto;max-width:820px;}
	#bienvenue{max-width:240px;margin-right:0;min-height:275px;border-radius:8px;background-color:rgba(255,255,255,0.6);color:#000;padding:5px;font-family:Arial, Helvetica;font-size:16px;margin-left:auto;font-weight:bold;}
	#secondaire{ display:none;}/*Block de droite*/
	/*#secondaire{min-height:275px;float:right;width:16%;border-radius:4px;background-color:rgba(255,255,255,0.6);color: #000;margin-right:10px;padding:5px;}/*Block de droite*/
	/*----------------------------------SLIDER-----------------------------------------*/
	#slider{width:820px;height:285px;position:relative;}
	#slider img{border-radius:10px;}
	#mask{width:100%;height:100%;position:absolute;overflow:hidden;border-radius:10px;}
	#image_container{position:absolute;width:600%;height:100%;transition-property:all;transition-duration:1s;}
	#image_container img{width:820px;}
	/*Les différentes positions du slider */
	.image1 #image_container{left:0;}
	.image2 #image_container{left:-100%;}
	.image3 #image_container{left:-200%;}
	.image4 #image_container{left:-300%;}
	.image5 #image_container{left:-400%;}
	#image_container li{float:left;}/* Les images */
	#contentBarre{position:absolute;float:right;margin-top:255px;height:30px;width: auto;background:url('../images/slider/imgslider/transp.png')repeat;border-radius:0 0 0 10px;}/*parametre de la barre grisé en bas du slider*/
	#contentBarre #barre{position: relative;margin-top: 14px;margin-left: 10px;}
	#contentBarre #dots{position: relative;bottom: -6px;}/* Les points de navigation */
	#contentBarre #dots li{float:left;width:12px;height:12px;margin:3px;background:url('../images/slider/imgslider/empty-dot.png');cursor:pointer;color:#0C0;}/* les points, avec leur background non selectionné */
	#contentBarre #dots li:hover{background:url('../images/slider/imgslider/selected-dot.png');}/* Point au survol */
	.image1 #contentBarre #dots li.button1, .image2 #contentBarre #dots li.button2, .image3 #contentBarre #dots li.button3, .image4 #contentBarre #dots li.button4, .image5 #contentBarre #dots li.button5{background: url('../images/slider/imgslider/selected-dot.png');}/* Point "selectionné". De la même manière que l'image, on change en fonction de la classe de slider */
	/*RESET*/
	ol,ul{list-style:none;}
	/*----------------------------------Fin du SLIDER-----------------------------------------*/
}

@media screen and (min-width: 1920px){/*full*/
	#cnx{float:left;width:16%;margin-left:110px;}
	#secondaire{ display:none;}/*Block de droite*/
	/*#secondaire{max-width:240px;min-height:300px;float:right;width:16%;border-radius:4px;background-color:rgba(255,255,255,0.6);color: #000;margin-right:165px;padding:5px;}/*Block de droite*/
	section{border-radius:4px;min-height:300px;margin-left:auto;margin-right:auto;width:1000px;}
	#bienvenue{max-width:240px;margin-right:0;min-height:300px;border-radius:8px;background-color:rgba(255,255,255,0.6);color:#000;padding:5px;font-family:Arial, Helvetica;font-size:16px;margin-left:auto;font-weight:bold;}
	.cnxLien{vertical-align:middle;width:50%;padding:60px 5px 10px 5px;}
	/*----------------------------------SLIDER-----------------------------------------*/
	#slider{width:1000px;height:310px;position:relative;}
	#slider img{border-radius:10px;}
	#mask{width:100%;height:100%;position:absolute;overflow:hidden;border-radius:10px;}
	#image_container{position:absolute;width:600%;height:100%;transition-property:all;transition-duration:1s;}
	#image_container img{width:1000px;}
	/*Les différentes positions du slider */
	.image1 #image_container{left:0;}
	.image2 #image_container{left:-100%;}
	.image3 #image_container{left:-200%;}
	.image4 #image_container{left:-300%;}
	.image5 #image_container{left:-400%;}
	#image_container li{float:left;}/* Les images */
	#contentBarre{position:absolute;float:right;margin-top:280px;height:30px;width: auto;background:url('../images/slider/imgslider/transp.png')repeat;border-radius:0 0 0 10px;}/*parametre de la barre grisé en bas du slider*/
	#contentBarre #barre{position: relative;margin-top: 14px;margin-left: 10px;}
	#contentBarre #dots{position: relative;bottom: -6px;}/* Les points de navigation */
	#contentBarre #dots li{float:left;width:12px;height:12px;margin:3px;background:url('../images/slider/imgslider/empty-dot.png');cursor:pointer;color:#0C0;}/* les points, avec leur background non selectionné */
	#contentBarre #dots li:hover{background:url('../images/slider/imgslider/selected-dot.png');}/* Point au survol */
	.image1 #contentBarre #dots li.button1, .image2 #contentBarre #dots li.button2, .image3 #contentBarre #dots li.button3, .image4 #contentBarre #dots li.button4, .image5 #contentBarre #dots li.button5{background: url('../images/slider/imgslider/selected-dot.png');}/* Point "selectionné". De la même manière que l'image, on change en fonction de la classe de slider */
	/*RESET*/
	ol,ul{list-style:none;}
	/*----------------------------------Fin du SLIDER-----------------------------------------*/
}


@media screen and (min-width: 951px){/*css commun*/
	#boutonMenu{display: none;}/*permet de ne pas afficher le block*/
	#menu{display: block;height:35px;margin-left:auto;margin-right:auto;list-style:none;border-bottom-left-radius: 5px;border-bottom-right-radius:5px;background-image:url('../images/theme_sapphire/menu.png');background-repeat:repeat-x;}
	#menu a{display:inline-block;height:35px;padding:0 8px;color:#FFF;text-transform:uppercase;font:bold 14px/23px Arial, Helvetica;text-decoration:none;line-height:35px;}
	#menu li{display:inline;position:relative;}
	#menu ul{list-style:none;display:none;position:absolute;top:26px;left:0;z-index:999;background-color:#537698;border-radius:0 0 5px 5px;}
	#menu li:hover > a{font:bold 16px/23px Arial, Helvetica;color:#999;}
	#menu li:hover > ul{display:block;}
	#menu ul li{float:none;left:0;padding:0;display:block;border-bottom:1px solid #3c5779;border-top:1px solid #6883a6;text-align:left;}
	#menu ul a{min-width:170px;padding:10px;height:auto;line-height:1;display:block;white-space:nowrap;float:none;text-transform:none;}
	#menu ul a:hover{color:#999;font:bold 16px/23px Arial, Helvetica;}
	/*************************Partie commune du menu BIENVENU pour les résolution >950px*************************/

/*************************FIN DU BIENVENU*************************/
}