@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
/*font-family: 'Open Sans', sans-serif;*/
/*RESET*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	list-style:none;
}




a{
	text-decoration:none;
}

body
{
	background-image: url(graphisme/bkg_site.jpg);
	background-repeat:repeat-x;
	font-family: 'Open Sans', sans-serif;
	color:#565656;
	font-size:13px;
}

.invisible{
	display:none;
	visibility:hidden;
	width:0px; height:0px;
}

#header{
	text-align:center;
	height:265px;
	background-color:#2f333b;
}

.logo{
	margin-top:20px;
	}
	
	
	.boutons_gen{
	width:1000px;
	margin:auto;
	margin-top:50px;
	
}

.bouton_g a{
	float:left;
	font-family: 'Open Sans', sans-serif;
	display:block;
	width:125px;
	height:50px;
	color:#FFF;
	line-height: 50px;
	text-align:center;
	border-right:solid 1px #686868;
	background-color:#5f6369;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
	border-radius:5px 0px 0px 5px;

}



.bouton_g a:hover{
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
	border-radius:5px 0px 0px 5px;
	color:#FFF;
	background-color:#ff4000;
	
	-webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
	
}

.bouton_d a{
	float:left;
	font-family: 'Open Sans', sans-serif;
	display:block;
	width:125px;
	height:50px;
	color:#FFF;
	line-height: 50px;
	text-align:center;
	background-color:#5f6369;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}



.bouton_d a:hover{
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	color:#FFF;
	background-color:#ff4000;
	-webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
	
	
}

.bouton a{
	float:left;
	font-family: 'Open Sans', sans-serif;
	display:block;
	width:125px;
	height:50px;
	color:#FFF;
	line-height: 50px;
	text-align:center;
	border-right:solid 1px #686868;
	background-color:#5f6369;


}



.bouton a:hover{
	color:#FFF;
	background-color:#ff4000;
	-webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
	
}

.contenu1
{
	width:1080px;
	margin:auto;
	color:#FFF;
}

.bkg8 h1,.bkg7 h1, .bkg5 h1, .bkg3 h1, .bkg1 h1
{
	padding-top:24px;
	font-size:30px;
	
}

.bkg1 h1{
	text-align:center;
	
}


.marketing	{
	text-align:center;
	
}

.marketing img	{
	float:left;
}

.marketing img.rond{
	margin-top:15px;
	margin-left:275px;
	
}




.marketing img.point{
	position:relative;
	z-index:10;
	margin-top:-228px;
	margin-left:40px;
	
}

.bkg1
{
	min-height:421px;
	background-color:#9a9ea9;
	width: auto;


}




img.sites, img.boutique_en_ligne {
	margin-right:12px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}




.bkg2 
{
color:#52545a;
width:100%;
min-height:900px;
	
}


.bkg2 h1
{
	padding-top:24px;
	font-size:30px;
	color:#000;
	
}


.sites_satisfait{
		float:left;

	margin-top:30px;
	margin-left:100px;
	color:#FFF;
	background-color:#ff4000;
	text-align:center;
	width:200px;
	height:200px;
	line-height:200px;
	font-size:40px;
	
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}

.site_rond_mini{
	float:left;
	margin-top:0px;
	margin-left:0px;
	color:#FFF;
	background-color:#ff4000;
	text-align:center;
	width:80px;
	height:80px;
	line-height:80px;
	font-size:20px;
	
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	margin-right:50px;	
	
}

.sites_texte{
		margin-top:80px;

	float:left;
	color:#ff4000;
	margin-left:100px;
	font-size:36px;
	width:650px;
	line-height:20px;
	margin-bottom:100px;
	
}


.sites_texte h2{
 font-size:18px; color:#52545a;
}


.com_site{
	float:left;
	width:435px;
	margin-right:10px;
	padding:50px;
	height:150px;
	color:#52545a;

}

.com_site h1{
	color:#52545a;
	margin-top:-10px;

}

.com_site h2{
	font-weight:300;
	font-style:italic;
	margin-bottom:25px;
	color:#ff4000;

}

.com_site p{
	text-align:justify;

}





.bkg3 
{
	background-image:url(../img/background.jpg);
	background-attachment:fixed;
	height:700px;
	background-position:center -1000px;

}


.boutique h2{
	font-size:50px;
	font-weight:600;
	color:#ff4000;
}

.boutique p{
	font-size:16px;
	font-weight:600;
	width:500px;
	line-height:30px;
	
	-moz-text-shadow: 0px 0px 2px #2e2f34;
	  -webkit-text-shadow: 0px 0px 2px #2e2f34;
	  text-shadow: 0px 0px 2px #2e2f34;

}

.boutique_illustration{
	width:629px;
	height:400px;
	background-image:url(../img/boutique-en-ligne1.png);
	background-repeat:no-repeat;
	margin-left:450px;
	margin-top:-315px;
	
	
}



.bkg4 
{
	background-color:#FFF;
	min-height:980px;
}

.bkg4 h1	{
padding-top:24px;
	font-size:30px;
		color:#52545a;
		text-align:center;

	
}

.box_marketing{
	float:left;
	width:230px;
	margin-right:20px;
	margin-top:10px;
	color:#52545a;
}

.box_marketing h3{
	font-size:30px;
		color:#52545a;
		
		
}

.box_marketing h4{
	font-size:14px;
	font-weight:400;
	letter-spacing:2px;
	margin-top:-5px;
	margin-bottom:15px;

}

.box_marketing p{
	text-align:justify;


}




.bkg5 
{
	background-image:url(../img/background-facturation.jpg);
	background-attachment:fixed;
	height:736px;
	background-position:center center;
	
}



.bkg5 h1{
	color:#52545a;

	
}
.bkg5 h2{
	font-size:40px;
	font-weight:600;
	color:#00a8ff;

	
}

.bkg5 p{
	font-size:16px;
	font-weight:600;
	line-height:30px;
	color:#52545a;

}

.facturation {
	
	text-align:center;

}

.facturation #logo_easy_time{
	
	margin-top:70px;
	
}

.bkg6{
	
	background-color:#9a9ea9;
	height:301px;
}

.compatible h1{
padding-top:24px;
	font-size:45px;
	font-weight:400;
		text-align:center;	
	
}

.compatible h2{
	color:#f3e2d2;

	font-size:45px;
	font-weight:600;
		text-align:center;	
	
}

.bkg6 p{
	font-size:16px;
	font-weight:600;
	line-height:30px;
}


.compatible img{
	
	margin-top:20px;
	margin-right:100px;
	
	
}


.bkg7{
	
}

.accessible{
	text-align:center;
}

.accessible p, .accessible h1{
	color:#52545a;

}



.box_marketing2{
	float:left;
	width:230px;
	margin-right:20px;
	margin-top:10px;
	color:#52545a;
}

.box_marketing2 h3{
	font-size:30px;
		color:#52545a;
		
		
}

.box_marketing2 h4{
	font-size:14px;
	font-weight:400;
	letter-spacing:2px;
	margin-top:-5px;
	margin-bottom:15px;

}

.box_marketing2 p{
	text-align:justify;


}

.bkg8{
	background-image:url(../img/background-caisse.jpg);
	background-attachment:fixed;
	height:500px;
	background-position:center center;
	
	
}



.bkg8 h1{
	color:#52545a;

	
}

.bkg8 h2{
	font-size:50px;
	font-weight:600;
	color:#f30537;
	-moz-text-shadow: #e7e8e9 1px 1px, #e7e8e9 -1px 1px, #e7e8e9 -1px -1px, #e7e8e9 1px -1px;
-webkit-text-shadow: #e7e8e9 1px 1px, #e7e8e9 -1px 1px, #e7e8e9 -1px -1px, #e7e8e9 1px -1px;
text-shadow: #e7e8e9 1px 1px, #e7e8e9 -1px 1px, #e7e8e9 -1px -1px, #e7e8e9 1px -1px;
	
}


.caisse p{
	text-align:center;
	font-size:16px;
	font-weight:600;
	line-height:30px;
	color:#27282b;
	padding:10px;
	
	background-color:rgba(255,255,255,0.5);
	
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

.bkg8 h3{
	text-align:center;
	margin-top:30px;
	font-size:50px;
	font-weight:600;
	color:#121922;
	
-moz-text-shadow: #a4a6a9 1px 1px, #a4a6a9 -1px 1px, #FFF -1px -1px, #FFF 1px -1px;
-webkit-text-shadow: #a4a6a9 1px 1px, #a4a6a9 -1px 1px, #FFF -1px -1px, #FFF 1px -1px;
text-shadow: #a4a6a9 1px 1px, #a4a6a9 -1px 1px, #FFF -1px -1px, #FFF 1px -1px;

}


.bkg9{

	min-height:425px;
	background-color:#FFF;
	
}



.com_caisse{
	float:left;
	margin-right:10px;
	padding:50px;
	height:200px;
	color:#52545a;
	font-size:16px;
}


.satisfait{
float:left; 
width:200px; 
}

.site_rond_mini2{
	
	margin-top:0px;
	margin-left:0px;
	color:#FFF;
	background-color:#f30537;
	
	text-align:center;
	width:150px;
	height:150px;
	line-height:150px;
	
	font-size:40px;
	font-weight:600;
	
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	border-radius: 75px;
	
}

.com_caisse h1{
font-size:1.4em;

	margin-top:-10px;

}

.com_caisse h2{
	font-weight:300;
	font-style:italic;
	margin-bottom:25px;
	color:#f30537;

}

.com_caisse p{
	text-align:justify;
	margin-left:200px;

}




.bkg10 
{
	background-image:url(../img/background-contact.jpg);
	background-attachment:fixed;
	height:1400px;
	background-position:center center;
	padding-top:30px;
	
}


.contact h1{
	text-align:center;
	margin-top:30px;
	font-size:50px;
	font-weight:600;
	color:#5eb6fe;
	
-moz-text-shadow: #FFF 1px 1px, #FFF -1px 1px, #FFF -1px -1px, #FFF 1px -1px;
-webkit-text-shadow: #FFF 1px 1px, #FFF -1px 1px, #FFF -1px -1px, #FFF 1px -1px;
text-shadow: #FFF 1px 1px, #FFF -1px 1px, #FFF -1px -1px, #FFF 1px -1px;
margin-bottom:30px;

}


.contact h2{
	text-align:center;
	margin-top:30px;
	font-size:20px;
	font-weight:600;
	color:#5eb6fe;
	
-moz-text-shadow: #FFF 1px 1px, #FFF -1px 1px, #FFF -1px -1px, #FFF 1px -1px;
-webkit-text-shadow: #FFF 1px 1px, #FFF -1px 1px, #FFF -1px -1px, #FFF 1px -1px;
text-shadow: #FFF 1px 1px, #FFF -1px 1px, #FFF -1px -1px, #FFF 1px -1px;
margin-bottom:10px;

}

.fond_block{
	clear:both;
}

#form_contact label{
	display:inline-block;
	width:80px;
	line-height:20px;
	text-align:right;
	margin-right:10px;
	vertical-align:top;
	margin-bottom:15px;
	color:#52545a;
	font-size:15px;
	
	margin-left:16px;

}

#form_contact input[type="text"]{
	width:380px;
	border:1px solid #6f99c3;
	height:20px;
	margin:0;
	padding:0 0 0 5px;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
}

#form_contact input[type="submit"]{
	width:381px;
	margin:0;
	padding: 5px 0 5px 0;
	margin-left:109px;
	cursor:pointer;
	background-color:#5eb6fe;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	color: #FFF;
	display:inline-block;
	border: none;
	

}


#form_contact textarea{
	width:380px;
	border:1px solid #6f99c3;
	height:100px;
	margin:0;
	padding:5px 0 0 5px;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;

}



.communication
{
	margin-top:5px;
	text-align:center;
	width:auto;
	background-color: #e7f89d;
}

.communication a
{
	
	color:#1389be;

}


.contact{
	margin-top:30px;
	font-size:18px;
	
	width:600px;
	margin:auto;
	color:#52545a;
}

.coord{
text-align:center;
}







 /*---------------------------------MENU DEROULANT------------------------*/

#menu_deroulant, #menu_deroulant ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 50px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		width:1080px;
			margin:auto;
		margin-top:38px;
}

#menu_deroulant /* Ensemble du menu */
{
        font-family: 'Open Sans', sans-serif;
		letter-spacing:2px;
}

#menu_deroulant a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
	background-color: #5f6369;
        color : #FFF; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 125px; /* largeur */
		cursor:pointer;

}

#menu_deroulant li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
		border-right:solid 1px #686868;
}

#menu_deroulant li.bord_droit /* Elements des listes */      
{ 

        border: none; /* on met une bordure blanche à droite de chaque élément */
}

#menu_deroulant li.bord_droit a /* Elements des listes */      
{ 

			-moz-border-radius: 0 8px 8px 0;
	-webkit-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;
}


#menu_deroulant li.bord_gauche a /* Elements des listes */      
{ 
	-moz-border-radius: 8px 0 0 8px;
	-webkit-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
}



#menu_deroulant li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 125px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */

}


#menu_deroulant li ul li /* Éléments de sous-listes */
{
		margin-left:0px;
		border:none;
		letter-spacing:0;
		border-top: 1px solid #414141;


}


#menu_deroulant li ul li:last-child a /* Éléments de sous-listes */
{
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	border-bottom:none;
}


#menu_deroulant li ul ul 
{
        margin    : -50px 0 0 125px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        /*border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */ 
		background-color: rgba(239,240,242,0.8);

     
}


#menu_deroulant a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #fff; /* On passe le texte en noir... */
        background: #ff4000; /* ... et au contraire, le fond en blanc */
	-webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

#menu_deroulant li:hover ul ul, #menu_deroulant li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
	-webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;		
}

#menu_deroulant li:hover ul, #menu_deroulant li li:hover ul, #menu_deroulant li.sfhover ul, #menu_deroulant li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
	-webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;		
}


/*Formulaire candidat----------------------------------------------------------*/

.centre_candidat{
	width:1000px;
	margin:auto;
	color:#121212;
	font-size:16px;
	line-height:1.5em;
}

.centre_candidat h1{
	text-align:center;
	font-size:24px;
	color: #121212;	
}

#header h1{	
	font-size:24px;
	color:#FFF;
	font-weight:300;
	margin-top:25px;
}



#form_postulant label{
	display:inline-block;
	width:100px;
	line-height:20px;
	text-align:left;
	margin-right:10px;
	vertical-align:top;
	margin-bottom:20px;

	color:#121212;
	font-size:15px;
}

#form_postulant input[type="text"]{
	width:380px;
	border:1px solid #6f99c3;
	height:20px;
	margin:0;
	padding:0 0 0 5px;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
}

#form_postulant input[type="submit"]{
	width:381px;
	margin:0;
	padding: 5px 0 5px 0;
	cursor:pointer;
	background-color:#7ccb15;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	display:inline-block;
	border: none;
		font-size:14px;
		margin-right:70px;
		color:#000;


}


#form_postulant textarea{
	width:1000px;
	border:1px solid #6f99c3;
	height:100px;
	margin:0;
	padding:5px 0 0 5px;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	margin-top:10px;
	margin-bottom:40px;

}

#form_postulant select{
	width:200px;
	border:1px solid #6f99c3;
	height:20px;
	margin:0;
	padding:0 0 0 5px;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
}

#form_postulant input[type="radio"]{
	margin-right:100px;

}


#form_postulant a.annule{
	width:300px;
	margin:0;
	padding: 0;
	cursor:pointer;
	background-color:#cb1516;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size:14px;
	text-align:center;
	
	color: #FFF;
	display:inline-block;
	border: none;
	

}