@import url(http://fonts.googleapis.com/css?family=Muli|Century+Gothic|Lato:300,400,700);

/*MODIF FONTS ICONE CARRE ORANGE ACCUEIL*/

@charset "UTF-8";

@font-face {
	font-family: 'heydings_icons';
	src:url(../fonts/heydings_icons.ttf);
	font-weight: normal;
	font-style: normal;
	}



.icone-menu {
	padding: 30px 0 0 0;
	display: block;
	-webkit-transition: -webkit-transform 0.2s;
	transition: -moz-transform 0.2s;
	transition: transform 0.2s;
}

.icone-menu:before {
	font-family: 'heydings_icons';
	font-size: 14em;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.icone-menu-qui:before {
	content:"Q";
}

/*.cbp-ig-icon-ribbon:before {
	content: "C";
}

.cbp-ig-icon-milk:before {
	content: "D";
}*/

.icone-menu-sport:before {
	content: "T";
}

.icone-menu-solution:before {
	content: "K";
}

.icone-menu-contact:before {
	content: "E";
}

/*niveau2 qui sommes-nous*/
.icone-menu-temoignage:before {
	content: "b";
}

	
.gris {
	color:#666;}	
	
.orange > h3{
	color:#F60;
	text-align:center;}	
	
	.orange {
	color:#F60;
	}		
	
.bold{
	font-weight:bold;}	
	
.italic{
	font-style:italic;}	
	
/*ELEMENT PAGE MENU*/
	
.container > h1 {
	color:#707173;
	font-size:1.6em;
	text-align:center;
	font-weight:400;
}

.titre  {
	color:#ea6329;
	font-size:1.4em;
	text-align:center;
	font-weight:600;}

/*h2 {
	color:#ea6329;
	font-size:1.2em;
	text-align:center;
	font-weight:600;}*/

.container > h3 {
	color:#707173;
	font-size:1.5em;
	text-align:center;
	font-weight:400;
	/*background-color:#CCC;*/}
	
/*ELEMENT POP-UP*/	
	
	.conseil {
	margin: 0;
	text-align:center;
	font-size:1em;
	font-style:italic;
	font-weight:600;
}
	
/*PAGE MENTIONS LEGALES*/	

#texte-mentions{
	margin:0 auto;
	text-align:justify;
	color:#666;
	width:70%;
	padding-top:20px;
}
	
/*BARRE DEFILANTE*/	
#defilant{
	color:#000;
	float:left;
	margin-left:15px;
	margin-top:10px;
	width:70%}
	
	
	/*FOOTER*/

#footer{
width:90%;
max-width:80%;
height:170px;
/*margin-top:20px;*/	
margin:20px auto;
}

#footer2{
	width:80%;
	height:170px;}
	
#footer-left{
	width:34%;
	height:170px;
	float:left;
}

#footer-center{
	width:33%;
	height:170px;
	float:left;}

#footer-right{
	height:170px;
	width:33%;
	float:right;
}

.footer-onglet{
height:25px;
width:231px;
background-color:#71706f;
float:right;
margin-bottom:15px;
}

.footer-onglet a{
	height:25px;
	width:231px;
	color:#fff;
	text-align:center;
	line-height:25px;
	font-size:16px;
	text-decoration:none;}
	
.footer-onglet a:hover, .footer-onglet:hover{	
background-color:#ea6329;
width:231px;}
	
#copyright{
height:35px;
width:300px;
float:right;
}

#icone-fb {
display:inline-block;
width:40px;
height:35px;
margin:0 auto;
/*float:left;*/
background:url(../img/icone-fb-sprite.png) 0 0 no-repeat;}

#icone-fb:hover, #icone-fb:active{
	background:url(../img/icone-fb-sprite.png) 0 -35px no-repeat;}

.filet{
	width:100%;
	height:4px;
	background-color:#ea6329;}
	
	
@media screen and (min-width: 80em) and (max-width: 95em) { 
	#defilant{
	margin: 0 auto;
	width:66%}
	
}	
	
	
@media screen and (min-width: 65em) and (max-width: 80em) { 
	#defilant{
	margin: 0 auto;
	width:60%}
	
}		
	
	
@media screen and (max-width: 64em) {
	#defilant{
	margin: 0 auto;
	width:100%}
	
}		
	
	
/*		
@media screen and (max-width: 24em) {
	#defilant{
	margin: 0 auto;
	width:100%}
	
}*/