@font-face {
	background: url(../images/layout/visuel-pushHome.png) no-repeat 100% 0;
	font-family: 'modern_pictogramsnormal';
	src: url('modernpics.eot');
	src: url('../styles/font/modernpics.eot?#iefix') format('embedded-opentype'),
	  url('../styles/font/modernpics.woff') format('woff'),
	  url('../styles/font/modernpics.ttf') format('truetype'),
	  url('../styles/font/modernpics.svg#modern_pictogramsnormal') format('svg');
	font-weight: normal;
	font-style: normal;
	unicode-range: U+002F;
}

#container ::-webkit-scrollbar {
    width: 12px;
}
#container ::-webkit-scrollbar-thumb {
    background: #fff;  
}
#container ::-webkit-scrollbar-track {
    background-color: #f8e4d0;
    -webkit-box-shadow: inset 1px 0 5px rgba(0,0,0,0.3); 
    margin-right: 5px;
}


/* @group Boilerplate */

html,
button,
input,
select,
textarea {
    color: rgb(35,35,35);
}
hr {
    display: block;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
}
img {
    vertical-align: middle;
}
fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
textarea {
    resize: vertical;
}
address{
	font-style:normal;
}
address strong{
	font-size:1.2em;
}

.c{
	text-align:center;
}
.l{
	text-align:left;
}
.r{
	text-align:right;
}
.j{
	text-align:justify;
}
.asterisque-couleur{
	color:#ff036d;
	position: relative;
	bottom: 1px;
	font-size: .8em;
	vertical-align:top;
	text-decoration:none;
}
.asterisque-couleur-https{
	color:#E6CE35;
	position: relative;
	bottom: 1px;
	font-size: .8em;
	vertical-align:top;
	text-decoration:none;
}

/* @end */

/* @group Mes styles */

/* @group General */

/* selection */
.forie {
	display: none;
}
.lt-ie9 .forie {
	display: block;
}
.formodern {
	display: block;
}
.lt-ie9 .formodern {
	display: none;
}
::-moz-selection { 
	background: #fcda2b;  
	color: rgb(0,0,0);  
	text-shadow: none; 
}
::selection { 
	background: #fcda2b;  
	color: rgb(0,0,0); 
	text-shadow: none; 
}
a{
	color: #da004d;
	text-decoration: none;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}
.greyBg a,.footer a{
	color: #fe7eab;
	
}
a:hover{
	color: #fcda2b;
}

.buttonstyle {
	position: relative;
	display: block;
	clear: both;
	height: auto;
}
.buttonstyle a, .buttonstyle button{
	position: relative;
	display: inline-block;
	margin: 0 0 30px;
	padding: 0.2em 2.3em 0.2em 1.7em;
	height: 2.45em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:none;
	border-radius: 3px;
	background-color: #ff006c;
	-webkit-box-shadow: 5px 5px 0 rgba(182, 213, 215, 0.69);
	-moz-box-shadow: 5px 5px 0 rgba(182, 213, 215, 0.69);
	box-shadow: 5px 5px 0 rgba(182, 213, 215, 0.69);
	color: #ffffff;
	text-shadow: 0px 0px 3px #a50046;
	font-weight: 100;
	font-size: 1.1em;
	-o-box-shadow: 5px 5px 0px 0px #b7d5d7;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.lt-ie8 .buttonstyle a{
	display: inline;
}
.lt-ie9 .buttonstyle a {
	padding:  0.5em 2.3em 0em 1.7em;
}

.buttonstyle.alignRight{
	float: right;
}	
.buttonstyle.dark a{
	-webkit-box-shadow: 5px 5px 0 rgba(49, 49, 49, 0.69);
	-moz-box-shadow: 5px 5px 0 rgba(49, 49, 49, 0.69);
	box-shadow: 5px 5px 0 rgba(49, 49, 49, 0.69);
	-o-box-shadow: 5px 5px 0px 0px #b7d5d7;

}
.buttonstyle a:hover, .buttonstyle button:hover{
	background-color: #ff438a;
}
.buttonstyle a:before, .buttonstyle button:before{
	display: inline-block;
	padding-right: 0.5em;
	color: #fcda2b;
	content: "›";
	font-weight: 500;
	font-size: 1.3em;
}
.lt-ie8 .buttonstyle a:before{
	display: inline;
}
.buttonstyle.small a{
	margin-top: 5px;
	padding: 0 15px;
	font-size: 0.85em;
}
/* typo */
body {
	margin: 0;
	padding: 0;
	background-color: #f8e4d0;
	font: 1em/1.6 'Roboto', sans-serif;
	
}
#main{
	position: relative;
	margin-top: 60px;
	margin-bottom: 80px;
}

#header{
	top: 0;
	z-index: 30;
	display: block;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 100%;
	height: 120px;
	background-color: #ffffff;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
#header.small{
	height: 70px;
}
#header.fixed{
	position: fixed;
}

#ContentHeader{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	height: 100%;
}
#logo{
	position: absolute;
	left: 0;
	top: 25%;
	display: inline-block;
	vertical-align: middle;
	margin: -2px 0 0 6px;
	width: 250px;
	/*height: 37px;*/
	height: 62px;
	font: 1.8em 'Roboto', sans-serif;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.lt-ie8 #logo{
	display: inline;
}
.lt-ie9 #logo{
	margin-top: 10px;
}
#logo span {
	/*display: inline-block;*/
	display:inline;
	vertical-align: middle;
}
.lt-ie8 #logo span{
	display: inline;
}
#header.small #logo{
	top: 5%;
}
#logo.logo-reduc .icone, .smallViewport #logo .icone{
	-webkit-transform: scale(0.55);
	-moz-transform: scale(0.55);
	-ms-transform: scale(0.55);
	-o-transform: scale(0.55);
	transform: scale(0.55);
	padding-right: 2px;
}

#logo.logo-reduc{
	margin: -2px 2px 0;
	padding: 2px 1px 1px;
	width: 170px;
	font-size: 1.2em;
}

.lt-ie9 #logo.logo-reduc{
	margin-top: 10px;
}

#logo .icone{
	display: inline-block;
	padding-right: 20px;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	-moz-transition: -moz-transform 0.3s ease-in-out;
	-ms-transition: -ms-transform 0.3s ease-in-out;
	-o-transition: -o-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}
.lt-ie8 #logo .icone{
	display: inline;
}
#logo .ce{
	color: #b24573;
	font-weight : 100;
	font-style: italic;
}
#logo .cyber{
	color: #633448;
	font-weight : 300;
	font-style: italic;
}

.contactButton{
	position: absolute;
	top: 13px;
	right: 0;
	display: none;
}

.contactButton.isVisible{
	display: inline-block;
	
}

.lt-ie8 .contactButton.isVisible{
	display: inline;
}
.center{
	text-align: center;
}
.full{
	position: relative;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	
}
.half{
	width: 470px;
}
.half, .third,.twoThird,.oneThird{
	display: inline-block;
	float: left;
	padding-right: 20px;
}
.lt-ie8 .half, .lt-ie8 .third, .lt-ie8 .twoThird, .lt-ie8 .oneThird{
	display: inline;
}
.half.last,.third{
	padding: 0;
}
.third{
	width: 286px;
}
.twoThird{
  	width: 572px;
}
.oneThird{
	margin-left: 70px;
  	width: 286px;
}
.twoThird{
}
.oneThird{
}
.row{
	position: relative;
	display: block;
	padding: 60px 1%;
	width: 98%;
}
.greyBg{
	background-color: #3f3d3c;
}
hr.blue{
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 0;
	background-color: #00abd0;
}
.whiteDiv{
	background-color: #ffffff;
	color: #00abd0;
}
.blueDiv{
	background-color: #00abd0;
	color: #ffffff;
	
}
.halfBlueDiv{
	background-color: #dfe8e4;
	color: #00abd0;	
}
.CyberCePres{
	position: relative;
}
.CyberCePres .buttonstyle {
	margin-top: 30px;
}
#nav {
	position: absolute;
	top: 5%;
	z-index: 100;
	display: inline-block;
	right: 200px;
	width: 330px;
}

.lt-ie8 #nav{
	display: inline;
}

#nav a{
	font-weight: bold;
	font-size: 0.9em;
}
#nav > a {
    display: none;
}
#nav li {
    position: relative;
	padding: 7px 7px 7px 0;
	width: 125px;
    list-style-type: none;
}
 
/* first level */

#nav > ul
{
	margin-right: auto;
	padding-left: 0;
    height: 2em;
}
#nav > ul > li
{
	float: left;
	margin: 0;
	padding: 0 40px 0 0 !important;
    height: 100%;
}
 
/* second level */

#nav li ul
{
    position: absolute;
    top: 100%;
    display: none;
	margin: 0;
	padding: 20px 10px 10px 15px;
	background-color: #ffffff;
	left: 0;

}
#nav li:hover ul
{
    display: block;
}
        
li.CompagnyTxt.active a{
	/*background-color: red;*/
}

#nav li.CompagnyTxt.active ul li.active a{
	color: #00fcff;
}

#nav li.ProductTxt.active ul li.active a{
	color: #ffaeb0;
}

.ProductTxt a{
	color: #633448 ;
}
#nav ul li span.rollicon{
	font: 0.8em 'modern_pictogramsnormal', sans-serif;
}
.CompagnyTxt a{
	color: #20607c ;
}
.CompagnyTxt a:hover{
	color: #00abd0;
} 
.ProductTxt a:hover{
	color: #ff006c;
} 
.loading{
	background: url(../images/layout/loading.gif) no-repeat 0 5px;
	padding:10px 0px 10px 35px;
	width: 32px;
	height: 35px;
	margin: 0 auto 0 10%;
}
#nav li.ProductTxt ul{
	background: url(../images/layout/flechemenuR.png) no-repeat 0 0 ;
	background-color: #ff006c;
	color: #ffffff;
}  

#nav li.CompagnyTxt ul{
	background: url(../images/layout/flechemenuB.png) no-repeat 0 0 ;
	background-color: #00abd0;
	color: #ffffff;
}  
#nav li ul a{
	color: #ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}  
 #nav li ul a:hover{
	color: #fcda2b;
}  

a.more{
	position: relative;
	display: block;
	width: 100%;
	text-align: left;
	font-weight: 700;
	font-size: 0.9em;
}
a.more:hover {
	color: #000;
}
.footer a.more:hover{
	color: #fcda2b;
}    

.error img{
	-webkit-box-shadow: 10px 10px 0 rgba(233, 212, 199, 0.69);
	-moz-box-shadow: 10px 10px 0 rgba(233, 212, 199, 0.69);
	box-shadow: 10px 10px 0 rgba(233, 212, 199,	 0.69);
}
.error .oops{
	font-size:5em;
	margin:0;
}


.scrollup{
    width:50px;
    height:50px;
    opacity:1;
    position:fixed;
    bottom:20px;
    right:20px;
    display:none;
    text-indent:-9999px;
	z-index: 100;
	background: url(../images/layout/arrow-Up.png) 50% 50% no-repeat #ff006c;
}

.visu-aclce{
	width:60%;
}

    
/* @end */


 
 
 
/* @group standard */
.buttonstyle.big {
	position: relative;
	display: block;
	height: auto;
	clear: none;
}
.buttonstyle.big a{
	margin: 30px 0;
	padding: 6px 50px 6px 37px;
	font-size: 1.4em;
}



.blanc .zone-content, .gris .zone-content{
	padding-top: 0;
}

.bloc-full{
	width: 100%;
}

.bloc-full.blanc{
	background: #fff;
}

.bloc-full.gris{
	background: #3f3e3c;
}

.bloc-full.blanc .content-page, .bloc-full.gris .content-page{
	padding-top: 0;
}

.zone-content p{
	font-size: 0.9em;
}
.zone-content{
	/*padding-top: 55px;*/
}

/* zone-content bleu */
.zone-content.bleu .zone-slide ul.menu-slide li a:hover{
	color: #00abd0;
}
.zone-content.bleu .zone-slide ul.menu-slide li.active a{
	color: #00abd0;
}

.zone-content.bleu .content-page h1{
	color: #00abd0;
}

.gris .zone-content.bleu .content-page h1{
	color: #64b9cb;
}

.zone-content.bleu p.para-content.separateur-bas{
	border-bottom: 1px solid #00abd0;
}

.zone-content.bleu a.lien-content{
	color: #00abd0;
}

.zone-content.bleu a:hover.lien-content{
	color: #ff036d;
}

.zone-content.bleu ul.liste-puce li.ligne-puce, .zone-content.bleu ol.liste-num li.ligne-num{
	color: #00abd0;
}

.zone-content.bleu h3.titre-bloc .style-deuxieme{
	color: #00abd0;
}

.zone-content.bleu blockquote.citation-content{
	background: url('../images/layout/guillemets-citation-bleu.png') no-repeat left top;
}

.zone-content.bleu .zone-slide ul.menu-slide li.active{
	background: url('../images/layout/fleche-slide-bleu.png') no-repeat left center;
}

.zone-content.bleu table.tableau-content tr.ligne-tableau-content th {
	background: #00abd0;
}

.zone-content.bleu table.tableau-content tr.ligne-tableau-content.surligne {
	background: #dfded0;
}

.zone-content.bleu a.bouton-accordeon {
	border-bottom: 1px solid #00abd0;
}

.zone-content.bleu a.bouton-accordeon.ouvert{
	background-image: url('../images/layout/btn-accordeon-bleu.png');
}

.zone-content.bleu a.bouton-accordeon.ferme{
	background-image: url('../images/layout/btn-accordeon-haut-bleu.png');
}

.zone-content.bleu a:hover.bouton-accordeon {
	color: #00abd0;
}
.zone-content.bleu .content-page h2, .zone-content.bleu .content-page h3, .zone-content.bleu .content-page h4, .zone-content.bleu .content-page h5, .zone-content.bleu .content-page h6 {
	color: #004a5a;
}

.gris .zone-content.bleu .content-page h2, .gris .zone-content.bleu .content-page h3, .gris .zone-content.bleu .content-page h4, .gris .zone-content.bleu .content-page h5, .gris .zone-content.bleu .content-page h6 {
	color: #aac6cc;
}

.zone-content.bleu .bordure-droite {
	border-right: 1px solid #dfded0;
}

.zone-content.bleu .bordure-gauche {
	border-left: 1px solid #dfded0;
}

.zone-content.bleu table.tableau-content tr.ligne-tableau-content.surligne .bordure-droite, .zone-content.bleu table.tableau-content tr.ligne-tableau-content.surligne .bordure-gauche {
	border-color: #e8eff0;
}

.gris .zone-content.bleu h3.titre-bloc{
	color: #aaafb2;
}

.gris .zone-content.bleu h3.titre-bloc .style-deuxieme{
	color: #64b9cb;
}

.zone-content.bleu h3.titre-bloc{
	color: #837f7d;	
}


/* fin zone-content bleu */

.zone-slide{
	display: block;
	float: left;
	width: 250px;
	position: relative;
	position: fixed;
	z-index: 2;
	margin-top: 55px;
}

.zone-slide ul.menu-slide{
	list-style-type: none;
	
	
	margin: 0;
	padding: 0;
}

.zone-slide ul.menu-slide li{
	margin-bottom: 5px;
	padding: 0 0 0 18px;
	line-height: 1.2em;
	margin-top: 10px;
}

.zone-slide ul.menu-slide li.active{
	background: url('../images/layout/fleche-slide.png') no-repeat left center;
}


.zone-slide ul.menu-slide li a{
	color: #9a9396;
	
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
	word-wrap: break-word;
}

.zone-slide ul.menu-slide li a:hover{
	color: #ff036d;
}

.zone-slide ul.menu-slide li.active a{
	color: #ff036d;
	
}

.content-page{
	display: block;
	float: right;
	width: 850px;
	margin-top: 10px;
}

.content-page h1{
	font-size: 2em;
	color: #ff006c;
	margin: 50px 0 54px 0;
	padding: 0;
	clear: both;
}

.gris .content-page h1{
	color: #fe7ea9;
}

.content-page h2, .content-page h3, .content-page h4, .content-page h5, .content-page h6{	
	color: #633448;
	padding: 0;
	clear: both;
}
.gris .content-page h2, .gris .content-page h3, .gris .content-page h4, .gris .content-page h5, .gris .content-page h6{	
	color: #cbbcc2;
	
}
.content-page h2{
	font-size: 1.75em;
	margin: 0 0 38px 0;
}

.content-page h3, .content-page h4, .content-page h5, .content-page h6{
	margin: 0 0 20px 0;
}

.content-page h3{
	font-size: 1.5em;
}

.content-page h4{
	font-size: 1.25em;
}

.content-page h5{
	font-size: 1.125em;
}

.content-page h6{
	font-size: 1em;
}

p.para-content{
	color: #5c5958;
	font-size: 1em;
}

p.para-content.separateur-bas{
	border-bottom: 1px solid #ff006c;
	padding-bottom: 45px;
	margin-bottom: 45px;
}

a.lien-content{
	color: #ff006c;
	font-size: 1em;
	
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

.gris a.lien-content{
	color: #fe7ea9;
}

a.lien-content:hover{
	color: #20607c;
}

ul.liste-puce, ol.liste-num{
	margin: 35px 0;
}

ul.liste-puce li.ligne-puce, ol.liste-num li.ligne-num{
	color: #ff006c;
}
ul.liste-puce li, ol.liste-num li{
	margin-bottom: 9px;
	margin-right: 30px;
	line-height: 1.2em;
}
ul.liste-puce li.ligne-puce .content-ligne-puce, ol.liste-num li.ligne-num .content-ligne-num{
	color: #5c5958;
	line-height: 1em;
}
ul.liste-puce li.ligne-puce .content-ligne-puce em, ol.liste-num li.ligne-num .content-ligne-num em{
	font-size: 0.8em;
}
.gris ul.liste-puce li.ligne-puce .content-ligne-puce,.gris ol.liste-num li.ligne-num .content-ligne-num{
	color: #ffffff;
}

ul.liste-puce li.ligne-puce .content-ligne-puce strong, ol.liste-num li.ligne-num .content-ligne-num strong{

}

blockquote.citation-content{
	color: #5c5958;
	font-size: 1.125em;
	background: url('../images/layout/guillemets-citation.png') no-repeat left top;
	margin: 33px 0 33px 10px;
	padding: 0 0 0 23px;
}

.bloc-img, .bloc-titre{
	display: inline-block;
	margin: 50px 0;
	width: 100%;
}

.lt-ie8 .bloc-img, .lt-ie8 .bloc-titre{
	display: inline;
}

.gris .txt-bloc, .gris .txt-bloc-wide{
	color: #fff;
}

.txt-bloc{
	color: #5c5958;
	font-size: 1em;
}

.txt-bloc-wide{
	width: 100%;
}

.bloc-img.inser-gauche img{
	float: left;
	margin: 10px 20px 10px 0;
}

.bloc-img.inser-droite img{
	float: right;
	margin: 10px 0 10px 20px;
	clear: both;
}

.bloc-img.ext-droite img{
	float: right;
	width: 35%;
	height: auto;
	clear: both;
}

.bloc-img.ext-droite .txt-bloc{
	float: left;
	width: 62%;
}

.bloc-img.ext-gauche img{
	float: left;
	width: 35%;
	height: auto;
}

.bloc-img.ext-gauche .txt-bloc{
	float: right;
	width: 62%;
}

.bloc-titre.ext-gauche .titre{
	float: left;
	width: 37%;
	word-wrap: break-word;
}

.bloc-titre.ext-gauche .txt-bloc{
	float: right;
	width: 60%;
}

.bloc-titre.ext-gauche img{
	float: right;
	width: 60%;
}

.bloc-titre.ext-droite .titre{
	float: right;
	width: 37%;
	word-wrap: break-word;
}

.bloc-titre.ext-droite .txt-bloc{
	float: left;
	width: 60%;
}

.bloc-titre.ext-droite img{
	float: left;
	width: 60%;
}

h3.titre-bloc{
	font: 1.625em 'Pacifico', cursive;
	color: #837f7d;	
	line-height: 1.8em;
}

.gris h3.titre-bloc{
	color: #b2acaa;
}

.gris h3.titre-bloc .style-deuxieme{
	color: #fe7ea9;
}

.gris ul.liste-puce li.ligne-puce, .gris ol.liste-num li.ligne-num {
	color: #fe7ea9;
}

h3.titre-bloc .style-deuxieme{
	font: 1.1em 'Roboto', sans-serif;
	color: #ff006c;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 0.8em;
}


/** Form start **/
.formContact{
	/*background-color: #00abd0;*/
	width: 100%;
	padding: 2%;
}
.formContact p{
	margin: 0;
}
.labelPlaceHolder{
	display: none;
}
.lt-ie9 .labelPlaceHolder{
	display:block;
	margin: 0 2%;
	color: black;
	font-size: 1.2em;
}
form input{
	border: 1px solid #00abd0;
	font-size: 1.2em;
	width: 88%;
	margin: 1%;
	height: 35px;
	padding-left: 35px;
}
form textarea{
	border: 1px solid #00abd0;
	font-size: 1.2em;
	width: 88%;
	height:65px;
	margin: 1%;
	padding-left: 35px;
}
form input:focus, form textarea:focus{
	border: 1px solid #fe7ea9;
}

#form_type_contact{
	border: 1px solid #00abd0;
	font-size: 1.2em;
	width: 100%;
	margin: 1%;
	padding-left: 31px;
	padding-right:2px;
	padding-top:1px;
	padding-bottom:1px;
	height: 39px;
	background-color: #fff;
	background-image: url('../images/layout/form-contact.png');
	background-size: 25px 25px;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	width: 40%;
}
#form_type_contact:invalid{
	color:#757575;
}

#tool_antispam_question_libelle{
	margin: 1%;
	color: #00abd0;
	font-size: 1.2em;
}

#form_nom, #form_prenom{
	background-image: url('../images/layout/form-contact.png');
	background-size: 25px 25px;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	width: 40%;
}
#form_email{
	background-image: url('../images/layout/form-mail.png');
	background-size: 25px 25px;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	width: 70%;
}
#form_tel{
	background-image: url('../images/layout/form-tel.png');
	background-size: 25px 25px;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	width:29%;
}
#form_adresse{
	background-image: url('../images/layout/form-mail.png');
	background-size: 25px 25px;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	width: 100%;
}
#form_raison_sociale{
	background-image: url('../images/layout/form-valise.png');
	background-size: 25px 25px;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	width:40%;
}
#form_effectif{
	background-image: url('../images/layout/form-valise.png');
	background-size: 25px 25px;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	width:30%;
}
#form_commentaire{
	background-image: url('../images/layout/form-pencil.png');
	background-size: 25px 25px;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	padding-top: 8px;
	height:140px;
}
#tool_antispam_reponse{
	background-image: url('../images/layout/form-robot.png');
	background-size: 25px 25px;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	width:60%;
}
#returnMessage{
	border: 1px solid #fe7ea9;
	background-color: #ff438a;
	width: 90%;
	margin: 0 1%;
	color: white;
	padding: 2%;
	display: none;
}
@media (max-width: 540px) {
	#form_nom, #form_prenom, #form_email, #form_tel, #form_raison_sociale, #tool_antispam_reponse, #form_commentaire, #form_type_contact{
		width:auto;
	}
}
/** Form end **/

/** Twitter Style Begin **/
.twitterStyleItem{
	font-size: 0.8em;
	clear: both;
	padding-top:5px;
	margin: auto 0px 3px auto;
}
.twitterStyleItemBorderBottom{
	border-bottom:1px #f8e4d0 solid;
}
/*.twitterStyle a{
	color:#00abd0;
}*/
.twitterStyle img{
	border:none;
	/*-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	*/
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;	
}

.twitterStyleAvatar{
	text-align: center;
	width: 25px;
	float: left;
}
.twitterStyleItemHeader > .retweet{
	float:left;
	width:16px;
	height:16px;
	background: url('../images/layout/twitter/everything-spritev2.png') no-repeat -80px 0;
}
.twitterStyleItemContent{
	margin-left: 26px; 
}
.twitterStyleItemHeader{
	
}
.twitterStyleUser{
	padding: 3px;
}
.twitterStyleText{
	font-weight: normal;
	padding: 3px;
}
.twitterStyleDate{
	float: right;
}
.twitterStyleContent{
	width:100%;
	height:225px;
	/*overflow: auto;*/
/*	background: url('../images/layout/twitter/bird_black_48_0.png') no-repeat 50% 50%;*/
}

.twitterStyleContent img{
	width:24px;
}

/** Twitter Style End **/

/* @group style tableau */
table.tableau-content{
	width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 5px 5px 0 rgba(49, 49, 49, 0.69);
	-moz-box-shadow: 5px 5px 0 rgba(49, 49, 49, 0.69);
	box-shadow: 5px 5px 0 rgba(49, 49, 49, 0.69);
	-o-box-shadow: 5px 5px 0px 0px #b7d5d7;
}

table.tableau-content tr.ligne-tableau-content{
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	font-size:0.9em;
}

table.tableau-content tr.ligne-tableau-content.surligne{
	background: #f9cdc6;
}

table.tableau-content tr.ligne-tableau-content th{
	width: 33%;
	text-align: center;
	padding: 5px 5px;
}

table.tableau-content tr.ligne-tableau-content th.cellule-tableau-content-gris{
	background-color: #3f3e3c;
}

table.tableau-content th.cellule-tableau-content-formules, table.tableau-content th.cellule-tableau-content-fonctionnalites{
	background-color: #ff036d;
	color: #ffffff;
}

table.tableau-content img.tableau-icone{
	clear:both;
}

table.tableau-content th.cellule-tableau-content-formules{
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}

table.tableau-content th.cellule-tableau-content-fonctionnalites{
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}

table.tableau-content tr.cellule-tableau-content-fonctionnalites{
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}

table.tableau-content td.cellule-tableau-content-bas-gauche{
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

table.tableau-content td.cellule-tableau-content-bas-droite{
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}


table.tableau-content th.cellule-tableau-content-pack{
	background-color: #fe7ea9;
	color: #3f3e3c;
}

table.tableau-content tr.ligne-tableau-content td{
	padding: 1px 0px;
	color: #3f3e3c;
}

table.tableau-content tr.ligne-tableau-content td.txt-align-gauche{
	text-align: left;
}

p.tableau-content-legende{
	font-size:0.7em;
	text-align:right;
}

.bordure-gauche{
	border-left: 1px solid #f9cdc6;
}

.bordure-droite{
	border-right: 1px solid #f9cdc6;
}

.bordure-haut{
	border-top: 1px solid #f9cdc6;
}

.bordure-bas{
	border-bottom: 1px solid #f9cdc6;
}

table.tableau-content tr.ligne-tableau-content.surligne .bordure-droite, table.tableau-content tr.ligne-tableau-content.surligne .bordure-gauche{
	border-color: #fce6e3;
}
/* @end */

/* @group style liste accordeon */

a.bouton-accordeon{
	display: block;
	padding: 0 20% 10px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #ff006c;
	color: #5c5958;
	background-repeat: no-repeat;
	background-position: right 80%;
	min-height: 34px;
}

a:hover.bouton-accordeon{
	color: #ff006c;
}

a.bouton-accordeon.ouvert{
	background-image: url('../images/layout/btn-accordeon.png');
}

a.bouton-accordeon.ferme{
	background-image: url('../images/layout/btn-accordeon-haut.png');
}

.content-accordeon{
	margin: 10px 0;
}

/* @end */

/* @end */


/* @group mosaique */
.mosaic{
	width: 100%;
	margin-top: 30px;
}

.mosaic .item{
	float: left;
	overflow: hidden;
	background-position: 50% 0;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-background-size: cover;  
	-moz-background-size: cover;  
	-o-background-size: cover;
}
.mosaic .item .visuhobbies{
	margin-left: 6%;
	padding-bottom: 6%;
}
.mosaic .item .visuhobbies,.mosaic .item .txtItem{
	width: 100%;
	height: 47%;
}
.visuhobbies div{
	display: inline-block;
	float: left;
	margin-bottom: 3%;
	width: 95%;
	height: 44%;
}
.lt-ie8 .visuhobbies div{
	display: inline;
}
.visuhobbies .halfImg{
	margin-right: 5%;
	width: 45%;
	height: 50%;
}
.visuhobbies .fullImg{
	width: 100%;
	height: 50%;
}
.visuhobbies img{
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
.mosaic .item .txtItem{
	margin: 6% 0 0 6%;
	padding: 3% 7% 0 6%;
	width: 87%;
	height: 47%;
	background-color: #00abd0;
	color: #ffffff;
}
.mosaic .item a.people{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	text-decoration: none;
	-webkit-background-size: 100%;  
	-moz-background-size: 100%;  
	-o-background-size: 100%;
}

.mosaic .item a .contentItem{
	position: absolute;
	left: 100%;
	width: 50%;
	background-color: #f7efe5;
	-webkit-transition: left 0.3s ease-in-out;
	-moz-transition: left 0.3s ease-in-out;
	-ms-transition: left 0.3s ease-in-out;
	-o-transition: left 0.3s ease-in-out;
	transition: left 0.3s ease-in-out;
}
.mosaic .item a.people .imgItem{
	width: 100%;
	height: auto;
	-webkit-transition: margin-left 0.4s ease-in-out;
	-moz-transition: margin-left 0.4s ease-in-out;
	-ms-transition: margin-left 0.4s ease-in-out;
	-o-transition: margin-left 0.4s ease-in-out;
	transition: margin-left 0.4s ease-in-out;
}
.txtItem{
	font-size: 0.9em;
}
.txtItem h3{
	margin: 0;
	padding: 0 6% 0 0;
	font-size: 1.4em;
}
.txtItem h4,.txtItem .mail{
	margin: 0;
	padding: 0 6% 0 0;
	font-weight: 100;
	font-style: italic;
	font-size: 1.1em;
}
.txtItem .mail{	color: #a3ecfc;
}
.txtItem .persoTxt{
	padding-top: 15px;
	padding-right: 6%;
	font-weight: normal;
	font-style: normal;
	font-size: 0.9em;
}
.mosaic .item a:hover{
	
}
.mosaic .item a.people:hover .imgItem{
	margin-left: -15%;
	width: 100%;
	height: 100%;
}
.mosaic .item a .imgItem img{
	width: 100%;
}
.mosaic .item a:hover .contentItem{
	left: 50%;
}
.mosaic .item a .contentItem{
}
.gutter-sizer{
	width: 24px;
}
.mosaicMargin{
	padding-top: 24px;
}
.grid-sizer,.mosaic .item,.mosaic .item.big{
	width: 478px;
}
.grid-sizer{
	width:  227px;
}
.mosaic .item.full{ width:  980px; }
.mosaic .item.quart{ width:  227px;}
.mosaic .item.quinte{ width:  208px;}
img.fullwidth{
	width: 100%;
	height: auto;
}
.mosaic .item.medium{
	width: 478px;
}
.mosaic .item .contentItem{ height:  478px; }
.mosaic .item.bigH,.mosaic .item.bigH .contentItem{ height: 478px; }

/* @end */
/* @group push home */
.row.home{
	padding-top: 0;
	padding-bottom: 0;
}
.pushHome{
	z-index: 0;
	margin-right: auto;
	margin-left: auto;
	height: 550px;
	background: url(../images/layout/visuel-pushHome.png) no-repeat 100% 0;
}
.pushHome span{
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}
 .accrocheHome{
	padding-top: 50px;
	text-transform: uppercase;
	font-weight: 900;
 	font-size: 4em;
	line-height: 1.08em;
 }
.pushHome .first{
	color: #ff006c;
}
.pushHome .second{
	color: #00abd0;
}
.pushHome .thirdAcc{
	color: #b5d600;
}
.pushHome .buttonstyle{
	position: relative;
	top: 0;
	display: block;
	margin-top: -30px;
	width: 220px;
}
/* @end */

/* @group detailhome  */

.detailhome{
	position: relative;
		z-index: 0;
	margin-right: auto;
	margin-left: auto;
	width: 1200px;
	height: 700px;
	background: url(../images/layout/visuel-pushHome.png) no-repeat 100% -30px;
}
/* @end */
  
/* @group pres  */
  
.presTxt h3{
	color: #fcd92a;
}

.greyBg.pres{
	padding-top: 0;
	padding-bottom: 0;
	height: 675px;overflow: hidden;
}

.presTxt{
	position: relative;
	z-index: 10;
	display: block;
	padding-top: 70px;
}

.motscles{
	margin-top: -60px;
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	right: 0;
	top: 0;
	height: 675px;
}

.motscles ul {
	position: relative;
	margin: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
}

.motscles li{
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	vertical-align:middle;
	text-align: center;
	font-size: 1.5em;
	line-height: 6em;
	-webkit-transition: top 250ms linear;
			-moz-transition: top 250ms linear;
	        -ms-transition: top 250ms linear;
	        -o-transition: top 250ms linear;
			transition: top 250ms linear;
}

.colonnies{
	top: 0;
	right: 1px;
	width: 162px;
	height: 162px;
	background: url(../images/layout/colonies.png) 0 0 no-repeat;
}
.billeterie{
	top: 70px;
	right: 134px;
	width: 297px;
	height: 299px;
	background: url(../images/layout/billeterie.png) 0 0 no-repeat;
}
.sejoursFamilles{
	top: 310px;
	right: 0;
	width: 235px;
	height: 237px;
	background: url(../images/layout/sejours-famille.png) 0 0 no-repeat;
}
.paiementEnLigne{
	top: 410px;
	right: 219px;
	width: 213px;
	height: 213px;
	background: url(../images/layout/paiement-en-ligne.png) 0 0 no-repeat;
}
.ChequesVacances{
	top: 548px;
	right: 70px;
	width: 182px;
	height: 180px;
	background: url(../images/layout/cheque-vacances.png) 0 0 no-repeat;
}
.ASC{
	top: 629px;
	right: 240px;
	width: 162px;
	height: 162px;
	background: url(../images/layout/asc.png) 0 0 no-repeat;
}
/* @end */
 
 
 
/* @group testimonial  */

.testi h2{
  	color: #215e7a;
}
.presTxt p{
  	color: #ffffff;
}
.testimonial{
  	overflow: hidden;
  	margin: 0;
  	height: 290px;
  	position: relative;
}
.testimonial ul{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	width: 100%;
	/*height: 3000px;*/
	display: block;
}
.testimonial li{
	/*position: relative;*/
	display: inline-block;
	margin: 0 0 500px 0;
	padding: 0;
	width: 100%;
	list-style-type:none;
}
.lt-ie8 .testimonial li{
	display: inline;
}
.testimonial p{
	margin: 0;
	padding: 0;
}
.bubble{
	/*position: absolute;
	display: block;*/
	margin: 0;
	width: 100%;
	font-size: 0.9em;
}
.bubble p{
	position: absolute;
	display: inline-block;
	margin: 0;
	padding: 3%;
	width: 55%;
	background-color: #00abd0;
	-webkit-box-shadow:  10px 10px 0 rgba(233, 212, 199, 0.69);
	-moz-box-shadow:  10px 10px 0 rgba(233, 212, 199, 0.69);
	box-shadow: 10px 10px 0 rgba(233, 212, 199,	 0.69);
	color: #ffffff;
}
.lt-ie8 .bubble p{
	display: inline;
}
.arrowsTest {
	position: absolute;
	top: 360px;
	left: 202px;
	z-index: 10;
	width: 90px;
	height: 60px;
}
.arrowsTest div a {
	position: absolute;
	display: inline-block;
	margin: 0;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #ff006c;
	-webkit-box-shadow:  5px 5px 0 rgba(183, 213, 215, 0.69);
	-moz-box-shadow:  5px 5px 0 rgba(183, 213, 215, 0.69);
	box-shadow: 5px 5px 0 rgba(183, 213, 215,	 0.69);
	color: #ffffff;
	text-align: center;
	font-size: 1.4em;
	line-height: 35px;
}

.lt-ie8 .arrowsTest div a{
	display: inline;
}
  
.prec a{
	position: absolute;
	float: left;
}
.suiv a{
	position: absolute;
	right: 0;
	float: right;
}
.authorId{
	display: block;
	float: right;
	width: 27%;
	margin-right: 3%;
}
.authorId h5{
	margin: 0;
	color: #215e7a;
	font-size: 0.8em;
}
.authorId p{
	margin-bottom: 20px;
	font-weight: 100;
	font-size: 0.7em;
}
 
.visuelAuth{
	position: relative;
	top: -10px;
	left: 0;
	display: block;
	overflow: hidden;
	margin-left: -10px;
	padding-right: 0;
	width: 130px;
	height: 130px;
	-webkit-border-radius: 65px;
	-moz-border-radius: 65px;
	border-radius: 65px;
	-webkit-box-shadow:  5px 5px 0 rgba(233, 212, 199, 0.69);
	-moz-box-shadow:  5px 5px 0 rgba(233, 212, 199, 0.69);
	box-shadow: 5px 5px 0 rgba(233, 212, 199, 0.69);
}
.visuelAuth img{
	width: 100%;
	height: 100%;
}

.references{
	display: block;
	position: static;
}
.references ul {
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
}
.lt-ie8 .references ul{
	display: inline;
}
.references ul li{
	position: relative;
	display: inline-block;
	margin: 0;
}
.lt-ie8 .references ul li{
	display: inline;
}
.references ul li.half{
	padding: 0 0 11%;
	width: 100%;
}
.references ul li.mini{
	padding: 0 0 9%;
	width: 49%;
}
.lt-ie8 .references ul li.half{
	display: inline;
}
.references li.half .visuRef{
	width: 90%;
	background-color: white;
	text-align: center;
}
.references .visuRef{
	width: 77%;
	-webkit-box-shadow:  6px 6px 0 rgba(233, 212, 199, 0.69);
	-moz-box-shadow:  6px 6px 0 rgba(233, 212, 199, 0.69);
	box-shadow: 6px 6px 0 rgba(233, 212, 199, 0.69);
	background-color: white;
	text-align: center;
}
.references ul li img{
	width: 95%;
	padding:1px;
}

.references a.logo img{
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	-moz-transition: -moz-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
}
.references .logo_frame:nth-child(4n) a.logo:hover img{
	background-color:#fff;
	-webkit-transform: scale(1.4) rotate(4deg);
	-moz-transform: scale(1.4) rotate(4deg);
	-o-transform: scale(1.4) rotate(4deg);
	transform: scale(1.4) rotate(4deg);
	-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}
.references .logo_frame:nth-child(4n+1) a.logo:nth-child(3n+1):hover img{
	background-color:#fff;
	-webkit-transform: scale(1.4) rotate(-8deg);
	-moz-transform: scale(1.4) rotate(-8deg);
	-o-transform: scale(1.4) rotate(-8deg);
	transform: scale(1.4) rotate(-8deg);
	-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}
.references .logo_frame:nth-child(4n+2) a.logo:nth-child(3n+1):hover img{
	background-color:#fff;
	-webkit-transform: scale(1.4) rotate(12deg);
	-moz-transform: scale(1.4) rotate(12deg);
	-o-transform: scale(1.4) rotate(12deg);
	transform: scale(1.4) rotate(12deg);
	-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}
.references .logo_frame:nth-child(4n+3) a.logo:nth-child(3n+1):hover img{
	background-color:#fff;
	-webkit-transform: scale(1.4) rotate(-3deg);
	-moz-transform: scale(1.4) rotate(-3deg);
	-o-transform: scale(1.4) rotate(-3deg);
	transform: scale(1.4) rotate(-3deg);
	-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}

.tooltip:before, .tooltip:after{left:100%;bottom:50%;position:absolute;opacity:0;z-index:1000000;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;transition:all 0.6s ease;}
.tooltip:hover:before, .tooltip:hover:after{opacity:0.95;}
.tooltip:before{margin-left:-12px;margin-bottom:-6px;content:'';position:absolute;background:transparent;border:6px solid transparent;border-right-color:hsl(0, 0%, 27%);z-index:1000001;}
.tooltip:after{z-index:999;margin-bottom:-14px;border-radius:4px;content:attr(data);background:hsl(0, 0%, 27%);color:hsl(0, 0%, 93%);font-family:Arial;text-shadow:0 -1px 0px hsl(0, 0%, 17%);padding:8px 10px;font-size:12px;line-height:12px;box-shadow:4px 4px 8px rgba(0, 0, 0, 0.3);text-align:left;white-space:nowrap;}

#toutes-refs, #retour-accueil {
	clear: both;
	margin-left: 120px;
	position: static;
}
#toutes-refs.buttonstyle a, #retour-accueil.buttonstyle a {
	padding-bottom: 21px;
}
#toutes-refs.buttonstyle span, #retour-accueil.buttonstyle span{
	display: block;
	padding-left: 18px;
	font-size: 0.7em;
	line-height: 0.7em;
	white-space:nowrap;
}
 
/* @end */  
  
/* @group exemple  */
.exemple{
	z-index: 10;
	display: block;
	background-color: #3f3d3c;
}
.exemple h2,.exemple p{
	color: #ffffff;
}
.exemple h2 span{
	color: #b5d600;
}
.exemple .user{
	color: #f4c917;
}
.exemple .admin{
	color: #b5d600;
}
.tabExemple {
	position: relative;
	text-align: right;
	left: 0;
}
.tabExemple ul{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 50%;
	vertical-align: top;
	text-align: right;
}
.lt-ie8 .tabExemple ul{
	display: inline;
}
.tabExemple ul li{
	display: block;
	margin: 0;
	padding: 0 0 24px;
	width: 50%;
	height: 30px;
	list-style-type:none;
	text-align: right;
}
.tabExemple ul li a{
	margin: 0 0 3px;
	padding: 8px 05% 8px 10%;
	font-size: 1em;
}
.lt-ie9 .tabExemple ul li {
	padding-left: 0;
}
.videoEx{
	z-index: 9;
	display: inline-block;
	width: 70%;
	/*background-color: #2c092d;*/
	vertical-align: top;
	text-align: right;
}
.lt-ie8 .videoEx{
	display: inline;
}

.exemple ul li.user{
	padding-left: 0;
}
.exemple ul li.user.active a,.exemple ul li.user a:hover{
	padding-right: 10%;
	background: url(../images/layout/flecheexemple.jpg) 100% -48px no-repeat #f4c917;
}
.exemple ul li.user a{
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	text-align: right;
	background-color: #d0ad1e;
	color: #a95809;
	-webkit-transition: 0 none;
	-moz-transition: 0 none;
	-ms-transition: 0 none;
	-o-transition: 0 none;
	transition: 0 none;
}
.exemple ul li.user a:hover{
	color: #652400;
}
.exemple ul li.admin.active a, .exemple ul li.admin a:hover{
	padding-right: 10%;
	background: url(../images/layout/flecheexemple.jpg) 100% 0 no-repeat #b5d600;
}
.exemple ul li.admin a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #bcc48b;
	color: #6b7f00;
}
.exemple ul li.admin a:hover{
	color: #364000;
	font-weight: 500;
}
.lt-ie8 .exemple ul {
	margin-left: -90px;
}
/* @end */
/* @group argumentaire homepage*/
.argumentEnd{
	margin-top: 60px;
}
.argumentEnd .third {
	padding: 20px;
}
.argumentEnd .support{
	background: url(../images/layout/vis.png) 0 0 no-repeat;
}
.argumentEnd .solution{
	background: url(../images/layout/crash.png) 0 0 no-repeat;
}
.argumentEnd .simple{
	background: url(../images/layout/simple.png) 0 0 no-repeat;
}
.argumentEnd .transparent{
	background: url(../images/layout/cubeTransp.png) 0 0 no-repeat;
}
.argumentEnd .cout{
	background: url(../images/layout/cochon.png) 0 0 no-repeat;
}
.argumentEnd .design{
	background: url(../images/layout/rubis.png) 0 0 no-repeat;
}

.argumentEnd h4{
	display: block;
	padding-left: 90px;
	font-size: 1.2em;
	line-height: 1.2em;
}
.argumentEnd .explain{
	position: relative;
	display: block;
	padding: 0 20px;
}
.argumentEnd p{
	display: block;
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	line-height: 1.4em;
}
/* @end*/
/* @group PushcontactHome*/
.pushContactHome{
	position: relative;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
}
.contactPush{
	background-color: #ffffff;
	-webkit-box-shadow:  10px 10px 0 rgba(233, 212, 199, 0.69);
	-moz-box-shadow:  10px 10px 0 rgba(233, 212, 199, 0.69);
	box-shadow: 10px 10px 0 rgba(233, 212, 199,	 0.69);
}
.contactPush .contentPush{
	padding: 20px 60px 20px;
}
.contactPush .buttonstyle {
	float: right;
	margin-top: 10px;
	margin-bottom: 0;
}
.contactPush h3{
	padding-left: 50px;
	background: url(../images/layout/picto_pushContact.png)  0 45% no-repeat;
	color: #ff006c;
	font-weight: 400;
	font-size: 1.8em;
	line-height: 1.4em;
	min-height: 40px;
}
.callPush h3{	
	padding-left: 50px;
	background: url(../images/layout/pictopushCall.png) 0 45% no-repeat;
	color: #00abd0;
	font-weight: 400;
	font-size: 1.8em;
	line-height: 1.4em;
	margin-bottom: 10px;
	min-height: 40px;
}
.callPush .contentPush{
	padding-top: 21px;
}
.callPush label, .callPush #tool_antispam_question_libelle{
	color: #00abd0;
	font-size: 1em;
	margin: 0 0 1px;
	padding: 0;
}

.sb-call-input {
	top: 0;
    right: 0;
    z-index: 10;
	margin: 0;
    padding: 5px;
	width: 95%;
	outline: none;
	border: 1px solid #00abd0;
    background: #fff;
    font-size: 20px;
    font-family: inherit;
}
 
input[type="call"].sb-call-input {
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
    padding: 8px 10px 10px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}
.sb-call-input::-webkit-input-placeholder {
    color: #9bc7d0;
}
.sb-call-input:-moz-placeholder {
    color: #9bc7d0;
}
.sb-call-input::-moz-placeholder {
    color: #9bc7d0;
}
.sb-call-input:-ms-input-placeholder {
    color: #9bc7d0;
}
.sb-call-input:focus {
	border: 1px solid #128593;
}

.sb-call-submit  {
    top: 0;
    right: 0;
	display: block;
    margin: 0;
    padding: 0;
	width: 100px;
	border : 0 none;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
}
.sb-call-submit.buttonstyle{
	position: relative;
	display: inline-block;
	float: right;
	margin: 20px 0 0;
	padding: 0 60px;
	width: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #00abd0;
	-webkit-box-shadow: 5px 5px 0 rgba(182, 213, 215, 0.69);
	-moz-box-shadow: 5px 5px 0 rgba(182, 213, 215, 0.69);
	box-shadow: 5px 5px 0 rgba(182, 213, 215, 0.69);
	color: #ffffff;
	line-height: 50px;
	height: 50px;
	text-shadow: 0 0 3px #188595;
	font-weight: 400;
	height: auto;
	font-size: 1.1em;
	-o-box-shadow: 5px 5px 0px 0px #b7d5d7;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.lt-ie8 .sb-call-submit.buttonstyle{
	display: inline;
}
.sb-call-submit.buttonstyle:hover {
	background-color: #19c2e2;
}
/*@end*/

/* @group pageabout*/
.lt-ie8 .mosaic.about .item.quart, .lt-ie8 .mosaic.about .item.big{
	margin: 5px;
}

.fullHeight{
	width: 46%;
	height: 100%;
	margin-right: 4%;
	
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
}

.fullHeight img{
	width: auto;
	height: 100%;
}

.halfImgTop{
	width: 50%;
	height: 48%;
	margin-bottom: 2%;
	
	display: block;
	float: right;
	position: relative;
	overflow: hidden;
}

.halfImgTop img{
	height: 100%;
	width: auto;
}

.halfImgBottom{
	width: 50%;
	height: 48%;
	margin-top: 2%;
	
	display: block;
	float: right;
	position: relative;
	overflow: hidden;
}

.halfImgBottom img{
	height: 100%;
	width: auto;
}

.mosaic .item.weAre{
	height: 225px;
}
.contentAbout, .contentskills, .contentchiffres{
	margin: 4%;
	width: 92%;
	height: auto;
	position: relative;
}
.contentchiffres{
	text-align: center;
	text-transform: uppercase;
}
.contentchiffres  p{
	display: block;
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1em;
}
.chiffres .item{
	background-position: 0 100%;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-background-size: cover;  
	-moz-background-size: cover;  
	-o-background-size: cover;
}
.chiffres .item.mer{
	background-image: url(../images/chiffres/mer.png);
}
.chiffres .item.vues{
	background-image: url(../images/chiffres/vues.png);
}
.chiffres .item.visit{
	background-image: url(../images/chiffres/visit.png);
}
.chiffres .item.debat{
	background-image: url(../images/chiffres/debat.png);
}
.chiffres .item.code{
	background-image: url(../images/chiffres/code.png);
}
.chiffres .item.age{
	background-image: url(../images/chiffres/age.png);
}
.chiffres .item.fan{
	background-image: url(../images/chiffres/fan.png);
}
.chiffres .item.employe{
	background-image: url(../images/chiffres/employe.png);
}
.chiffres .item.module{
	background-image: url(../images/chiffres/module.png);
}
.chiffres .item.lunettes{
	background-image: url(../images/chiffres/lunettes.png);
}
.contentchiffres span{
	position: relative;
	display: block;
	margin: -20px 0 0;
	padding: 0;
	text-align: center;
	text-transform: none;
	font: 2.7em/1.8em 'Pacifico', cursive;
	font-weight: normal;
	font-style: normal;
}
.chiffres .bgmarron{
	background-color: #af6d52;
	color: #ff9e78;
}
.chiffres .bgmarronbis{
	background-color: #af6d52;
	color: #b5d600;
}
.chiffres .bgvertclair{
	background-color: #b5d600;
	color: #fefeff;
}
.chiffres .bgvert{
	background-color: #899259;
	color: #b5d600; 
}
.chiffres .bgbleuclair{
	background-color: #00d2ff;
	color: #215e7b; 
}
.chiffres .bgbleu{
	background-color: #215e7b;
	color: #00d2ff;  
}
.chiffres .bgviolet{
	background-color: #633448;
	color: #ff9e78;  
}
.chiffres .bgmagenta{
	background-color: #ff006c;
	color: #66e0ff;  
}
.chiffres .bgbleumag{
	background-color: #66e0ff;
	color: #ff006c;  
}
.chiffres .bgsaumon{
	background-color: #ff9e78;
	color: #633448;  
}
  
.mosaic.skills .item.weAre .btclose,.mosaic.skills .item.weAre .infos{
	display: none;
}
.mosaic.skills .item.weAre.deploy .btclose,.mosaic.skills .item.weAre.deploy .infos{
	display: block;
	
}
.mosaic.skills .item.weAre .contentskills h3{
	margin-top: 10%;
	margin-bottom: 10%;
	text-align: center;
	text-transform: capitalize;
	font: 2em 'Pacifico', cursive;
	font-weight: normal;
	font-style: normal;
}
.mosaic.skills .item.weAre .contentskills h4{
	margin-right: 9%;
	margin-bottom: 20px;
	margin-left: 9%;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.2em;
}
.mosaic.skills .item.weAre .contentskills h4.pink{
	color: #ff036d;
}
.mosaic.skills .item.weAre .contentskills p, .mosaic.skills .item.weAre .contentskills ul{
	color:#000000;
	font-size: 0.9em;
}
.mosaic.skills .item.weAre .contentskills p strong{
	color: #00abd0;
}
.mosaic.skills .item.weAre .contentskills p strong.pink{
	color: #ff036d;
}
.mosaic.skills .item.weAre .btMore{
	margin: 0 0 30px;
	padding: 0;
	vertical-align:middle;
	text-align: center;
}
.mosaic.skills .item.weAre .btMore a{
	color: #00abd0;
}
.mosaic.skills .item.weAre .btMore a.pink{
	color: #ff036d;
}
.mosaic.skills .item.weAre .btMore a .cross,.mosaic.skills .item.weAre .btclose a .cross,.mosaic.skills .item.weAre .btMore a .cross_pink,.mosaic.skills .item.weAre .btclose a .cross_pink{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.mosaic.skills .item.weAre .btMore a:hover .cross,.mosaic.skills .item.weAre .btclose a:hover .cross,.mosaic.skills .item.weAre .btMore a:hover .cross_pink,.mosaic.skills .item.weAre .btclose a:hover .cross_pink{
	-webkit-transform: scale(1) rotate(-90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-moz-transform: scale(1) rotate(-90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(-90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(-90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(-90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
.mosaic.skills .item.weAre .btclose{
	position: absolute;
	right: 4%;
	margin: 0;
	padding: 0;
	vertical-align:middle;
	text-align: right;
}

.mosaic.skills .item.weAre .btMore .cross{
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/layout/croix-plus.png) no-repeat;
	vertical-align:middle;
}
.mosaic.skills .item.weAre .btMore .cross_pink{
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/layout/croix-plus-pink.png) no-repeat;
	vertical-align:middle;
}
.lt-ie8 .mosaic.skills .item.weAre .btMore .cross, .lt-ie8 .mosaic.skills .item.weAre .btMore .cross_pink{
	display: inline;
}
.mosaic.skills .item.weAre .btclose .cross{
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/layout/croix-close.png) no-repeat;
	vertical-align:middle;
}
.mosaic.skills .item.weAre .btclose .cross_pink{
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/layout/croix-close-pink.png) no-repeat;
	vertical-align:middle;
}
.lt-ie8 .mosaic.skills .item.weAre .btclose .cross, .lt-ie8 .mosaic.skills .item.weAre .btclose .cross_pink{
	display: inline;
}
.mosaic.skills .item.weAre .btclose .contenttxt{
	display: none;
}
.mosaic.skills .item.weAre .btMore .contenttxt{
	position: relative;
	display: inline-block;
	padding-left: 10px;
	vertical-align:middle;
}
.lt-ie8 .mosaic.skills .item.weAre .btMore .contenttxt{
	display: inline;
}
.websiteLink .contentskills{
	position: relative;
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	width: 100%;
	height: 100%;
}
.websiteLink .contentAbout a{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	color: #00abd0;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
.websiteLink .contentAbout a span.messageLink{
	position: relative;
	z-index: 11;
	display: block;
	margin-top: 5%;
}
.websiteLink .contentAbout a span.imgLink{
	z-index: 10;
	display: block;
	margin-top: 25%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

}

.websiteLink .contentAbout a:hover span.imgLink{

	-webkit-transform: scale(1) rotate(15deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-moz-transform: scale(1) rotate(15deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(15deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(15deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(15deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
.mosaic .item.weAre.deploy{
	height: auto;
}
.lt-ie8 .mosaic .item.weAre.deploy{
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
}
.lt-ie8 .mosaic.skills .item.weAre.deploy .btclose {
	display: none;
}

.mosaic.skills .item.weAre{
	height: auto;

}
.mosaic .item.weAre.deploy .btMore {
	display: none;
}

.weAre h3{
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

.weAre h3 span{
	font-size: 5em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
p.subtitleAbout{
	font-size: 0.9em;
	color: #b8b8b8;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	text-transform: uppercase;
	text-align: center;
}

/* @end */
/* @group footer */
.footer{
	padding-bottom: 120px;
	background-color: #3f3d3c;
	color: #ffffff;
}
.footer .full{
	padding-top: 50px;
}
.footer .third{
	padding: 0 19px 19px;
	height: 250px;
}
.footer .aboutFooter{

}

.footer .third .containFooter{
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
.footer .third .containFooter.filet{
	background: url(../images/layout/filet.gif) 0 20px repeat-x;
	padding-top: 50px;
}
.footer h5{
	margin: 0;	
	padding: 0;
	font-size: 1.3em;
}
.footer h5 span{
	display: block;
	font-size: 0.7em;
}
.footer p{
	font-weight: 300;
	font-size: 0.8em;
}
.containFooter ul,.containFooter ul li {
	font-size: 0.9em;
	display: block;
	margin: 0;
	padding: 0;
	font-weight: 300;
}
.containFooter ul li a{
	color: #fefeff;
}
.containFooter ul.socialpin{
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 48px;
	right: 2%;
	height: 100px;
}

.containFooter ul.socialpin li{
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
}

.lt-ie8 .containFooter ul.socialpin li{
	display: inline;
}
.lt-ie8 .containFooter ul.socialpin {
	top: 0;
	padding: 0;
	margin: 0;
}
.lt-ie8 .containFooter ul.socialpin li {
	display: block;
	list-style-type:none;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: 0;
	white-space:normal;
	width: 150px;
}
.lt-ie8 .containFooter ul.socialpin li a{
	padding-left: 50px;
	padding-top: 5px;
}
.lt-ie8 .containFooter ul.socialpin {
		position: relative;
		
	
}
.lt-ie8 .containFooter ul.socialpin{
	padding-top: 0;
}
.lt-ie8 .containFooter ul.linklist{
	padding-top: 15px;
}
.lt-ie8 .containFooter ul.linklist li{
	list-style-type:none;
}
.containFooter ul.socialpin li a{
	background: url(../images/layout/social-picto.png) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
}

.containFooter ul.socialpinLeft{
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 48px;
	height: 100px;
	right: auto;
	left:0;
}

.containFooter ul.socialpinLeft li{
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
}

.containFooter ul.socialpinLeft li a{
	background: url(../images/layout/social-picto.png) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
}
.pacman{
	width: 250px;
	height: 43px;
	background: url(../images/layout/pacman.png) 0 0 no-repeat;
	margin-top: 12px;
}
.pacman:hover{
		background: url(../images/layout/pacman.gif) 0 0 no-repeat;
	
}
.containFooter ul.socialpinLeft li.twitter a{
	background-position: 0px 0;
}
.containFooter ul.socialpin li.facebook a{
	background-position: 0 -80px;
}
.containFooter ul.socialpin li.youtube a{
	background-position: 0px -40px;
}
.no-touch .containFooter ul.socialpinLeft li.twitter a:hover{
	background-position: 0px -120px;
}
.no-touch .containFooter ul.socialpin li.facebook a:hover{
	background-position: 0px -200px;
}
.no-touch .containFooter ul.socialpin li.youtube a:hover{
	background-position: 0px -160px;
}
.containFooter ul.linklist{
	padding-top: 15px;
}
/* @end */
/* @group Non semantic Boilerplate */

/* remplacement image */
.ir {
    overflow: hidden;
    /* IE 6/7 fallback */
    border: 0;
    background-color: transparent;
    *text-indent: -9999px;
}
.ir:before {
    display: block;
    width: 0;
    height: 100%;
    content: "";
}

/* masquage de texte, alternative (buggé?) */
.hide-text {
	overflow: hidden;
	text-indent: 101%;
	white-space: nowrap;
}

/* masqué */
.hidden {
    display: none !important;
    visibility: hidden;
}

/* masqué juste sur l'écran (pas sur RSS ou moteurs) */
.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
}

/* clearfix */

.clearfix:before,
.clearfix:after {
    display: table; /* 2 */
    content: " "; /* 1 */
}
.clearfix:after {
    clear: both;
}

/* @end */

.pack_feature_label img{
	padding-right:5px;
	vertical-align:middle;
	cursor: pointer;
}
.pack_feature_description{
	padding-left:26px;
	display: none;
	font-size: 0.7em;
	text-align: justify; 
}
.pack_feature_expand, .pack_feature_collapse{
	margin:3px 5px 0px 5px;
	height: 16px;
	width: 16px;
	float:left;
	cursor:pointer;
	background-position: center center;
}
.pack_feature_expand{
	background:url('../images/layout/expand.png') no-repeat;
}
.pack_feature_collapse{
	background:url('../images/layout/collapse.png') no-repeat;
}


/**** Wookmark ****/
#main {
  overflow: hidden;
}

/**
 * Grid items animation
 */
#tiles li {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.wookmark-placeholder {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

/**
 * Filters
 */
 
 /**
 * Grid container
 */
#tiles {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}

/**
 * Grid items
 */
#tiles li {
  /*width: 200px;*/
  background-color: #ffffff;
  display: none; /** Hide items initially to avoid a flicker effect **/
  cursor: pointer;
  padding: 4px;
  margin:1px;
  
  	-webkit-box-shadow:  6px 6px 0 rgba(233, 212, 199, 0.69);
	-moz-box-shadow:  6px 6px 0 rgba(233, 212, 199, 0.69);
	box-shadow: 6px 6px 0 rgba(233, 212, 199, 0.69);
}

#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
}

#tiles li img {
  display: block;
}

/**
 * Grid item text
 */
#tiles li p {
  color: #666;
  font-size: 12px;
  margin: 7px 0 0 7px;
}

/**
 * Placerholder css
 */
.wookmark-placeholder {
/*          border-radius: 2px;
     -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #eee;
  border: 1px solid #dedede;
  z-index: -1;
  */
  background: none;
  border: none;
}
 
 
#filters {
  padding-top:110px;
  float:left;
  list-style-type: none;
  text-align: center;
  margin: 0 10px 0 10px;
}

#filters li {
	padding:2px 5px;
	margin: 2px 2px;
	text-align:left;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-o-box-shadow: 5px 5px 0px 0px #b7d5d7;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#filters li:hover {
  background: #fe7eab;
}

#filters li.active {
  background: #ff006c;
  color: #ffffff;
}
/**** Wookmark END ****/


/* @group Responsive */

@media ( min-width: 1200px) {

	#ContentHeader, .full{
		width: 1100px;
	}
	.half{
		width: 540px;
	}
	.third{
		width: 326px;
	}
	.twoThird{
		width: 652px;
	}
	.oneThird{
		margin-left: 70px;
		width: 326px;
	}
	.argumentEnd h4{
		margin-top: 0;
		width: 170px;
		height: 60px;
	}
	.argumentEnd .third{
		height: 300px;
	} 
	.accrocheHome{
		font-size: 5em;
	}
	.testimonial ul{
		height: 290px;
	}
 
	/*@group mosaic*/
	.mosaic .item,.mosaic .item.big{
		width: 538px;
	}
	.mosaic .item.bigH,.mosaic .item.bigH .contentItem{ 
		height: 538px; 
	}
	
	.grid-sizer{
		width:  257px;
	}
	.mosaic .item.quart{
		overflow: hidden;
		width:  257px;
	}
	.mosaic .item.quinte{
		overflow: hidden;
		width:  208px;
	}
	.mosaic .item.full{ 
		width:  1100px; 
	}
	
	.mosaic .item.medium{
		width: 538px;
	}
	
	.mosaic .item.bigH,.mosaic .item .contentItem{ height:  538px; }
	/* @end*/
	.txtItem{
		font-size: 1em;
	}
}

@media (min-width: 991px) and (max-width: 1199px) {
	/* @group standard */
	.zone-slide{
		width: 15%;
	}
	.content-page{
		width: 80%;
	}
	
	/* @end */

	#ContentHeader, .full{
		width: 980px;
	}
	.half{
		width: 480px;
	}
	.third{
		width: 286px;
	}
	.twoThird{
		width: 572px;
	}
	.oneThird{
		margin-left: 70px;
		width: 286px;
	}
	.argumentEnd h4{
		margin-left: 0;
		width: 170px;
		margin-top: 0;
		height: 60px;
	}
	.accrocheHome{
		font-size:4.5em;
	}
	.argumentEnd .third{
		height: 300px;
	} 
    .testimonial ul{
		height: 258px;
	}
	.arrowsTest {
		top: 390px;
		left: 190px;
	}
	/*@group mosaic*/
	.mosaic .item,.mosaic .item.big{
		width: 478px;
	}
	
	.mosaic .item.full{ 
		width:  980px; 
	}
	
	.mosaic .item.medium{
		width: 478px;
	}
	
	.mosaic .item,.mosaic .item .contentItem{  }
	.mosaic .item.bigH,.mosaic .item.bigH .contentItem{ height: 478px; }
	.gutter-sizer{
		width: 24px;
	}
	.grid-sizer, .mosaic .item.quart{
		width:  227px;
	}
	.grid-sizer, .mosaic .item.quinte{
		width:  208px;
	}
	.mosaicMargin{
		padding-top: 24px;
	}
	/* @end*/
	.txtItem{
		font-size: 0.9em;
	}
	/*.visuhobbies .halfImg {
		width: 45%;
		height: 45%;
		margin-right: 5%;
	}
	.visuhobbies .fullImg {
		height: 45%;
	}
	.mosaic .item .txtItem {
		height: 53%;
		margin-top: -3%;
		padding-right: 4%;
		width: 84%;
	}*/
	.callPush h3 {
		margin-bottom: 35px;
	}
	#filters li {
		width:auto;
		padding:5px;
		margin:10px auto;
		float: left;
	}
}


@media (min-width: 768px) and (max-width: 990px) {
	/* @group standard */
	.full.zone-content{
		width: 100%;
		padding-top: 0;
	}
	.content-page h1{
		margin-top: 80px;
	}
	.bloc-titre .titre img{
		margin-bottom: 20px;
	}
	
	.zone-slide{
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		background: #fff;
		position: fixed;
		z-index: 3;
		margin-top: 0;
	}
	
	.zone-slide ul.menu-slide{
		margin: 0;
		padding: 10px;
		text-align: center;
	}
	
	.zone-slide ul.menu-slide li{
		display: inline-block;
		margin-right: 20px;
		padding-left: 13px;
	}
	
	.lt-ie8 .zone-slide ul.menu-slide li{
		display: inline;
	}
	
	.content-page{
		float: none;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		
		
		/*padding-top: 80px;*/
	}
	.content-page.first-content{
		margin-top: 60px;
	}
	.zone-slide ul.menu-slide {
		position: relative;
	}
	
	.bloc-img.inser-gauche img, .bloc-img.inser-droite img {
		max-width: 300px;
		float: none;
		width: 100%;
		height: auto;
		display: block;
		margin:  0 auto 30px auto;
	}
	
	.bloc-img.ext-droite .txt-bloc, .bloc-img.ext-gauche .txt-bloc {
		float: none;
		width: 100%;
	}
	
	.bloc-img.ext-droite img, .bloc-img.ext-gauche img {
		max-width: 300px;
		float: none;
		width: 100%;
		height: auto;
		display: block;
		margin:  0 auto 30px auto;
	}
	
	.bloc-titre.ext-gauche .titre, .bloc-titre.ext-droite .titre {
		float: none;
		width: 100%;
	}
	
	.bloc-titre.ext-gauche .txt-bloc, .bloc-titre.ext-droite .txt-bloc{
		float: none;
		width: 100%;
	}
	
	.bloc-titre.ext-gauche img, .bloc-titre.ext-droite img{
		max-width: 300px;
		float: none;
		width: 100%;
		
	}
	
	/* @end */

	#ContentHeader, .full{
		width: 760px;
	}
	.half{
		width: 370px;
	}
	.third{
		width: 340px;
	}
	.twoThird{
		width: 90%;
	}
	.oneThird{
		margin-left: 0px;
		width: 90%;
	}
	.argumentEnd h4{
		margin-left: 0;
		width: 170px;
		height: 60px;
	}
	.accrocheHome{
		font-size:3em;
		padding-top: 70px;
	}
	.argumentEnd .third{
		height: 300px;
	} 
	.contactPush{
		width: 95%;
	}
	.testimonial ul{
		height: 258px;
	}
	.arrowsTest {
		top: 320px;
		left: 132px;
	}
	.motscles{
		overflow: visible;
		
	}
	/*@group footer*/
	.footer .third.last{
		width: 95%;
	}
	.containFooter ul.linklist {
	padding-top: 0;
	text-align: center;
	}
	.pacman{
		margin-right: auto;
		margin-left: auto;
	}
	.containFooter ul.linklist li{
		display: inline-block;
		margin-right: 10px;
	}
	.lt-ie8 .containFooter ul.linklist li{
		display: inline;
	}
	/* @end */
	/*@group mosaic*/
	.mosaic .item,.mosaic .item.big{
		width: 368px;
	}
	.grid-sizer, .mosaic .item.quart{
		width:  172px;
	}
	.grid-sizer, .mosaic .item.quinte{
		width:  172px;
	}
	.mosaic .item.full{ width:  980px; }
	
	.mosaic .item.medium{
		width: 310px;
		height: 310px;
	}
	
	.mosaic .item,.mosaic .item .contentItem{ height:  368px; }
	.mosaic .item.bigH,.mosaic .item.bigH .contentItem{ height: 368px; }
	
	.mosaicMargin{
		padding-top: 24px;
	}
	/* @end*/
	.txtItem{
		font-size: 0.8em;
	}
	
	.mosaic .item .txtItem {
		height: 70%;
	}
	.mosaic .item .visuhobbies{
		margin-bottom: 0;
		padding-bottom: 2%;
		height: 25%;
	}
	.visuhobbies .halfImg{
		display: none;
		margin-right: 5%;
		width: 45%;
		height: 50%;
	}
	.visuhobbies div{
		display: inline-block;
		float: left;
		margin-bottom: 3%;
		width: 95%;
		height: 44%;
	}
	.lt-ie8 .visuhobbies div{
		display: inline
	}
	.callPush {
		margin-left:61px;
		width: 80%;
	}
	.testimonial, .references {
		width: 100%;
		display: block;
		float: none;
		position: relative;
	}
	.arrowsTest {
		top: 320px;
		left: 50%;
		margin-left: -45px;
	}
	
	.references {
		margin-top: 60px;
	}
	.pack_feature_description{
		display: none;
		font-size: 0.8em;
		text-align: justify; 
	}
	#filters li {
		width:auto;
		padding:5px;
		margin:10px auto;
		float: left;
	}
}

@media (max-width: 767px) {
	
	.zone-content{
		font-size: 0.9em;
	}
	
	.content-page h1{
		margin-top: 120px;
	}
	
	/* @group standard */
	
	.bloc-titre .titre img{
		margin-bottom: 20px;
	}
	
	.zone-slide{
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		background: #fff;
		position: absolute;
		margin-top: 0;
		top: 55px;
	}
	
	.zone-slide.fixed{
		position: fixed;
		top: 0;
		z-index: 3;
		margin-top: 0;
	}
	
	.zone-slide ul.menu-slide{
		margin: 0;
		padding: 10px;
		text-align: center;
	}
	
	.zone-slide ul.menu-slide li{
		display: inline-block;
		margin-right: 20px;
		padding-left: 13px;
	}
	
	.lt-ie8 .zone-slide ul.menu-slide li{
		display: inline;
	}
	
	.content-page{
		float: none;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		
		/*padding-top: 70px;*/
		
	}
	.content-page.first-content{
		margin-top: 80px;
	}
	.zone-slide ul.menu-slide {
		position: relative;
	}

	.bloc-img.inser-gauche img, .bloc-img.inser-droite img {
		max-width: 300px;
		float: none;
		width: 100%;
		height: auto;
		display: block;
		margin:  0 auto 30px auto;
	}
	
	.bloc-img.ext-droite .txt-bloc, .bloc-img.ext-gauche .txt-bloc {
		float: none;
		width: 100%;
	}
	
	.bloc-img.ext-droite img, .bloc-img.ext-gauche img {
		max-width: 300px;
		float: none;
		width: 100%;
		height: auto;
		display: block;
		margin:  0 auto 30px auto;
	}
	
	.bloc-titre.ext-gauche .titre, .bloc-titre.ext-droite .titre {
		float: none;
		width: 100%;
	}
	
	.bloc-titre.ext-gauche .txt-bloc, .bloc-titre.ext-droite .txt-bloc{
		float: none;
		width: 100%;
	}
	
	.bloc-titre.ext-gauche img, .bloc-titre.ext-droite img{
		max-width: 300px;
		float: none;
		width: 100%;
		height: auto;
		display: block;
		margin:  0 auto 30px auto;
	}
	/* @end */

	.contentPush .buttonstyle a{
		padding: 0.2em 0.5em;
		font-size: 0.9em;
	}
	#header.fixed {
		position: static;
		padding-top: 20px;
	}
	.presTxt {
		text-align: center;
		margin-top: 30px;
	}
	#main{
		margin-top: 30px;
	}
	.smallViewport #header{
		height: 50px;
		background-color: #ffffff;
		position: absolute;
	}
	.smallViewport #logo{
		padding: 0;
		margin: 0;
		top: 0;
		z-index: 20;
		margin: 0;
		width: 170px;
		font-size: 1.2em;
	}
	.row{
		padding: 0;
	}
	#ContentHeader, .full{
		width: 100%;
	}
	.half{
		width: 100%;
		padding: 0;
	}
	.accrocheHome{
		font-size: 2.5em;
		text-align: center;
	}
  
	.pushHome{
		background: url(../images/layout/visuel-pushHome-small.png) no-repeat 50% 241px;
		z-index: 0;
		height: 480px;
	}
	
	.pushHome .buttonstyle {
		margin-right: auto;
		margin-left: auto;
	}

	.buttonstyle{
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 0.9em;
		text-align: center;
	}

	.buttonstyle.alignRight{
		margin-right: auto;
		margin-left: auto;
		display: block;
		position: relative;
		float: none;
	}	
	.row{
		width: 92%;
		padding-right: 4%;
		padding-left: 4%;
	}
  
	 /* nav*/ 
	 #nav{
	 	padding-top: 30px;
	 	margin: 0;
	 	position: absolute;
	 	top: 0;
	 	width: 100%;
	 	left: 0;
	 	z-index: 10;
	 	background-color: #ffffff;
	 }
	 #nav > a{
		display: block;
		height: 50px;
		width: 92%;
		text-align: right;
		margin-right: 6%;
		background-position: 100% 7px;
		margin-top: -15px;
	 }
	#nav ul{
		margin-top: 16px;
		padding-top: 40px;
	}

  #nav li{
		width: 100%;
		display: block;
		position: relative;
		height: auto;
		margin-top: 0;
		padding-top: 0;
		padding-right: 0;
		text-align: center;
  }
  

  
    #nav  li a{
		padding: 5px 0 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	#nav li ul {
		display: block;
		position: static;
		margin-top: 5px;
	}
	#nav li.ProductTxt ul,#nav li.CompagnyTxt ul{
		background: url(none) transparent;
		color: #000000;
		padding-bottom: 2px;
		margin-bottom: 20px;
		margin-right: 0;
		padding-right: 0;
		margin-left: 0;
	}
	#nav  ul li a{
		border-bottom: 1px solid #c7c7c7;
		width: 100%;
		display: block;
	}
	#nav  ul li  ul a{
		border-bottom: 0px dashed #c7c7c7;
	}
	  
	#nav li.ProductTxt ul a,#nav li.CompagnyTxt ul a{
		color: #000000;
	}
	#nav > ul
	{
		padding-left: 0;
		height: auto;
		padding-top: 0;
	}
	#nav > ul > li
	{
		padding: 0!important;
		margin: 0!important;
		float: none;
		background-color: #ffffff;
		width:100%;
	}
	#nav ul {
		display: none;
	}
	
	#nav ul.menuVisible{
		display: block;
	
	}

	.buttonShowMenu{
		background: url(../images/layout/flechemenu.png) no-repeat 100% 55%;
		padding-right: 12px;
	}
	.buttonShowMenu.upmenu{
		background: url(../images/layout/closemenu.png) no-repeat 100% 53%;
		padding-right: 12px;
	}
	
	.contactButton{
		display: none !important;
	}	 
	
	.contactPush,.pushContactHome{
		width: 92%;
		margin-right: 2%;
		margin-left: 2%;
	}
	.motscles{	
		background: url(../images/layout/mots-cles.jpg) 0 0 no-repeat; 
		background-size: 100% auto;
		position: relative;
		display: block;
		margin-top: 50px;
	}
	.references{
		margin-top: 60px;
	}
	
	#toutes-refs {
		margin-left: 0;
	}
	.exemple{
		padding-bottom: 40px;
	}
	.tabExemple ul {
		width: 100%;
		position: static;
	}
	.exemple ul li.admin.active a,.exemple ul li.admin a, .exemple ul li.admin a:hover,.exemple ul li.user.active a,.exemple ul li.user a, .exemple ul li.user a:hover{
		background-image: url(transparent);
		margin-right: 0;
		padding-right: 10%;
		text-align: center;
	}
  
  
	.tabExemple ul li {
		font-size: 0.8em;
		height: 20px;
	}
	.videoEx{
		width: 100%;
	}
	.argumentEnd .third{
		background-position-x:50%;
		background-position-y:20px;
		text-align: center;
		padding-top: 90px;
		font-size: 0.8em;
		border-bottom: 1px solid #d2d2d2;
		width: 85%;
	}

	.testimonial ul{
		height: 240px;
	}
	.argumentEnd .third{
	 	background-position-x:50%;
	 	background-position-y:20px;
	 	text-align: center;
	 	padding-top: 90px;
	 	font-size: 0.8em;
	 	border-bottom: 1px solid #d2d2d2;
	}
	.bubble {
		position: relative;
		width: 50%;
		float: left;
	}
	.authorId {
		display: block;
		float: left;
		width: 40%;
		position: relative;
		padding-left: 5%;
		padding-top: 27px;
	}
	 .arrowsTest {
	 	/*display: none;*/
	 	left: 50%;
	 	margin-left: -120px;
	 }
	 .testimonial ul{
	 	height: auto;
	 }
	 .bubble p {
	 	width: 88%;
	 	position: relative;
	 }
	
	 .colonnies{
	 	background: url(../images/layout/colonies-small.png) 50% 50% no-repeat scroll;
	 	display: none;
	 	float: left;
	 	right: 0;
	 	left: 0;
	 	bottom: 0;
	 	padding: 00px;
	 	margin: 0;
	 	height: 0;
	 	width: 0;
	 }
  	 .billeterie{
  	 	background: url(../images/layout/billeterie-small.png) 50% 50% no-repeat scroll;
  	 	display: none;
  	 	float: left;
  	 	right: 0;
  	 	left: 0;
  	 	bottom: 0;
  	 	padding: 00px;
  	 	margin: 0;
  	 	height: 0;
  	 	width: 0;
  	 }
  	 .sejoursFamilles{
  	 	background: url(../images/layout/sejours-famille-small.png) 50% 50% no-repeat scroll;
  	 	display: none;
  	 	float: left;
  	 	right: 0;
  	 	left: 0;
  	 	bottom: 0;
  	 	padding: 00px;
  	 	margin: 0;
  	 	height: 0;
  	 	width: 0;
  	 }
  	 .paiementEnLigne{
  	 	background: url(../images/layout/paiement-en-ligne-small.png) 50% 50% no-repeat scroll;
  	 	display: none;
  	 	float: left;
  	 	right: 0;
  	 	left: 0;
  	 	bottom: 0;
  	 	padding: 00px;
  	 	margin: 0;
  	 	height: 0;
  	 	width: 0;
  	 }
  	 .ChequesVacances{
  	 	background: url(../images/layout/cheque-vacances-small.png) 50% 50% no-repeat scroll;
  	 	display: none;
  	 	float: left;
  	 	right: 0;
  	 	left: 0;
  	 	bottom: 0;
  	 	padding: 00px;
  	 	margin: 0;
  	 	height: 0;
  	 	width: 0;
  	 }
  	 .ASC{
  	 	background: url(../images/layout/asc.png) 50% 50% no-repeat scroll;
  	 	display: none;
  	 	float: left;
  	 	right: 0;
  	 	left: 0;
  	 	bottom: 0;
  	 	padding: 00px;
  	 	margin: 0;
  	 	height: 0;
  	 	width: 0;
  	 }
  	 .half.callPush{
  	 	width: 75%;
  	 	margin-right: auto;
  	 	margin-left: auto;
  	 	clear: none;
  	 	float: none;
  	 	display: block;
  	 }
  	  .footer .full{
  	  	margin: 0;
  	  	padding: 0;
  	  }
  	 .footer .third{
  	 	width: 95%;
  	 	padding: 20px 0;
  	 	margin: 0 auto;
  	 	border-right-width: 0;
  	 	height: auto;
  	 }
  	/*@group footer*/
  	.footer .third.last{
  		width: 95%;
  	}
  	.containFooter ul.linklist {
  	padding-top: 0;
  	text-align: center;
  	}
  	.pacman{
  		margin-right: auto;
  		margin-left: auto;
  	}
  	.containFooter ul.linklist li{
  		display: inline-block;
  		margin-right: 10px;
  	}
  	.lt-ie8 .containFooter ul.linklist li{
  		display: inline;
  	}
  	.containFooter ul.socialpin{
  		display: block;
  		position: relative;
  		margin: 0 0 30px;
  		padding: 0;
  		width: 100%;
  		text-align: center;
  		top: 0;
  	}
  	/* @end */
  	 /*@group mosaic*/
  	 
  	 .grid-sizer,.mosaic .item,.mosaic .item.big{
  	 	width: 100%;
  	 }
  	 
  	 .mosaic .item.full{ width:  980px; }
  	 .mosaic .item.medium{
  	 	width: 310px;
  	 	height: 310px;
  	 }
  	 
  	 .mosaic .item,.mosaic .item .contentItem{ 
  	 	height:  100%; 
  	 }
  	 
  	 .mosaic .item.bigH,.mosaic .item.bigH .contentItem{ 
  	 	height: 300px;
  	 	
  	 }
  	 .gutter-sizer{
  	 	width:14px;
  	 }
  	 .mosaicMargin{
  	 	padding-top: 58px;
  	 }
  	 /* @end*/
  	 .mosaic .item a .contentItem,.mosaic .item a:hover .contentItem{
  	 	left: 35%;
  	 	width: 62%;
  	 }
  	 .mosaic .item a:hover .contentItem{
  	 	left: 35%;
  	 }
  	 .mosaic .item a.people .imgItem,.mosaic .item a.people:hover .imgItem{
  	 	width: 35%;
  	 	height: 100%;
  	 	position: relative;
  	 	overflow: hidden;
  	 }
  	 .mosaic .item a.people:hover .imgItem{
  	 	margin-left: 0;
  	 }
  	 .mosaic .item a.people .imgItem img{
  	 	height: 100%;
  	 	width: auto;
  	 	min-width: 300px;
  	 	position: absolute;
  	 	left: 50%;
  	 	top: 0;
  	 	margin-left: -150px;
  	 }
  	 .visuhobbies .halfImg{
  	 	display: none;
  	 }
  	 .mosaic .item .visuhobbies{
  	 	background-color: #e5e56f;
  	 	height: 28%;
  	 	display: none;
  	 }
  	 .mosaic .item .txtItem{
  	 	height: 100%;
  	 	margin: 0% 0 0 6%;
  	 }
  	 .contactPush .buttonstyle {
  	 	text-align: center;
  	 }
  	 .callPush {
  	 	text-align: center;
  	 }
  	 .callPush .buttonstyle {
  	 	text-align: center;
  	 	float: none;
  	 	margin: 25px auto;
  	 }
  	 .contactPush h3, .callPush h3 {
  	 	padding-left: 0;
  	 	background: none;
  	 	text-align: center;
  	 }
  	 .contactPush p, .callPush p {
  	 	text-align: center;
  	 }
  	 .argumentEnd h4{
  	 	padding-left: 0;
  	 	padding-top: 30px;
  	 }
  	 
  	 
  	 
  	 
  	 /*.mosaic .item a.people .imgItem, .mosaic .item a.people:hover .imgItem{
  	 	width: 300px;
  	 	display: inline-block;
  	 	position: relative;
  	 }
  	 .mosaic .item a .contentItem, .mosaic .item a:hover .contentItem {
  	 left: 0;
  	 width: auto;
  	 position: relative;
  	 display: inline-block;
  	 }*/
  	 .pack_feature_description{
		display: none;
		font-size: 0.8em;
		text-align: center; 
	}
  	 .pack_feature_label_collapse, .pack_feature_label_expand{
		background: none;
	}
	#filters li {
		width:auto;
		padding:5px;
		margin:10px auto;
		float: left;
	}
}

.cyberce_footer{
	margin:auto;
	width: 180px;
	height: 55px;
	background: url('../images/layout/cyberce_footer_out.png') no-repeat 100% 0;
}
.cyberce_footer:hover{
	background: url('../images/layout/cyberce_footer_hover.png') no-repeat 100% 0;
}

/* @group retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    
}
/* @end */

/* @end */


/* @group print */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; -ms-filter: none !important; filter:none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .pack_feature_description{display: block;text-align: justify;}
  .pack_feature_label_collapse, .pack_feature_label_expand{background: none;}
}

/* @end */

.formule{
	width:200px;
	min-height:500px;
	border:2px white solid;
	margin:auto;
	background-color: #f8e4d0;
}
.formule p{
	padding: 8px;
}
.formule_option{
	color:#633448;
	font-size:1.1em;
}
.formule_description{
	color:#5c5958;
	font-size:0.9em;
}
.formule_title{
	font-size: 1.4em;
	width:120px;
	margin:5px auto auto auto;
	text-align: center;
	padding-top: 145px;
	color: #ff036d;
	text-transform: uppercase;
}
.formule_junior{
	background: url('../images/layout/formule1.png') no-repeat 100% 20px;
}
.formule_senior{
	background: url('../images/layout/formule2.png') no-repeat 100% 20px;
}
.formule_major{
	background: url('../images/layout/formule3.png') no-repeat 100% 20px;
}
.formule_major2{
	background: url('../images/layout/formule4.png') no-repeat 100% 20px;
}
.donnees-personnelles{text-align:justify;margin-top:25px;color:#777;font-size:70%}