/*
Theme Name: Griffe Conception
Description: Thème personnalisée pour Griffe Conception
Theme URI: https://griffeconception.ca
Author: Étienne Thibault
Author URI: https://griffeconception.ca
Version: 1.0
*/

@font-face{
    font-family:century gothic;
    src:url(https://rtfs.ca/font/century_gothic/century_gothic_regular.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
	}
	
@font-face{
    font-family:dragon;
    src:url(https://rtfs.ca/font/dragonIsComing/Dragon-Is-Coming-Light.otf) format('truetype');
	font-weight: normal;
	font-style: normal;
	}

@font-face{
    font-family:customize;
    src:url(https://rtfs.ca/font/customize/customize.ttf);
	}

html{
	min-width:300px;
	}
	
body{
	width:auto;
	margin:0;padding:0;
	font-family:century gothic;
	color:#3C3C3B;
	}

h1, h2, h3, h4, h5, h6 {
	margin:0;padding:0;
}

h3{
	line-height:45px;
}

ul, ol {
	margin:0;padding:0;
	list-style-type: none;
}

p {
	margin:0;padding:0;
}

address {
	margin:12px 0;
	font-style:normal;
}

a:focus {
	outline:none;
}

img {
	border:none;
}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

form, fieldset {
	margin:0;padding:0;
	border:none;
}

input, button, select {
	vertical-align:middle;
}

.clr {
	clear :both;
}

.clearfix:after {
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
}

/* Styles généraux */
a, a:visited {
	color:inherit;
	text-decoration:none;
}

a:hover {
	color:inherit;
}

/* largeur du theme */

.container {
	width:100%;
	margin:0 auto;
}

/* menu horizontal */
header{
	width:auto;
	margin:0 0 40px 0;padding:20px 30px;
	background:#383838;
	text-align:center;
	font-family:montserrat;
	}
	
header .headerSectionAnchor a{
	display:inline-block;
	margin:60px 0 0 0;padding:10px 20px;
	border:3px solid white;
	background:white;
	text-decoration:none;
	color:#3C3C3B;
	font-size:20px;
	-moz-transition:background 0.2s, color 0.2s;
	-webkit-transition:background 0.2s, color 0.2s;
	-o-transition:background 0.2s, color 0.2s;
	transition:background 0.2s, color 0.2s;
	}
	
header .headerSectionAnchor a:hover{
	background:none;
	color:white;
	}
	
header #headerLogo{
	width:700px;
	margin-top:110px;
	}
	
header #buttonNavigationSmall{
	display:none;
	}
	
header #mainMenu{
	margin:0;
	text-align:center;
	font-family:century gothic;
	}
	
header #mainMenu li{
	display:inline-block;
	line-height: 40px;
	vertical-align: middle;
	}
	
header #mainMenu li + li{
	margin:0 0 0 20px;
	}
	
header #mainMenu a{
	margin:0 0 -8px 0;padding:0 0 5px 0;
	text-decoration:none;
	color:white;
	font-size:20px;
	-moz-transition:margin 1s, padding 1s;
	-webkit-transition:margin 1s, padding 1s;
	-o-transition:margin 1s, padding 1s;
	transition:margin 1s, padding 1s;
	}
	
header #mainMenu li a:hover{
	margin:0 0 -3px 0;padding:0;
	border-bottom:2px solid white;
	}
	
#articleSectionLogo{
	height:70px;
	margin:0;padding:0;
	}
	
#articleSectionLogo a:hover{
	margin:0 !important;padding:0 !important;
	border-bottom:none !important;
	}
	
#articleSectionLogo a img{
	height:70px;
	}

.section{
	width:700px;
	margin: auto;
    text-align:center;
	}
	
article{
    min-height:500px;
}
	
figcaption{
	width: 900px;margin:0 auto;
	}
	
#articleSectionAccueil{
	margin:0;padding:120px 40px 0 40px;
	background:white;
	text-align:center;
	}
	
#articleSectionAccueil #articleSectionAccueilDiv1{
	margin:0 auto;padding:0;
	}
	
#articleSectionAccueil #articleSectionAccueilDiv1 figure{
	margin:0;padding:0;
	}
	
#articleSectionAccueil #articleSectionAccueilDiv1 figure figcaption{
	margin:0 auto;padding:0;
	}
	
#articleSectionAccueil #articleSectionAccueilDiv1 figure figcaption h3{
	font-size:40px;
	font-weight:normal;
	}
	
#articleSectionAccueil #articleSectionAccueilDiv1 figure figcaption #verticalBar{
	display:block;
	width:70px;height:2px;
	margin:20px auto 0 auto;padding:0;
	background:#3C3C3B;
	}
	
#articleSectionAccueil #articleSectionAccueilDiv1 figure figcaption p{
	margin:20px 0 0 0;padding:0;
	line-height:30px;
	font-size:18px;
	}
	
#articleSectionAccueil #articleSectionAccueilDiv1 figure img{
	width:100%;
	margin:10px 0 -3px 0;
	}
	
#articleSectionServices{
	margin:0;padding:120px 40px;
	background: #303136;
	text-align:center;
	}
	
#articleSectionServices #articleSectionServicesDiv1{
	margin:0 auto 80px auto;padding:0;
	}
	
#articleSectionServices #articleSectionServicesDiv1 figure{
	margin:0;padding:0;
	color:white;
	}
	
#articleSectionServices #articleSectionServicesDiv1 figure figcaption{
	color:white;
	line-height:30px;
	font-size:18px;
	}
	
#articleSectionServices #articleSectionServicesDiv1 figure figcaption h3{
	margin:0;padding:0;
	font-size:40px;
	font-weight:normal;
	color:white;
	}
	
#articleSectionServices #articleSectionServicesDiv1 figure figcaption #verticalBar{
	display:block;
	width:70px;height:2px;
	margin:40px auto 20px auto;padding:0;
	background:white;
	}

#articleSectionServices #articleSectionServicesDiv2{
	height:390px;
	margin:0;padding:0;
	}

#articleSectionServices #articleSectionServicesDiv2 figure{
	display:inline-block;
	width:33%;height:260px;
	margin:0;padding:40px 0;
	border:1px solid #383838;
	background:#f4f4f4;
	color:#4E4E4E;
	cursor:pointer;
	vertical-align:top;
	overflow:hidden;
	transition:height 0.5s, border 0.5s, margin 0.5s;
	-webkit-transition:height 0.5s, border 0.5s, margin 0.5s;
	-moz-transition:height 0.5s, border 0.5s, margin 0.5s;
	-o-transition:height 0.5s, border 0.5s, margin 0.5s;
	}

#articleSectionServices #articleSectionServicesDiv2 figure + figure{
	margin:0 0 0 -4px;
	}

#articleSectionServices #articleSectionServicesDiv2 figure:hover{
	height:650px;
	}

#articleSectionServices #articleSectionServicesDiv2 figure + figure:hover{
	height:500px;
	}

#articleSectionServices #articleSectionServicesDiv2 figure + figure + figure:hover{
	height:470px;
	}

#articleSectionServices #articleSectionServicesDiv2 figure #articleSectionServicesDiv2Div{
	display:inline-block;
	width:200px;height:200px;
	margin:0;padding:0;
	border:0px solid white;
	border-radius:150px;
	background:#4e8f32;
	color:white;
	font:normal 100px customize, serif;
	line-height:200px;
	transition:border 0.5s, margin 0.5s;
	-webkit-transition:border 0.5s, margin 0.5s;
	-moz-transition:border 0.5s, margin 0.5s;
	-o-transition:border 0.5s, margin 0.5s;
	}

#articleSectionServices #articleSectionServicesDiv2 figure:hover #articleSectionServicesDiv2Div{
	margin:-9px 0;
	border:10px solid #4e8f32;
	}

#articleSectionServices #articleSectionServicesDiv2 figure figcaption{
	width:100%;
	margin:40px 0 0 0;
	}
	
#articleSectionServices #articleSectionServicesDiv2 figure figcaption h3{
	margin:0;padding:0;
	font-size:25px;
	font-weight:normal;
	color:#4E4E4E;
	}
	
#articleSectionServices #articleSectionServicesDiv2 figure figcaption p{
	margin:25px 0 0 0;padding:0 10px;
	color:#4E4E4E;
	line-height:25px;
	font-size:17px;
	}
	
#articleSectionObjectifs{
	margin:0;padding:120px 0 110px 0;
	overflow-x:hidden;
	}
	
.articleSectionBlanc #articleSectionObjectifsDiv2{
	display:block;
	margin:0 auto;padding:0;
	text-align:center;
	vertical-align:top;
	}
	
.articleSectionBlanc #articleSectionObjectifsDiv2 figure{
	margin:25px auto 0 auto;padding:0;
	line-height:30px;
	font-size:18px;
	}
	
.articleSectionBlanc #articleSectionObjectifsDiv2 figure figcaption{
	padding:0;
	}
	
.articleSectionBlanc #articleSectionObjectifsDiv2 figure figcaption h3{
	font-size:40px;
	font-weight:normal;
	}
	
.articleSectionBlanc #articleSectionObjectifsDiv2 figure figcaption #verticalBar{
	display:block;
	width:70px;height:2px;
	margin:20px auto 10px auto;padding:0;
	background:#3C3C3B;
	}
	
.articleSectionBlanc #articleSectionObjectifsDiv2 figure img{
	width:80%;
	margin:30px 0 0 0;
	}
	
#articleSectionPourquoi{
	padding:0; 
	text-align:center;
	}
	
#articleSectionPourquoi #articleSectionPourquoiDiv1{
	margin:0 auto;padding:0;
	z-index:1;
	}
	
#articleSectionPourquoi #articleSectionPourquoiDiv1 figure{
	margin:0;padding:0;
	}
	
#articleSectionPourquoi #articleSectionPourquoiDiv1 figure figcaption{
	padding:40px 0;
	background:#4E8F32;
	color:white;
	line-height:30px;
	font-size:18px;
	}
	
#articleSectionPourquoi #articleSectionPourquoiDiv1 figure figcaption p{
	display:block;
	margin:0 auto;
	}
	
#articleSectionPourquoi #articleSectionPourquoiDiv1 figure figcaption h3{
	margin:0;padding:0;
	font-size:40px;
	font-weight:normal;
	}
	
#articleSectionPourquoi #articleSectionPourquoiDiv1 figure figcaption #verticalBar{
	display:block;
	width:70px;height:2px;
	margin:20px auto 20px auto;padding:0;
	background:white;
	}
	
#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivDoctor{
	display:table-cell;
	width:2%;height:250px;
	margin:0;padding:0 20px;
	background: url(https://rtfs.ca/images/pourquoiDoctor.jpg) no-repeat center center; 
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	background-size:100% 100%;
	opacity:0.8;
	-moz-transition:background 2s, opacity 2s;
	-webkit-transition:background 2s, opacity 2s;
	-o-transition:background 2s, opacity 2s;
	transition:background 2s, opacity 2s;
	}
	
#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivDoctor:hover{
	-webkit-background-size:130% 130%;
	-moz-background-size:130% 130%;
	-o-background-size:130% 130%;
	background-size:130% 130%;
	opacity:1;
	}
	
#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivBusiness{
	display:table-cell;
	width:2%;height:250px;
	margin:0;padding:0 20px;
	background: url(https://rtfs.ca/images/pourquoiBusiness.jpg) no-repeat center center; 
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	background-size:100% 100%;
	opacity:0.8;
	-moz-transition:background 2s, opacity 2s;
	-webkit-transition:background 2s, opacity 2s;
	-o-transition:background 2s, opacity 2s;
	transition:background 2s, opacity 2s;
	}
	
#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivBusiness:hover{
	-webkit-background-size:130% 130%;
	-moz-background-size:130% 130%;
	-o-background-size:130% 130%;
	background-size:130% 130%;
	opacity:1;
	}
	
#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivConstruction{
	display:table-cell;
	width:2%;height:250px;
	margin:0;padding:0 20px;
	background: url(https://rtfs.ca/images/pourquoiConstruction.jpg) no-repeat center center; 
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	background-size:100% 100%;
	opacity:0.8;
	-moz-transition:background 2s, opacity 2s;
	-webkit-transition:background 2s, opacity 2s;
	-o-transition:background 2s, opacity 2s;
	transition:background 2s, opacity 2s;
	}
	
#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivConstruction:hover{
	-webkit-background-size:130% 130%;
	-moz-background-size:130% 130%;
	-o-background-size:130% 130%;
	background-size:130% 130%;
	opacity:1;
	}
	
#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1Div4Electrician{
	display:table-cell;
	width:2%;height:250px;
	margin:0;padding:0 20px;
	background: url(https://rtfs.ca/images/pourquoiElectrician.jpg) no-repeat center center; 
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	background-size:100% 100%;
	opacity:0.8;
	-moz-transition:background 2s, opacity 2s;
	-webkit-transition:background 2s, opacity 2s;
	-o-transition:background 2s, opacity 2s;
	transition:background 2s, opacity 2s;
	}
	
#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1Div4Electrician:hover{
	-webkit-background-size:130% 130%;
	-moz-background-size:130% 130%;
	-o-background-size:130% 130%;
	background-size:130% 130%;
	opacity:1;
	}
	
#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivWelder{
	display:table-cell;
	width:2%;height:250px;
	margin:0;padding:0 20px;
	background: url(https://rtfs.ca/images/pourquoiWelder.jpg) no-repeat center center; 
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	background-size:100% 100%;
	opacity:0.8;
	-moz-transition:background 2s, opacity 2s;
	-webkit-transition:background 2s, opacity 2s;
	-o-transition:background 2s, opacity 2s;
	transition:background 2s, opacity 2s;
	}
	
#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivWelder:hover{
	-webkit-background-size:130% 130%;
	-moz-background-size:130% 130%;
	-o-background-size:130% 130%;
	background-size:130% 130%;
	opacity:1;
	}
	
#articleSectionPartenariats{
	margin:0;padding:120px 40px;
	background: url(https://rtfs.ca/images/partenariatsBackground.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align:center;
	}
	
#articleSectionPartenariats #articleSectionPartenariatsDiv1{
	width:100%;
	margin:0;padding:0;
	}
	
#articleSectionPartenariats #articleSectionPartenariatsDiv1 figure{
	width:100%;
	margin:0;padding:0;
	}
	
#articleSectionPartenariats #articleSectionPartenariatsDiv1 figure figcaption{
	display:block;
	width:700px;
	padding:0;
	color:white;
	line-height:30px;
	font-size:18px;
	}
	
#articleSectionPartenariats #articleSectionPartenariatsDiv1 figure figcaption h3{
	margin:0;padding:0;
	line-height:40px;
	font-size:40px;
	font-weight:normal;
	color:white;
	}
	
#articleSectionPartenariats #articleSectionPartenariatsDiv1 figure figcaption #verticalBar{
	display:block;
	width:70px;height:2px;
	margin:20px auto;padding:0;
	background:white;
	}
	
#articleSectionPartenariats #articleSectionPartenariatsDiv1 figure figcaption #articleSectionPartenariatsDiv1SpanCommentText{
	margin:20px 0 0 0;padding:0;
	line-height:30px;
	font-size:20px;
    font-style: italic;
	color:white;
	}
	
#articleSectionPartenariats #articleSectionPartenariatsDiv1 figure figcaption #articleSectionPartenariatsDiv1SpanCommentName{
	display:block;
	margin:20px 0 0 0;padding:0;
	line-height:30px;
	font-size:20px;
	color:white;
	}
	
#articleSectionPartenariats #articleSectionPartenariatsDiv1 figure figcaption #articleSectionPartenariatsDiv1SpanCompagnieName{
	display:block;
	margin:0;padding:0;
	line-height:30px;
	font-size:20px;
	color:white;
	}
	
#articleSectionLogosPartenariats{
    padding:50px 100px;
    text-align:center;
}
	
#articleSectionLogosPartenariats a{
    display: inline-block;
	width:100px;height:100px;
	margin:0;padding:0 20px;	
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	background-size:100% 100%;
	opacity:0.8;
	-moz-transition:background 2s, opacity 2s;
	-webkit-transition:background 2s, opacity 2s;
	-o-transition:background 2s, opacity 2s;
	transition:background 2s, opacity 2s;
	}
	
#articleSectionLogosPartenariats a + a{
	margin:0 0 0 50px;
	}
	
#articleSectionLogosPartenariatsLien1{
	background: url(https://rtfs.ca/images/PartenaireLien2.png) no-repeat center center; 
}
	
#articleSectionLogosPartenariatsLien2{
	background: url(https://rtfs.ca/images/PartenaireLien1.png) no-repeat center center; 
}
	
#articleSectionLogosPartenariatsLien3{
	background: url(https://rtfs.ca/images/PartenaireLien3.png) no-repeat center center; 
}
	
#articleSectionLogosPartenariats a:hover{
	-webkit-background-size:130% 130%;
	-moz-background-size:130% 130%;
	-o-background-size:130% 130%;
	background-size:130% 130%;
	opacity:1;
	}
	
#articleSectionMission{
    padding:50px 0;
}

#articleSectionPaiement{
	margin:0;padding:120px 40px;
	background: #303136;
	text-align:center;
	}
	
#articleSectionPaiement{
	margin:0 auto 0 auto;padding:50px 0;
	}
	
#articleSectionPaiement figure{
	margin:0;padding:0;
	color:white;
	}
	
#articleSectionPaiement figure figcaption{
	color:white;
	line-height:30px;
	font-size:18px;
	}
	
#articleSectionPaiement figure figcaption h3{
	margin:0;padding:0;
	font-size:40px;
	font-weight:normal;
	color:white;
	}
	
#articleSectionPaiement figure figcaption #verticalBar{
	display:block;
	width:70px;height:2px;
	margin:40px auto 20px auto;padding:0;
	background:white;
	}

#articleSectionPaiementInputForm {
    margin-top:20px;
}
	
#articleSectionContact{
	margin:0;padding:120px 40px;
	background: url(https://rtfs.ca/images/contactBackground.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align:center;
	overflow:hidden;
	}
	
#articleSectionContact #articleSectionContactDiv{
	margin:0;padding:0;
	}	
	
#articleSectionContact #articleSectionContactDiv figure{
	width:100%;
	margin:0 0 40px 0;padding:0;
	}
	
#articleSectionContact #articleSectionContactDiv figure figcaption{
	display:block;
	width:700px;
	padding:0;
	color:white;
	}
	
#articleSectionContact #articleSectionContactDiv figure figcaption h3{
	margin:0;padding:0;
	font-size:40px;
	font-weight:normal;
	color:white;
	}
	
#articleSectionContact #articleSectionContactDiv figure figcaption #verticalBar{
	display:block;
	width:70px;height:2px;
	margin:20px auto;padding:0;
	background:white;
	}
	
#articleSectionContact #articleSectionContactDiv figure figcaption p{
	margin:20px 0 0 0;padding:0;
	line-height:30px;
	font-size:20px;
	}

#articleSectionContact #articleSectionContactDiv form{
	display:inline-block;
	width:584px;
	margin:0 0 0 -20px;
	}

#articleSectionContact #articleSectionContactDiv select{
	display:block;
	width:564px;
	margin:0 0 20px 20px;padding:5px 10px;
	border:none;
	border-radius:0;
	-moz-box-shadow:1px 1px 5px 0px rgba(50, 50, 50, 0.23);	
	-webkit-box-shadow:1px 1px 5px 0px rgba(50, 50, 50, 0.23);
	-o-box-shadow:1px 1px 5px 0px rgba(50, 50, 50, 0.23);
	box-shadow:1px 1px 5px 0px rgba(50, 50, 50, 0.23);
	background:white;
	font-size:20px;
	color:#4E4E4E;
	outline:none;
	-moz-appearance:normal;
    -webkit-appearance:normal;
    appearance:normal;
	}	
		
#articleSectionContact #articleSectionContactDiv input, #articleSectionContact #articleSectionContactDiv label, #articleSectionPaiement input{
	display:inline-block;
	width:249px;
	margin:0 0 20px 20px;padding:5px 10px;
	border:none;
	border-radius:0;
	-moz-box-shadow:1px 1px 5px 0px rgba(50, 50, 50, 0.23);
	-webkit-box-shadow:1px 1px 5px 0px rgba(50, 50, 50, 0.23);
	-o-box-shadow:1px 1px 5px 0px rgba(50, 50, 50, 0.23);
	box-shadow:1px 1px 5px 0px rgba(50, 50, 50, 0.23);
	background:white;
	font-size:20px;
	text-align:center;
	color:#4E4E4E;
	outline:none; 
	-moz-appearance: none;
	-webkit-appearance: none; 
	appearance: none;
	}

#articleSectionContact #articleSectionContactDiv textarea{
	display:inline-block;
	width:545px;height:200px;
	margin:0 0 15px 20px;padding:5px 10px;
	border:none;
	border-radius:0;
	-moz-box-shadow:1px 1px 5px 0px rgba(50, 50, 50, 0.23);
	-webkit-box-shadow:1px 1px 5px 0px rgba(50, 50, 50, 0.23);
	-o-box-shadow:1px 1px 5px 0px rgba(50, 50, 50, 0.23);
	box-shadow:1px 1px 5px 0px rgba(50, 50, 50, 0.23);
	background:white;
	font-size:20px;
	color:#4E4E4E;
	outline:none; 
	-moz-appearance:normal;
    -webkit-appearance:normal;
    appearance:normal;
	}	
	
#articleSectionContact #articleSectionContactDiv label, #articleSectionContact #articleSectionContactDiv input[type=button], #articleSectionPaiement input[type=button]{
	width:259px;
	cursor:pointer;
	border-radius:0;
	vertical-align:top; 
	-moz-appearance:normal;
    -webkit-appearance:normal;
    appearance:normal;
	-moz-transition:background 0.2s;
	-webkit-transition:background 0.2s;
	-o-transition:background 0.2s;	
	transition:background 0.2s;	
	}	
	
	#articleSectionContact #articleSectionContactDiv input[type=button]{
		width:564px;
	}
	
#articleSectionContact #articleSectionContactDiv label:hover, #articleSectionContact #articleSectionContactDiv input[type=button]:hover,
#articleSectionPaiement input[type=button]:hover{	
	background:#27a57a;
	}
	
#articleSectionFinancement{
	background: url(https://rtfs.ca/images/financementBackground.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin:0;padding:120px 0 110px 0;
	overflow-x:hidden;
	}
	
#articleSectionFinancement #articleSectionFinancementDiv2{
	display:block;
	margin:0 auto;padding:0;
	text-align:center;
	vertical-align:top;
	}
	
#articleSectionFinancement #articleSectionFinancementDiv2 figure{
	margin:25px auto 0 auto;padding:0;
	line-height:30px;
	font-size:18px;
	}
	
#articleSectionFinancement #articleSectionFinancementDiv2 figure figcaption{
	padding:0;
	color:white;
	}
	
#articleSectionFinancement #articleSectionFinancementDiv2 figure figcaption h3{
	font-size:40px;
	font-weight:normal;
	}
	
#articleSectionFinancement #articleSectionFinancementDiv2 figure figcaption #verticalBar{
	display:block;
	width:70px;height:2px;
	margin:20px auto 10px auto;padding:0;
	background:white;
	}
	
footer{
	margin:0;padding:20px 10px;
	color:white;
	}
	
footer #footerLink{
	display:inline-block;
	}
	
footer #footerLink #footerLinkIcon{
	display:inline-block;
	margin:0 10px 0 0;
	font:normal 30px customize, serif;
	vertical-align:middle;
	}

footer #footerLink .menu-pied-page-container{
	display:inline-block;
	}

footer #footerLink ul{
	display:inline-block;
	margin-top:5px;
	vertical-align:top;
	}
	
footer #footerLink li{
	display:inline-block;
	}
	
footer #footerLink li + li{
	margin-left:10px;
	}
	
footer #footerRights{
	display:inline-block;
	float:right;
	}
	
footer #footerRights #footerRightsIcon
	{
	display:inline-block;
	margin:0 10px 0 0;
	font:normal 30px customize, serif;
	vertical-align:middle;
	}

footer #footerRights p{
	display:inline-block;
	margin-top:5px;
	vertical-align:top;
	}

#messageSection {
    position: fixed;
    bottom: 25px;
    right: 25px;
    padding: 20px 30px;
    background: white;
    -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.23);
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.23);
    -o-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.23);
    box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.23);
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 01s;
	}
	
#messageSection p{
	margin:0;padding:0;
	}

@-moz-keyframes messageSection{
	0% {opacity:0;visibility:hidden;}
	5% {opacity:1;visibility:visible;}
	95% {opacity:1;visibility:visible;}
	100% {opacity:0;visibility:hidden;}
	}

@-webkit-keyframes messageSection{
	0% {opacity:0;visibility:hidden;}
	5% {opacity:1;visibility:visible;}
	95% {opacity:1;visibility:visible;}
	100% {opacity:0;visibility:hidden;}
	}

@keyframes messageSection{
	0% {opacity:0;visibility:hidden;}
	5% {opacity:1;visibility:visible;}
	95% {opacity:1;visibility:visible;}
	100% {opacity:0;visibility:hidden;}
	}
	
@media (max-width:1050px){
	figcaption{
		width: 90%;
		}
		
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivDoctor, 
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivConstruction, 
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1Div4Electrician, 
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivBusiness, 
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivWelder {
		height:190px;
		}
}
	
@media (max-width:900px){
	header #headerLogo{
		width:500px;
		margin-top:120px;
		}
		
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivDoctor, 
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivConstruction, 
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1Div4Electrician, 
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivBusiness, 
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivWelder {
		height:170px;
		}
}

@media (max-width:850px){
	#articleSectionServices #articleSectionServicesDiv2 figure{
		display:block;
		width:auto;height:auto;
		margin:0 auto;padding:10px;
		cursor:default;
		}

	#articleSectionServices #articleSectionServicesDiv2{
		height:auto;
		margin:0;padding:0;
		}

	#articleSectionServices #articleSectionServicesDiv2 figure + figure{
		margin:20px 0 0 0;
		}
		
	#articleSectionServices #articleSectionServicesDiv2 figure:hover{
		height:auto;
		}

	#articleSectionServices #articleSectionServicesDiv2 figure + figure:hover{
		height:auto;
		}

	#articleSectionServices #articleSectionServicesDiv2 figure + figure + figure:hover{
		height:auto;
		}
	
	#articleSectionServices #articleSectionServicesDiv2 figure #articleSectionServicesDiv2Div{
		display:none;
		}
	
	#articleSectionServices #articleSectionServicesDiv2 figure figcaption{
		display:inline-block;
		width:auto;
		margin:0 0 0 20px;
		}
		
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivDoctor, 
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivConstruction, 
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1Div4Electrician, 
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivBusiness, 
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivWelder {
		height:150px;
		}
		
	#articleSectionPartenariats #articleSectionPartenariatsDiv1 figure figcaption{
		width:500px;
		}
		
	footer {
		text-align:center;
		margin:0;padding:10px 0;
		}
		
	footer #footerLink{
		display:none;
		}
		
	footer #footerRights{
		margin:0;padding:0;
		float:none;
		}
	}
	
@media (max-width:750px){
	#articleSectionLogosPartenariats a{
		width:55px;height:55px;
	}
	#messageSection {
		left: 0;
		bottom: 0;
		right: 0;
		text-align: center;
	}
}

@media (max-width:700px){
    
	
    #articleSectionAccueil #articleSectionAccueilDiv1 figure figcaption p,
    #articleSectionServices #articleSectionServicesDiv1 figure figcaption,
    .articleSectionBlanc #articleSectionObjectifsDiv2 figure,
    #articleSectionPourquoi #articleSectionPourquoiDiv1 figure figcaption,
    #articleSectionFinancement #articleSectionFinancementDiv2 figure figcaption,
    #articleSectionPartenariats #articleSectionPartenariatsDiv1 figure figcaption,
    #articleSectionContact #articleSectionContactDiv figure figcaption p{
        font-size:16px;    
    }
    
	header #headerLogo{
		width:400px;
		margin-top:170px;
		}

	header
		{
		margin:0;padding:0;
		}
		
	header #menu-acceuil-container{
		position: fixed;
		top:0;left:0;
		display:block;
		width:250px;height:100%;
		margin:0;padding:0 10px;
		margin-left:-270px;
		background: #3C3C3B;
		-moz-transition:margin-left 0.5s;
		-webkit-transition:margin-left 0.5s;
		-o-transition:margin-left 0.5s;
		transition:margin-left 0.5s;
		z-index:10;
		}
		
	header #mainMenu li{
		display:block;
		}
		
	header #mainMenu li{
		display:block;
		}
	
	header #mainMenu li + li{
		margin:0;
		}
	
	header #mainMenu li a:hover{
		margin:0;padding:0;
		border-bottom:none;
		}
			
	header #mainMenu #navPaiement{
		display:inline-block;
	}
		
	#articleSectionLogo{
		display:block;
		}
		
	#articleSectionLogo img {
		width:200px;height:100px;
		}
    
    .section{
    	width:auto;
    	padding:0 20px;
    	}
		
	header #buttonNavigationSmall{
		position: relative;
		display:block;
		top: 12px;
		left: 270px;
		cursor:	pointer;
		}
		
	header #buttonNavigationSmall div{
		display:block;
		width:50px;height:10px;
		background: #4e8f32;
		border: 1px solid white;
		}
		
	header #buttonNavigationSmall div + div{
		margin:5px 0 0 0;
		}
		
	#articleSectionContact #articleSectionTenderForm{
		text-align:center;
		}
		
	#articleSectionContact #articleSectionContactDiv figure figcaption{
		width:100%;
		}
		
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivDoctor, 
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivConstruction, 
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1Div4Electrician, 
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivBusiness, 
	#articleSectionPourquoi #articleSectionPourquoiDiv1 figure #articleSectionPourquoiDiv1DivWelder {
		height:120px;
		}
		
	#articleSectionContact #articleSectionContactDiv {
		text-align:center;
	}
	
	#articleSectionContact #articleSectionContactDiv form{
		width:100%;
		margin:0;padding:0;
		text-align:center;
	}
		
	#articleSectionContact #articleSectionContactDiv select, 
	#articleSectionContact #articleSectionContactDiv textarea, 
	#articleSectionContact #articleSectionContactDiv input, 
	#articleSectionContact #articleSectionContactDiv label, 
	#articleSectionContact #articleSectionContactDiv input[type=button]{
		display:block;
		width:100%;padding:5px 0;
		margin:10px 0;
	}
	
	#articleSectionPartenariats #articleSectionPartenariatsDiv1 figure figcaption{
		width:100%;
		}
		
	#articleSectionAccueil{
	    padding:20px 5px 0 5px;
	}
		
	#articleSectionServices{
	    padding:20px 5px;
	}
}

@media (max-width:600px){	
	header{
		height:700px;
	}
	
	#articleSectionLogosPartenariats a{
		display:block;
		margin:0 auto;
	}
	
	#articleSectionLogosPartenariats a + a{
		margin: 20px auto 0 auto;
	}
	
	header #headerLogo{
		width:100%;
		margin-top:170px;
		}
}