<style type="text/css">
<!--
body {
	width: 100%;
	/*LES MODIFICATION APPLIQUEES AU BODY ICI NE FONCTIONNE PAS? modifié le body dans la page css body*/
}
#global {
	width: 80%;/* largeur obligatoire pour être centré */
	margin: auto; /* largeur obligatoire pour être centré */
}
@media screen and (min-width:1200px)
{
	#global {
		width: 60%;/* largeur obligatoire pour être centré */
		margin: auto; /* largeur obligatoire pour être centré */
	}
}
@media screen and (max-width:900px)
{
	#global {
		width: 95%;/* largeur obligatoire pour être centré */
		margin: auto; /* largeur obligatoire pour être centré */
	}
}
@media screen and (max-width:654px)
{
	#global {
		width: 100%;/* largeur obligatoire pour être centré */
		/*padding-left: 2%;*/ /* largeur obligatoire pour être centré */
		/*padding-right: 2%;*/ /* largeur obligatoire pour être centré */
	}
}
#header {
    width: 100%;
	height: 150px;
    float: left;
    text-align: center;
	/*border: 1px solid hsla(190,86%,43%,1.00);*/
	/*background-color: hsla(184,86%,48%,1.00);*/
}
@media screen and (max-width:654px)
{
	#header {
		width: 100%;
		height: 100px;
		/*background-color: hsla(184,86%,48%,1.00);*/
		background-color: hsla(0,0%,0%,0.70);
}
}
#div_logo {
	position: absolute;
    width: 25%;
    float: left;
	z-index: 90;
   	/*background-color: #9A9A9A;*/
}
	#div_logo_absolute {
		margin-top: 5px;
		margin-right: 15px;
			transform: rotate(5deg);/*pivoter le bouton de 90° anti-horaire*/
			-webkit-transform: rotate(5deg);/*pivoter le bouton de 90° anti-horaire*/
			-moz-transform: rotate(5deg);
			-o-transform: rotate(5deg);
			-ms-transform: rotate(5deg);	
	}
	.div_logo_image {
		width: auto;
		height: 145px;
		min-width: 100px;
		max-width: 200px;
		margin: 0px;
	}
#div_annonce {
	width: 75%;
	height: 150px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	overflow: auto;
	text-align: right;
    /*background-color: hsla(359,90%,47%,1.00);*/
	/*background-image: url(../images/bg_noir50pourcent.png);*/
	background-color: hsla(0,0%,0%,0.70);
	/*border-radius: 8px 8px 8px 8px;*/
}
@media screen and (max-width:654px)
{
	#div_annonce {
		width: 70%;
		min-height: 100px;
		/*background-color: #D4D4D4;*/
		background-color: transparent;
	}
	.div_logo_image {
		width: auto;
		height:100px;
	}
}
@media screen and (max-width:480px)
{
	#div_annonce {
		width: 70%;
		min-height: 100px;
		/*background-color: #D4D4D4;*/
		background-color: transparent;
	}
	.div_logo_image {
		width: auto;
		height:90px;
	}
}
#centrer_contenu_div {
	position: relative;/*pour pouvoir après centrer le contenu de la div enfant avec top:50%;transform: translateY(-50%);*/
	top: 50%;
	transform: translateY(-50%);
}
#menu_alpha {
    width: 21%;
	padding-right: 4%;
	min-width: 150px;
	overflow: visible;
    float: left;
    /*background-color: #A4A4A4;*/
}
	#menu_alpha_link {
		display: block;
		float: right;
		text-align: right;
		margin-right: 20px;
	}
#content {
    width: 75%;
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    z-index: 10;
	background-color: hsla(0,0%,0%,0.70);
}
#mainframe {
    width: 100%;
    /*background-color: #525252;*/
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    margin-top: 10px;
    font-size: 14px;
	padding-bottom: 20px;
}
@media screen and (max-width:750px)
{
	#mainframe {
		width: 95%;
		padding-left: 10px;
		padding-right: 10px;
	}
}

#div_bouton_menu_alpha_deroulant {
    /*background-color: #525252;*/
	/*border: 1px solid hsla(110,93%,49%,1.00);*/
	float: left;
	display: none;
	/*background-image: url(../images/bg_noir50pourcent.png);*/
	background-color: hsla(0,0%,0%,0.70);
	width: 100%
}
@media screen and (max-width:750px)
{
	#div_bouton_menu_alpha_deroulant {
		padding-left: 5%;
		display: block;
		width: 95%;
		background-color: hsla(0,0%,0%,0.70);		
	}
	#menu_alpha {
		display: none;
		width: 100%;
		float: left;
		text-align: justify;
		/*background-image: url(../images/bg_noir50pourcent.png);*/
		background-color: hsla(0,0%,0%,0.70);
	}
	#menu_alpha_link {
		display: inline-block;
		margin-right: 0px;
	}
	#facebook {
		display: none;
	}
	#content {
		width: 100%;
	}
}
	
		/*VOLET_DEROULANT_DIV_MOBILE ////////////////////////////////////////////////////////////////////////*/
		#volet_menu_alpha { /* style du volet_menu_alpha */
			overflow:auto;
			padding: 10px;
			padding-bottom:30px;
			/*background: #999;*/
			/*background-image: url(images/bg_noir80pourcent.png);*/
			background-color: hsla(0,0%,0%,0.70);
			color: #fff;
			position: absolute;
			-moz-radius: 0px 0px 8px 0px;
			border-radius: 0px 0px 8px 0px;/*coins arrondis border-radius: top-left top-right bottom-right bottom-left*/
			/*ombre fonctionne uniquement avec css3*/
			-moz-box-shadow: 4px 4px 15px #000000;
			-webkit-box-shadow: 4px 4px 15px #000000;
			box-shadow: 4px 4px 15px #000000; /*ombre: decalage_droite decalage_bas taille_fondu couleur */
			border-right:solid 1px #FFFFFF;
			border-bottom:solid 1px #FFFFFF;
		}
		
		/* style des BOUTONS ouvrir/fermer dans le volet_menu_alpha */
		#volet_menu_alpha a.ouvrir,
		#volet_menu_alpha a.fermer {  
			text-align:center;
        	padding:4px 8px 4px 8px;
			box-shadow:0px 1px 1px rgba(0,0,0,0.15);
			border-radius:3px;
			background:#FFF;
			text-shadow:0px 1px 0px rgba(0,0,0,0.5);
			color:#777;
			font-size:12px;
			text-decoration: none;
			position: absolute;
			right: 10px;
			top: 10px;
			/*-webkit-transform: rotate(270deg);*//*pivoter le bouton de 90° anti-horaire*/
			/*-moz-transform: rotate(270deg);
			-o-transform: rotate(270deg);
			-ms-transform: rotate(270deg);*/
			-moz-radius: 3px 3px 3px 3px;
			border-radius: 3px 3px 3px 3px;/*coins arrondis border-radius: top-left top-right bottom-right bottom-left*/
		}

		/* style quand le volet_menu_alpha est ouvert */
		#volet_menu_alpha { 
			left: -300px;  /* mettre la largeur du volet_menu_alpha ou une valeur plus grande*/
			-webkit-transition: all .5s ease-in;
			-moz-transition: all .5s ease-in;
			transition: all .5s ease-in;
		}
		#volet_menu_alpha a.fermer {
			display: none;
		}
		#volet_menu_alpha:target {
			left: 20px;
		}
		/* code pour la fermeture */
		#volet_menu_alpha:target a.fermer {
			display: block;
		}
		#volet_menu_alpha:target a.ouvrir {
			display: none;
		}
		#volet_menu_alpha_clos:target #volet_menu_alpha {
			left: -300px;/* mettre la largeur du volet_menu_alpha ou une valeur plus grande*/
		}
		 /* test fixed + scroll */
		#volet_menu_alpha_clos { /* style quand le volet_menu_alpha est fermé */
			position: fixed; 
			top: 0px; left: -20px;
			z-index:100;/*Pour que le volet_menu_alpha s'affiche au dessus du reste*/
		}
		/*BOUTON EN DEHORS DU volet_menu_alpha---------------------------------*/
		#bouton_menu_alpha_deroulant a.ouvrir,
		#bouton_menu_alpha_deroulant a.fermer {  /* style des BOUTONS ouvrir/fermer dans le volet_menu_alpha */
            display: inline-block;
			text-align:center;
			font-family: monospace;
        	padding:4px 8px 4px 8px;
			line-height: normal;
			box-shadow:0px 1px 1px rgba(0,0,0,0.15);
			border-radius:3px;
			background:#FFF;
            padding-top: 0px;
			text-shadow:0px 1px 0px rgba(0,0,0,0.5);
			color:#777;
			font-size:30px;
			text-decoration: none;
			position: relative;
			/*-webkit-transform: rotate(270deg);*//*pivoter le bouton de 90° anti-horaire*/
			/*-moz-transform: rotate(270deg);
			-o-transform: rotate(270deg);
			-ms-transform: rotate(270deg);*/
			-moz-radius: 3px 3px 3px 3px;
			border-radius: 3px 3px 3px 3px;/*coins arrondis border-radius: top-left top-right bottom-right bottom-left*/
		}
		/*FIN BOUTON EN DEHORS DU volet_menu_alpha---------------------------------*/

#fond {
	overflow: hidden;
}
#flash_trans {
	position: absolute;
	padding: 0px;
	text-align: center;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 1;
}
#mainframe h1 {
	font-size: 28px;
	width: auto;
	margin-top: 2px;
	letter-spacing: -1px;
	margin-bottom: 20px;
	display: block;
			transform-origin: 20% 50%; /*definit le point de rotation (haut_gauche 0 0 ,milieu 50% 50%, bas droite 100% 100%*/
			transform: rotate(-5deg);/*pivoter le bouton de 90° anti-horaire*/
			-webkit-transform: rotate(-5deg);/*pivoter le bouton de 90° anti-horaire*/
			-moz-transform: rotate(-5deg);
			-o-transform: rotate(-5deg);
			-ms-transform: rotate(-5deg);
}
#mainframe .h1 {
	background-color: #00cccc;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 2px;
	padding-top: 2px;
}
#mainframe .h1_infos_top {
	font-size: small; 
	color:#00cccc;
	}
#mainframe #h1_infos {
	display:inline-block; 
	vertical-align: text-top; 
	font-size: 14px; 
	letter-spacing:normal; 
	font-weight:normal; 
	color:#00cccc;
	}
	
#mainframe .h2 {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #FFF;
	background-color: #000;
}
#mainframe h2 {
	margin-bottom: 8px;
	margin-top: 3px;
	font-size: 18px;
}
.profs {
	background-color: #FFF;
	background-color: #DC0077;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.H2profs {
	font-size: 18px;
	font-weight: bold;
}

#mainframe p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	font-size: 1.1em;
	text-align: justify;
}
.discipline {
	font-size: 18px;
	font-weight: bold;
}
#mainframe ul {
	font-size: 14px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 4px;
}
#mainframe  li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}


#mainframe table {
	color: #FFF;
	font-size: 14px;
}
#div_annonce p{
	margin: 0px;
	text-align: right;
	font-size: 22px;
	font-weight: bold;
}
@media screen and (max-width:654px)
{
	#div_annonce p{
		margin: 0px;
		text-align: right;
		font-size: 18px;
		font-weight: bold;
	}
}
#div_pack{
	width: 48%;
}
@media screen and (max-width:654px)
{
	#div_pack{
		width: 100%;
	}
}

.age {
    white-space: nowrap;
	font-weight: bold;
	text-align: center;
	background-image: url(../images/fond_tableau.png);
	font-size: 18px;
	background-repeat: repeat;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: transparent;
	border-bottom-color: transparent;
    justify-content: center;
    align-content: center;
}
.age_select {
	font-weight: bold;
	text-align: center;
	background-image: url(../images/fond_tableau.png);
	font-size: 18px;
	background-repeat: repeat;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
}
@media screen and (max-width:654px)
{
	.age {
		font-size: 18px;
	}
	.txt_age {
		/*border: 1px solid hsla(119,98%,49%,1.00);*/
        width: 10px;
		font-size: 18px;
		display:inline-block;
        margin-top: 40px;
				transform-origin: 50% 50%; /*definit le point de rotation (haut_gauche 0 0 ,milieu 50% 50%, bas droite 100% 100%*/
				transform: rotate(-90deg);/*pivoter le bouton de 90° anti-horaire*/
				-webkit-transform: rotate(-90deg);/*pivoter le bouton de 90° anti-horaire*/
				-moz-transform: rotate(-90deg);
				-o-transform: rotate(-90deg);
				-ms-transform: rotate(-90deg);
	}
}
.cours {
	border: 1px solid #DC0077;
	font-weight: bold;
	background-color: #DC0077;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#mainframe td {
	margin: 0px;
	padding: 3px;
}
.heure {
	border: 1px solid #FFF;
	padding-right: 2px;
	padding-left: 2px;
	white-space: nowrap;
}


.date {
	text-align: center;
	white-space: nowrap;
}
.td_professeur_salle {
}
.salle {
	font-size: 14px;
	text-align: center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
.salle_small {
    /*white-space: nowrap;*/
	font-size: 10px;
	text-align: center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}


#mainframe h3 {
	padding: 0px;
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.signature {
	margin-top: 40px;
	text-align: left;
}
.img_profs {
	margin-right: 20px;
	margin-bottom: 10px;
}
.img_affiche_spectacle {
	margin-right: 10px;
	margin-bottom: 10px;
}

.conditions {
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
}
.prix {
	font-size: 16px;
	font-weight: bold;
}
a:hover {
	color: #DC0077;
	text-decoration: underline;
	cursor: pointer;
}
a:visited {
	color: #00cccc;
	text-decoration: underline;
}

a:link {
	color: #00cccc;
	text-decoration: underline;
	cursor: pointer;
}
.cours_gratuit {
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
	border: 1px solid #E85218;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	margin-left: 20px;
	margin-bottom: 20px;
	background-color: #EE7E0A;
	margin-top: 20px;
}
.p_cours_gratuit {
	margin-bottom: 30px;
	margin-top: 0px;
}

#invisible {
	visibility: hidden;
	overflow: hidden;
	height: 5px;
	width: 5px;
}
.img_accueil {
	margin-right: 20px;
	margin-bottom: 0px;
}
.barrer {
	text-decoration: line-through;
}
.complet {
	font-size: 10px;
	font-weight: bold;
	color: #DC0077;
}
.margin_right_25px {
	margin-right: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.stage_image {
	border: 2px none #FFF;
	margin-right: 25px;
}
.stage_type {
	font-weight: bold;
	color: #FD0;
	border: 1px solid #FD0;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
.stage_description {
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
}
.stage_titre {
	font-size: 18px;
	font-weight: bold;
	color: #FD0;
}
.jaune {
	color: #FF0;
}
.stage_date {
	font-size: 16px;
	font-weight: bold;
}
#sous_menu {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	line-height:33px;
}
#sous_menu a {
	font-size: 20px;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	background-color: #00cccc;
	color: #000;
	text-decoration: none;
	margin-right: 10px;
}
.text_fonce  {
	background-color: #000;
	border: 2px solid #000;
}
#sous_menu a:hover {
	background-color: #DC0077;
	color: #FFF;
}

.margin_top {
	margin-top: 10px;
}
#sous_menu a:active {
	background-color: #DC0077;
	color: #FFF;
}
.sous_menu_active {
	color: #FFF;
	background-color: transparent;
	}
#sous_sous_menu {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	line-height: 27px;
}
.nowrap {
	white-space: nowrap;
}
#sous_sous_menu a {
	font-size: 16px;
	font-weight: bold;
	background-color: #DC0077;
	color: #FFF;
	text-decoration: none;
	margin-right: 10px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
#sous_sous_menu a:hover {
	background-color: #00cccc;
	color: #000;	
}
#sous_sous_menu a:active {
	background-color: #DC0077;
	color: #FFF;
}
#sous_sous_sous_menu {
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
}
#sous_sous_sous_menu a {
	color: #FFF;
	background-color: #000;
	text-decoration: none;
	margin-right: 10px;
	border: 1px solid #000;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
#sous_sous_sous_menu a:hover {
	background-color: #E2007A;
}
.h1_annee {
	font-size: 14px;
	background-color: #000;
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 4px;
	letter-spacing: normal;
}
#div_annonce a {
	color: #00cccc;
	text-decoration: none;
}
#div_annonce a:hover {
	color: #FFF;
	background-color: #DC0077;
	text-decoration: none;
}
#div_annonce h2 {
	margin-bottom: 5px;
	text-align: right;
}


#div_info {
	position:absolute;
	left:60%;
	top:0px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #C06;
	font-size: 20px;
	background-repeat: no-repeat;
	background-position: left top;
	border-top-width: 2px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	visibility: visible;
	margin-top: 5px;
	width: 300px;
}

#div_info_neige {
	position:absolute;
	left:450px;
	top:257px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #C06;
	font-size: 20px;
	background-image: url(../images/bg_flocons.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-width: 2px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	visibility: visible;
}
#div_ombre {
	border: 6px solid #FFF;
	padding: 10px;
	width: 300px;
	height: 150px;
}
#div_info p {
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#div_info h1 {
	font-size: 28px;
	margin-bottom: 10px;
}
#div_info h2 {
	font-size: 22px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.cadre_attention {
	background-color: #000;
	padding: 5px;
	border: 1px solid #EC007B;
}
.image_cours {
	float: left;
	margin-right: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#div_profs {
	display: inline-block;
	margin-bottom: 30px;
}
#div_cours {
	display: inline-block;
	margin-bottom: 30px;
}
.rose {
	color: #DC0077;
}
#facebook {
	margin-top: 60px;
	margin-right: 20px;
}
.color_titre {
	color: #00cccc;
}
.input_submit {
	
	font-size: 16px;
}
#inscription_form_content {
	
	float: left;
	width: 60%;
}
#inscription_form_avertissement {
	
	float: right;
	width: 35%;
	padding-left:20px;
}
@media screen and (max-width:654px)
{
	#inscription_form_content {

		float: left;
		width: 100%;
	}
	#inscription_form_avertissement {

		float: left;
		width: 100%;
		padding:0px;
	}
}
#bouton_action a {
	text-align:center;
	padding:2px;
	font-weight:bold;
	font-size:20px;
	background: #666;
	color: #FFF;
	text-decoration: none;
}
#bouton_action {
	float: right;
	top: 5px;
	right: 5px;
	position: relative;
	}
#bouton_action  a {
	background-color: transparent; 
}
#bouton_action .bouton_close a:hover {
	background-color: transparent; 
}
#bouton_action .bouton_close img {
border: 1px solid #FFFFFF; 
	border-radius: 4px; 
	padding: 5px;
	width: 20px; 
	height: 20px;
	background-color: #3F3F3F;
}

.blink_me {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0.5;
  }
}
.shop_modeles_details {
	 width: 100% ;
	display:inline-block;
	float:none; 
	vertical-align:top; 
	margin-right:10px; 
	margin-bottom:10px; 
	border:solid 1px #666666;
	border-radius: 5px
	}
@media screen and (max-width:500px)
{
	.shop_modeles_details {
	/*-ms-transform: scale(0.5) translate(30px,40px);*/ /* IE 9 */
	/*-webkit-transform: scale(0.5) translate(30px,40px);*/ /* Safari 3-8 */
	/*transform: scale(0.5) translate(0px,0px);*/ /*translate(axeX,axeY)*/
	}
}
	#div_images_shop_modeles_details {
		display: inline-block;
		width: 50%;
	}
	@media screen and (max-width:500px)
	{
		#div_images_shop_modeles_details {
			display: block;
			width: 100%;
		}
	}
	#div_texte_shop_modeles_details {
		display: inline-block;
		width: 40%;
		padding:5px;
	}
	@media screen and (max-width:500px)
	{
		#div_texte_shop_modeles_details {
			display: block;
			width: 100%;
		}
	}
</style>