body { 
 font-family: 'Roboto', sans-serif;
}


/**********************************************************************************/
/* CONTENU SPECIFIQUE A TOUTES LES PAGES*/
/**********************************************************************************/
#Banner_Inner{
	background: url(../images/decoration_01.png) repeat-x center top;
}



/*Navigation*/
#List1 .ui-li, #List1 .ui-li .ui-btn-text a:hover{
	color:#d2edfa;
}
#List1 .ui-btn-inner:hover{
	background-color: rgba(0,0,0,0.2);
}

#List1 .ui-icon{
	background-color: transparent;
	right:20px;
}

#List1 .ui-icon-shadow{
	box-shadow: none;
}

#ToggleBut i.fa.active{
}

#HeaderNav_container{
	display: none;
}



/*Diaporama de la homepage*/

/*#Diaporama1 #Canvas1,#Diaporama1 #Canvas2 {
	height: 100%;
}*/

/*#Diaporama1 #Text1,#Diaporama1 #Text2,#Diaporama1 #Text3,#Diaporama1 #Text4{height: auto;}*/




#Canvas1_Container_container,#Canvas2_Container_container,#Canvas3_Container_container{
	height: auto;
}

#Canvas1_Container{
	background:url(../images/img_diapo_01_960x300.jpg) no-repeat center;
}

#Canvas2_Container{
	background:url(../images/img_diapo_02_960x300.jpg) no-repeat center;
}

#Canvas3_Container{
	background:url(../images/img_diapo_03_960x300.jpg) no-repeat center;
}

#Diaporama1 .rsNav{
	bottom: 15px;
}

.rsDefaultInv .rsBullet span{
	height: 10px;
	width: 10px;
	background-color: white;
}


/*Formulaire de contact*/

#Form1{
	max-width: 480px;
}

#Form1 .form-text-label{
	font-weight: normal;
	font-size: 15px;
}

#Form1 .ui-corner-all{
	border-radius: 4px;
	margin-bottom: 20px;

}

#Form1 .ui-btn-corner-all{
	border-radius: 4px;
	

}

/*Coin arrondi des boutons*/

.ui-btn-inner{
	border-radius: 4px;
}

#BoxRadius1,#BoxRadius2,#BoxRadius3,#BoxRadius4{
	border-radius: 6px;
}



/*Bloc Generique Image + Texte (2 colonnes)*/
@media only screen and (min-width :768px) {

#BlocGen1_container,
#BlocGen2_container,
#BlocGen3_container,
#BlocGen4_container,
#BlocGen5_container,
#BlocGen6_container,
#BlocGen7_container,
#BlocGen8_container,
#BlocGen9_container{
	width: 70%;
}

#BlocGen1_Col1_container,
#BlocGen2_Col1_container,
#BlocGen3_Col1_container,
#BlocGen4_Col1_container,
#BlocGen5_Col1_container,
#BlocGen6_Col1_container,
#BlocGen7_Col1_container,
#BlocGen8_Col1_container,
#BlocGen9_Col1_container{
	width: 50%;

	}
#BlocGen1_Col2_container,
#BlocGen2_Col2_container,
#BlocGen3_Col2_container,
#BlocGen4_Col2_container,
#BlocGen5_Col2_container,
#BlocGen6_Col2_container,
#BlocGen7_Col2_container,
#BlocGen8_Col2_container,
#BlocGen9_Col2_container{
	width:50%;
	min-height: 180px;

}

#ButGen1_Container,#ButGen2_Container,#ButGen3_Container,#ButGen4_Container,#ButGen5_Container{
	float: left;

}

}

/**********************************************************************************/
/* CONTENU SPECIFIQUE A LA HOMEPAGE*/
/**********************************************************************************/

#Section_Produits_Inner{
	background: url(../images/decoration_01.png) repeat-x center top;
}




@media only screen and (min-width :768px) {

/*Bloc intro*/
#Section_Intro_Bloc1_container,
#Section_Intro_Bloc2_container,
#Section_Intro_Bloc3_container{
	width: 33.333%;
	vertical-align: top;
	}

/*Bloc produits*/
#Section_Produits_Bloc1_container,
#Section_Produits_Bloc2_container,
#Section_Produits_Bloc3_container,
#Section_Produits_Bloc4_container{
	width: 25%;
	vertical-align: top;
	}
}




/**********************************************************************************/
/* CONTENU SPECIFIQUE A LA PAGE WEBCREATOR 7*/
/**********************************************************************************/

/*TablePrice*/
#TablePrice1_Content_container,#TablePrice2_Content_container,#TablePrice3_Content_container{
	display: none;
}

/*Accordeons*/
#Accordeon1_Content_container,#Accordeon2_Content_container,#Accordeon3_Content_container,#Accordeon4_Content_container{
	display: none;
}



/**********************************************************************************/
/* CONTENU SPECIFIQUE A LA PAGE MOBILECREATOR 2*/
/**********************************************************************************/

@media only screen and (min-width :768px) {

/*Bloc intro*/
#Section_Mc_Tutoriaux_Bloc1_container,
#Section_Mc_Tutoriaux_Bloc2_container,
#Section_Mc_Tutoriaux_Bloc3_container{
	width: 33.333%;
	vertical-align: top;
	}


}

/**********************************************************************************/
/* CONTENU SPECIFIQUE A LA PAGE HEBERGEMENT*/
/**********************************************************************************/

/**********************************************************************************/
/* CONTENU SPECIFIQUE A LA PAGE A PROPOS*/
/**********************************************************************************/
@media only screen and (min-width :768px) {

/*Bloc intro*/
#Section_Histoire_Bloc1_container,
#Section_Histoire_Bloc2_container,
#Section_Histoire_Bloc3_container{
	width: 33.333%;
	vertical-align: top;
	}

/*Bloc produits*/
#Section_Infos_Bloc1_container,
#Section_Infos_Bloc2_container,
#Section_Infos_Bloc3_container{
	width: 33.333%;
	vertical-align: top;
	}

}