/*/////////////////////////////balises de positionnement//////////////////////////////////////////////////*/ 
.aligngauche {margin-left:150px; text-indent : 0; font-weight: bold; font-size: 1.2em;}
.barre {display: block;margin-left: 150px;margin-top: 20px;margin-bottom: 20px;}
.centre {text-align : center; } 
.gauche {text-align : left; } 
.droite {text-align : right; } 
.droite img {float : right; margin-right : 20px; }
.imggauche {display: block;vertical-align: top;float: left;margin: 10px 20px 10px 20px;}
.imgdroite {display: block;vertical-align: top;float: right;margin: 10px 20px 10px 20px}
.imgcentre {display: block;margin:auto;}
.dessous{clear: both ;}
.index {display:block; margin:auto;background: #DADADA;color: #000000; text-align: left;padding: 10px; height: auto; width : aurto;max-width:98%;overflow-wrap: break-word; /* solution de contournement pour Chrome */
  hyphens: auto; margin: 30px 0 30px 0;border-radius: 30px 30px 0 0;} 
.bloc {width : 100%; height : 40px;text-align: center; background-color : #fbfbfb; } 
.maxi {display: block;float: left;width : 100%; height : auto;margin-bottom: 15px;}/*///////////////////////////balise d'effets/////////////////////////////////////////////////////////*/ 
ul.securite {margin: 50px;list-style-image: url('bouton-mini.gif'); } 
.securite li{margin-top: 10px;}
.preload {display: none;}
.gras {font-weight : bold; }
.bleu {color : #0033ff; font-weight : bold; } 
.blanc-a {color : #ffffff; font-weight : bold;font-size: 0.9em; font-style : italic;text-align: center; }
.blanc {color : #ffffff; font-weight : bold;font-size: 1.6em; font-style : italic;text-align: center; } 
.black {color : #000000; font-weight : bold;font-size: 1.6em; font-style : italic;text-align: center;} 
.rouge {color : #CC0000; font-weight : bold;font-size: 1.2em; font-style : italic;text-align: center;}
a:hover.rouge {color : #ffffff;background: #990000;font-style : normal; padding: 5px;} 
.italic {color : #990000; font-size : 0.9em; font-style : italic; font-weight : bold; }.info {color : #000000;font-size : 0.9em; font-style : italic; } 	 
.log {background-image : url('fleche_73.gif');background-repeat: no-repeat;} 
.legende {display : block; margin : 10px; padding : 0; background-color : #6B8C8C; width : 150px; height : 20px; font-weight : bold; text-align : center;color: #ffffff; }	
.zoom0 {transform: scale(1);transition: .3s ease-in-out;}
.zoom0:hover {transform: scale(1.2);}
.zoom {transform: scale(1);	transition: .3s ease-in-out;}
.zoom:hover {transform: scale(1.4);}
.zoom2 {transform: scale(1);transition: .3s ease-in-out;}
.zoom2:hover {transform: scale(2);}
.zoom3 {transform: scale(1);transition: .3s ease-in-out;}
.zoom3:hover {transform: scale(2.5);}
.zoom4 {transform: scale(1);transition: .3s ease-in-out;}
.zoom4:hover {transform: scale(3.5);}/* Return on top */ 
.zoom {height:400px;margin:auto;}
.zoom p {text-align:center;}
.zoom img {width:125px;height:123px;}
.zoom img:hover {width:250px;height:247px;}
.index {display:block; background: #DEDEDE;color: #000000; text-align: left;padding: 10px; height: auto; width: 100%; margin: 30px 0 30px 0;border-radius: 30px 30px 0 0;}/*/////////////////effets particuliers rubrique atelier/////////////////////////////*/
.tableaux{margin-left: 3px;float: left;height : auto;width : calc(100%);max-width: 1080px;margin-top: 20px;font-size : 1em;color: #ffffff;background-color : #A5A5A5;table-layout: fixed :}
.tableaux td{background-image : url('../images/global/bouton-mini.gif');background-repeat: no-repeat;margin-right: 3px;background-color: #6A6A6A;height: auto;width: 30%;border: 3px outset green;font-size:1em;}
.tableaux a{display: block;margin-left: 20px;margin-bottom: 15px;}
.tableaux a:link, .tableaux a:visited {color: #ffffff;font-size: 0.9em;}
.tableaux a:hover {color: #000000;font-size: 0.9em;}
.tableauxin{margin-left: 3px;float: left;height : auto;width : calc(100%);max-width: 1080px;margin-top: 20px;font-size : 1em;color: #ffffff;background-color : #A5A5A5;}
.tableauxin td{margin-right: 3px;text-align:center;background-color: #860000;height: auto;width: 15%;border: 3px outset green;font-size:1em;}
.tableauxin a{display: block;margin-left: 20px;margin-bottom: 15px;}
.tableauxin a:link,
.tableauxin a:visited {color: #ffffff;font-size: 0.9em; font-weight: bold;}
.tableauxin a:hover {color: #000000;font-size: 1em;} 
.emphase {margin:10px;background :#959595; color:#ffffff; border-radius: 20px; padding: 10px;border-left: 2px solid #f36b3b; border-top: 4px solid #f36b3b; border-right: 2px solid #f36b3b;} 
@media screen and (max-width: 980px) { 
.tableaux{margin-left: auto;margin-right:auto;align:center;height : auto;width : calc(100%);max-width: 980px;margin-top: 20px;font-size : 1em;color: #ffffff;background-color : #A5A5A5;table-layout: fixed ; word-break:break-all;} 
.tableaux td{background-color: #6A6A6A;height: auto;width: 30%;border: 3px outset green;font-size:1em;}
.tableauxin{margin-left: auto;margin-right:auto;align:center;height : auto;width : calc(100%);max-width: 980px;margin-top: 20px;font-size : 1em;color: #ffffff;background-color : #A5A5A5;table-layout: fixed ; word-break:break-all;} 
.tableauxin td{margin-right: 3px;text-align:center;background-color: #860000;height: auto;width: 15%;border: 3px outset green;font-size:1em;}
}
@media screen and (max-width: 700px) { 
.tableaux{margin-left: auto;margin-right:auto;align:center;height : auto;width : calc(100%);max-width: 700px;margin-top: 20px;font-size : 1em;color: #ffffff;background-color : #A5A5A5;table-layout: fixed ; word-break:break-all;} 
.tableaux td{background-color: #6A6A6A;height: auto;width: 30%;border: 3px outset green;font-size:1em;}	
.tableauxin{margin-left: 3px;float: left;height : auto;width : calc(100%);max-width: 700px;margin-top: 20px;font-size : 1em;color: #ffffff;background-color : #A5A5A5;table-layout: fixed ; word-break:break-all;} 
.tableauxin td{margin-right: 3px;text-align:center;background-color: #860000;height: auto;width: 15%;border: 3px outset green;font-size:1em;}
}
@media screen and (max-width: 400px) {
.tableaux{margin-left: auto;margin-right:auto;align:center;height : auto;width : calc(100%);max-width: 400px;margin-top: 20px;font-size : 1em;color: #ffffff;background-color : #A5A5A5;table-layout: fixed ; word-break:break-all;} 
.tableaux td{background-color: #6A6A6A;height: auto;width: 30%;border: 3px outset green;font-size:1em;}
.tableauxin{margin-left: 3px;float: left;height : auto;width : calc(100%);max-width: 400px;margin-top: 20px;font-size : 1em;color: #ffffff;background-color : #A5A5A5;table-layout: fixed ; word-break:break-all;} 
.tableauxin td{margin-right: 3px;text-align:center;background-color: #860000;height: auto;width: 15%;border: 3px outset green;font-size:1em;}	
}