body{
	padding: 0px;
	margin: 0px;
}

.triangletop{
	position: absolute;
	top: 0px;
	width: 100%;
}

.cursor{
	cursor: pointer;
}

.marg40{
	margin-left: 40%;
}

.listaccs{
	float: right;
	right: 0px;
	top: 0px;
	text-align: right;
}

.menuTopHide{
	overflow: hidden;
	height: 17px;
}

.contenaire{
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.jaune{
	height: 5px;
	background-color: #efc515;
}

.jaunefooter{
	background-color: #efc515;
}

.stripp{
	height: 24px;
	background-image: url(../img/fond1.jpg);
}

#topheader{	
	background-image: url(../img/fond_haut.jpg);
	background-position: top center;
}

#topheaderPhone{
	height: 206px;
	background-color: #191919;
	background-image: url(../img/fond_haut_tel.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#topheaderPhone .legende_slider{
	background-color: #191919;
}

#menubox{
	background-color: #efc515;
	height: 50px;
}

#menuboxPhone{
	cursor: pointer;
}
#menuboxPhoneTop{
	background-color: #efc515;
}
.menuboxPhoneBotElem{
	background-color: #e4e1d9;
}

.menuPhoneSelected{
	text-decoration: underline;
	color:#efc515 ;
	text-shadow: 1px 1px 2px #131313;
}

#who{
	background-color: #f9f6ee;
	padding :30px 0px;
}

#iconcontenaire{
	background-color: #e4e1d9;
	padding :30px 0px;	
}

#trust{
	background-color: #f9f6ee;
	padding :30px 0px;
}

.center{
	width: 100%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;	
}

.textecentrer{
	text-align: center;
}

.center2{
	width: 100%;
	max-width: 600px;
	margin-right: auto;
	margin-left: auto;	
}

.center3{
	width: 100%;
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;	
}

.pad10{
	padding-left: 10px;
	padding-right: 10px;
}

#diapotop{
	position:relative;
}

.menuelement{
	cursor: pointer;
	display: inline-block;
	background-image: url(../img/fond_menu.png);
	background-position: 0px -100px;
	background-repeat: no-repeat;
	width: 190px;
	height: 100px;
	margin: 0px 3px;
	padding: 8px 0px 0px 0px;
	text-align: center;

/*transition-property*/
-webkit-transition-property:background-position , color;
   -moz-transition-property:background-position , color;
     -o-transition-property:background-position , color;
        transition-property:background-position , color;
/*transition-duration*/
-webkit-transition-duration:0.5s;
   -moz-transition-duration:0.5s;
     -o-transition-duration:0.5s;
        transition-duration:0.5s;

}

.menuelement:hover{
	background-position: 0px 0px;
	color:white;
}

.menuselected{
	background-position: 0px 0px;
	color:white;
}

.bannierebox{
	display: inline-block;
	position: relative;
	height: 107px;
}

.banniereguache{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image: url(../img/rubanG.png);
	background-repeat: no-repeat;
	width: 70px;
	height: 107px;
}
.bannierecentre{
	display: inline-block;
	margin: 0px;
	padding: 25px 10px 0px 10px;
	float:left;
	background-image: url(../img/ruban_centre.png);
	background-repeat: repeat-x;
	height: 107px;
}
.bannieredroite{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image: url(../img/rubanD.png);
	background-repeat: no-repeat;
	width: 70px;
	height: 107px;
}

.imagebox{
	padding: 20px 0px;
}

.imgaction{
	margin: 0px 40px 0px 40px;
}



.backfont{
	
}

.hide{
	display: none;
}
.frontfont{
	
}

.iconbox{
	display: inline-block;
	margin: 15px 23px;	
	width: 190px;
	height: 230px;
}

.ecusson{
	height: 230px;
	overflow: hidden;
	position: absolute;
}

.ecussondoss{
	height: 230px;
	overflow: hidden;
	position: absolute;
}

.ecussontop{
	background-color: #fcfbf7;
	width: 190px;
	height: 170px;
}
.ecussonbot { 
   width: 0; 
   height: 0;
   border-top: 60px solid #fcfbf7;
   border-left: 95px solid transparent; 
   border-right: 95px solid transparent; 
}

.ecussontext{
	width: 190px;
	text-align: center;
}

#compet:before{
	content:url(../img/picto_competence.png);
}

#confiance:before{
	content:url(../img/picto_confiance.png);
}

#identitegeneimg{
	background-image: url(../img/picto_identite_generale.png);
	background-position: center center;
	width: 190px;
	height: 110px;
}
#printimg{
	background-image: url(../img/picto_print.png);
	background-position: center center;
	width: 190px;
	height: 110px;
}
#sitewebimg{
	background-image: url(../img/picto_site_web.png);
	background-position: center center;
	width: 190px;
	height: 110px;
}
#packagingimg{
	background-image: url(../img/picto_packaging.png);
	background-position: center center;
	width: 190px;
	height: 110px;
}
#animationimg{
	background-image: url(../img/picto_animation_jingle.png);
	background-position: center center;
	width: 190px;
	height: 110px;
}
#photoimg{
	background-image: url(../img/picto_photos.png);
	background-position: center center;
	width: 190px;
	height: 110px;
}
#illustrationimg{
	background-image: url(../img/picto_illustration.png);
	background-position: center center;
	width: 190px;
	height: 110px;
}
#signaletiqueimg{
	background-image: url(../img/picto_signaletique.png);
	background-position: center center;
	width: 190px;
	height: 110px;
}

#contactbox{
	background-color: #131313;
	padding: 30px 0px;
}


#contact:before{
	content:url(../img/picto_contact.png);
}

.tuile{
	float:left;
	width: 50%;
	min-width: 350px;
}

.tuile p{
	margin:  10px 10px;
	clear: both;
}

.ico{
	display: inline-block;
	width: 50px;
	text-align: center;
	color: #e4e1d9;	
	float: left;
}
.txt{
	display: inline-block;
	float: left;
}

.finfloat{
	clear: both;
}

.big{
	font-size: 35px;
}

.medium{
	font-size: 30px;
}

.floatleft{
	float: left;
}
.floatright{
	float: right;
}

.lienoff{
	text-decoration: none;
	color:inherit;
}

.book_gauche{
	width: 240px;
	float: left;
}


.rowru{
	width: 100%;
}

.site_lien_book:before{
	content: url(../img/souris.png);
}

.articles{
}

.articlepaire{
	background-color: #f9f6ee;
}
.articleimpaire{
	background-color: #e4e1d9;
}


#goodies:before{
	content:url(../img/icone_goodies.png);
}
#trucs_astuces:before{
	content:url(../img/icone_trucsetastuces.png);
}
#billet:before{
	content:url(../img/icone_billets.png);
}

.tuilebonus{
	display: inline-block;
	margin: 30px 20px;
}

#sousmenubox{
	padding-top: 60px;
}

.fondbkack{
	background-color: #131313;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.sousmenulistesligne{
	background-color: #131313;
	height: 5px;
}

.sousmenulistes{
	padding: 0px;
	margin: 0px 10px;
	display: inline-block;
}

.sousmenulistes li{
	padding: 0px;
	margin: 0px 2px;
	display: inline-block;
	float: left;
}

.sousmenulistes>.ssmenuselectable {
	cursor: pointer;
}

.sousmenulistes>.ssmenuselectable:hover{
	color:white;
}

.sousMenuTrigger{
	cursor: pointer;
}
.sousMenuTrigger:hover{
	color:white;
}

.sousMenuTriggerTop{
	background-color: #131313;
	text-align: center;
	display: inline-block;
	width: 50px;
}

.sousMenuTriggerbot{
   width: 0; 
   height: 0;
   border-top: 15px solid #131313;
   border-left: 25px solid transparent; 
   border-right: 25px solid transparent; 

}

.textejustify{
	text-align: justify;
}

@media (max-width:599px) {
	#menubox {
		display: none;
	}
	#topheader{
		display: none;
	}
}
/*css phone*/
@media (min-width:600px) {
	#menuboxPhone {
		display: none;
	}
	#topheaderPhone{
		display: none;
	}
}

/*css tablette*/
@media (max-width:910px) {
	.titre_slider{
		display: none;
	}
	#diapo_text_bas{
		display: none;
	}
	.marg40{
		display: none;
	}
	#topheader{
	background-color: #131313;
	background-image: url(../img/fond_haut_telH.jpg);
	background-position: top left;
	background-repeat: no-repeat; 
	}
}

.menuFlottant{
	position: fixed;
	top:0px;
	z-index: 100;
}
.menupdf{
	text-decoration:none;
	color:#ffffff ;
}