@CHARSET "UTF-8";

@media (max-width: 640px) {

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body  {
   width: auto !important;
   margin: 0;
   padding: 0;
   font-size: 1.4em;
 }

 
 
 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 
 .section{width:96%!important; padding:2% !important;}
 

 .steps
 {
	 width:95%;
	 padding:5px;
	
 }
 
 .steps div
 {
	  text-align:center !important;
	  width:100%;
	
 }

 .partner
{
    width:93%;
}

 
header
{
    margin-top:0;

	width:100%;
	height:auto;
 	z-index:950;

}


.w70{width:98%}
.ml13p{margin-left:0}

.img_float
{
	float:none;
	margin:0;
	width:auto;
	text-align:center;
	width:100%;
	display:block;
}



#main-header
{
    display: none;
}

#logo
{
    width:100%;
    text-align:center;
   height:auto;
}

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }



 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }
 


table .label
{
    text-align:right;
    width:50%;
    vertical-align:middle;
    font-size:0.8em;
}


 
.centralizer
{
	margin:0 auto;
	width:auto;
}
	


#show_menu_button
{
    display:block;
    width:100%;
    text-align:center;
    font-size:1em;
    margin-bottom:1em;
    color:white;
    float:left;
   
}

nav
{
    width:100%;
    float:left;
}

#menu
{
    display:none;
    margin:0px;
    display:0px;  
    width:100%;
    float:left;
}



#menu li
{

    text-decoration:none;
    margin-left:0;
    font-weight:bold;
    width:100%;
    float:left;
    font-size:0.8em;
    text-align:center;
    background:#fff;
    border:1px solid #949494;
    border-left:none;
    border-right:none;
  
}

#menu li > a
{
    padding-right:0;
    padding-left:0;
      margin-left:0 !important;
    width:100%;
    color:#000;
     -moz-text-shadow: none; 
    -webkit-text-shadow: none;  
    text-shadow: none;
}

textarea{
    width:100%;
}


.elem_link_block{
    float:left;
    width:100%;
    margin-left:0;
}



.margin_left_20
{
    margin-left: 0;
}

.w30{width:100% !important;}
.w33{width:100% !important;}
.w40{width:100% !important;}
.w50{width:100% !important;}
.w70 {width:100% !important;}
.w14{width:100% !important}
.w15 { width:100% !important;}
.w25_m{width:25%}
.w70_m{width:70%}
.w100_m{width:100%}
.mt05{margin-top:0}
.ml20{margin-left:0px !important;}
.tac_m h1,.tac_m p,.tac_m h2{text-align: center !important;}
.mb0_m{margin-bottom:0;}
.fs08_m{font-size:0.8em !important;}
.fs06_m{font-size:0.6em !important;}
.bgh_m{background:none !important;}
.ml50{margin-left:0 !important}
.ml5{margin-left:0 !important}
.ml0_m{margin-left: 0 !important}
.ml10p_m{margin-left: 10% !important}
.cw{color:#fff}
.tac_m{text-align:center}

table .label
{
    width:30%;
}

nav
{
margin:0;
}

.breadcrumb
{
    font-size:0.6em;
}

.button
{
    width:94%;
    float:left;
    text-align:center;
    margin-top: 1em;
    margin-bottom: 1em;
}


.show_mobile
{
    display:block;
}


.square1, .square2
{
	margin-left:10%;
}

#slideout
{
	font-size:0.6em;
}

.reveal-modal
{
    width:90% !important;
    padding:1em 1em 1em 1em !important;
    left:0;
    margin-left:0;
    font-size:0.8em;
}

}