/*  --------------------------------------------------------------------- Responsive Web Design ------ */

* 	{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
/*  ------------------------------------------------------------- Ecran inferieurs a 480 pixels ------ */

	@media only screen and (max-width:479px)  
	{

		.menu_descktop_rwdgd
		{
		display: none;
		visibility: hidden;
		height: 0px;
		max-height: 0px;
		width : 0px;
		max-width:0px;
		margin: 0px;
		padding : 0px;
		}

		.menu_smart
		{
			visibility: visible;
			position: fixed;
			right:2%;
			top:10%;
			min-height:1px;
			min-width:1px;	
			max-width: 40px;
			max-height: 40px;
			background-color : transparent;
		}
		
		.menu_smart img   
		{
			width: 40px;
			height: 40px;	
			max-width: 40px;
			max-height: 40px;
			border-radius:; /* défini dans style_navigation_smart */
			border-width :; /* défini dans style_navigation_smart */	
			border-color :;	/* défini dans style_navigation_smart */
			border-style :;	/* défini dans style_navigation_smart */
		}
		
		.nav_smart_hidden
		{
			display:none;
			height: 0px;
			max-height: 0px;
			width : 0px;
			max-width:0px;
			margin: 0px;
			padding : 0px;
		}
		
		.nav_smart_show
		{
			display:block;
			visibility: visible;
			/* autres dans style_navigation_smart */
		}
		
		.menu_smartphone
		{
			
		}
		
		.col_s_1 {width: 8.33%;}
		.col_s_2 {width: 16.66%;}
		.col_s_3 {width: 25%;}
		.col_s_4 {width: 33.33%;}
		.col_s_5 {width: 41.66%;}
		.col_s_6 {width: 50%;}
		.col_s_7 {width: 58.33%;}
		.col_s_8 {width: 66.66%;}
		.col_s_9 {width: 75%;}
		.col_s_10 {width: 83.33%;}
		.col_s_11 {width: 91.66%;}
		.col_s_12 {width: 100%;}
		
		[class*="col_s_"] 
		{
			float: left;
			vertical-align:middle;
			visibility: visible;
			padding: 0px;
			height:100%;
			min-height:100%;
		}
		
		.col_s_0 {visibility:hidden;width:0px;max-width:0px;height:0px;max-height:0px;padding: 0px;margin:0px;border:0px;}
		/* IMPORTANT >>> col_s_0 doit etre apres [class*="col_s_"] */

body
{
background-color: white;
}

	}

	
/*  ------------------------------------------------------------- Ecran de  480  a  959 pixels ------ */

	@media only screen and (min-width:480px) and (max-width:959px)
	{		
		.menu_descktop_rwdgd
		{
		visibility: visible;
		}

		.menu_smart
		{
		display: none;
		visibility: hidden;
		height: 0px;
		max-height: 0px;
		width : 0px;
		max-width:0px;
		margin: 0px;
		padding : 0px;
		}
		
		.menu_smart img   
		{
			display: none;
			width: 0px;
			height: 0px;	
			max-width: 0px;
			max-height: 0px;
			border-radius:; /* défini dans style_navigation_smart */
			border-width :; /* défini dans style_navigation_smart */	
			border-color :;	/* défini dans style_navigation_smart */
			border-style :;	/* défini dans style_navigation_smart */
		}
		
		.nav_smart_hidden
		{
			display: none;
			visibility: hidden;
			height: 0px;
			max-height: 0px;
			width : 0px;
			max-width:0px;
			margin: 0px;
			padding : 0px;
		}
		
		.nav_smart_show
		{
		display: none;
		visibility: hidden;
		height: 0px;
		max-height: 0px;
		width : 0px;
		max-width:0px;
		margin: 0px;
		padding : 0px;
		}
	
		.col_m_1 {width: 8.33%;}
		.col_m_2 {width: 16.66%;}
		.col_m_3 {width: 25%;}
		.col_m_4 {width: 33.33%;}
		.col_m_5 {width: 41.66%;}
		.col_m_6 {width: 50%;}
		.col_m_7 {width: 58.33%;}
		.col_m_8 {width: 66.66%;}
		.col_m_9 {width: 75%;}
		.col_m_10 {width: 83.33%;}
		.col_m_11 {width: 91.66%;}
		.col_m_12 {width: 100%;}
		
		[class*="col_m_"] 
		{
			float: left;
			vertical-align:middle;
			visibility: visible;
			padding: 0px;
			height:100%;
			min-height:100%;
		}
		
		.col_m_0 {visibility:hidden;width:0px;max-width:0px;height:0px;max-height:0px;padding: 0px;margin:0px;border:0px;}
		/* IMPORTANT >>> col_m_0 doit etre apres [class*="col_m_"] */


body
{
background-color: white;
}
	}	
/*  ------------------------------------------------------------- Ecran de  960 pixels et plus ------ */

	@media only screen and (min-width:960px)  
	{		
		.menu_descktop_rwdgd
		{
		visibility: visible;
		}

		.menu_smart
		{
		display: none;
		visibility: hidden;
		height: 0px;
		max-height: 0px;
		width : 0px;
		max-width:0px;
		margin: 0px;
		padding : 0px;
		}
		
		.menu_smart img   
		{
			display: none;
			width: 0px;
			height: 0px;	
			max-width: 0px;
			max-height: 0px;
			border-radius:; /* défini dans style_navigation_smart */
			border-width :; /* défini dans style_navigation_smart */	
			border-color :;	/* défini dans style_navigation_smart */
			border-style :;	/* défini dans style_navigation_smart */
		}
		
		.nav_smart_hidden
		{
			display: none;
			visibility: hidden;
			height: 0px;
			max-height: 0px;
			width : 0px;
			max-width:0px;
			margin: 0px;
			padding : 0px;
		}
		
		.nav_smart_show
		{
		display: none;
		visibility: hidden;
		height: 0px;
		max-height: 0px;
		width : 0px;
		max-width:0px;
		margin: 0px;
		padding : 0px;
		}
	 
		.col_l_1 {width: 8.33%;}
		.col_l_2 {width: 16.66%;}
		.col_l_3 {width: 25%;}
		.col_l_4 {width: 33.33%;}
		.col_l_5 {width: 41.66%;}
		.col_l_6 {width: 50%;}
		.col_l_7 {width: 58.33%;}
		.col_l_8 {width: 66.66%;}
		.col_l_9 {width: 75%;}
		.col_l_10 {width: 83.33%;}
		.col_l_11 {width: 91.66%;}
		.col_l_12 {width: 100%;}
		
		[class*="col_l_"] 
		{
			float: left;
			vertical-align:middle;
			visibility: visible;
			padding: 0px;
			height:100%;
			min-height:100%;
		}
		
		.col_l_0 {visibility:hidden;width:0px;max-width:0px;height:0px;max-height:0px;padding: 0px;margin:0px;border:0px;}
		/* IMPORTANT >>> col_l_0 doit etre apres [class*="col_l_"] */


body
{
background-color: white;
}	
	}

	
/*    TO DO  ---------------------------------------------------------------------  */
/*





*/