html{
	height: 100%;
}

body{
	width: 100%;
	height: 100%;
	background-color: #c7e7e4;
	font-family:'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1em;
	margin:0 auto; /* suppr marge ext du navigateur*/
	padding:0px; /* suppr marge int du navigateur*/
}

#container{
width: 100%;
}

section{
	margin: 0 auto;
	width: 100%;
	position: relative;
	padding-top: 10px;
}

.suppr{ display: none;}




/* ///////////////////////////////////////////////// LIENS GENERAUX ///////////////////////////////////////////////// */

a:visited {color:#11a9cc;text-decoration:none;}
a:link {color:#0a575c;text-decoration:none;}
a:hover {color:#0a575c;text-decoration:none;}
a:active {color:#0a575c;text-decoration:none;} /*liens qui reste alumés, pas souvent utilisé*/

/* liens menu filtre réalisation 

.filter a:visited {color:#0a575c;text-decoration:none;}
.filter a:link {color:#0a575c;text-decoration:none;}
.filter a:hover {color:#0a575c;text-decoration:none;}
.filter a:active {color:#0a575c;text-decoration:none;} */

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#overfade{}
.overfade{}

/* ////// pictos menu visible ////// */

.menuPrincipal{
	display: inline-block;
	position: fixed;
	top: 0px;
	z-index: 999;
}
.menuVisible{
	width: 32px; /*largeur d'une icone sur l'image*/
	height: 32px; /* hauteur d'une icone sur l'image*/
	/*display: inline-block;*/
	left: 45px;
	top: 26px;
	background-image: url("../images/nav/pictoSprites.png");
	background-position: -39px -74px;
	cursor: pointer;
}
.menuVisible:hover{
	background-position: -39px -37px; /* premiere valeur déplace horizontalement. 2eme valeur déplace verticalement. */
}

/* ////// pictos header /////// */

.picini{
	width: 32px; /*largeur d'une icone sur l'image*/
	height: 32px; /* hauteur d'une icone sur l'image*/
	display: inline-block;
	}

.picini:hover{
	background-position: 221px 0; /* premiere valeur déplace horizontalement. 2eme valeur déplace verticalement. */
}

.picfermer{
	left: 45px;
	top: 26px;
	background-image: url("../images/nav/pictoSprites.png");
	cursor: pointer;
} 

.picfermer:hover{
	background-position:0 -37px;
}

.pichome{
	left: 85px;
	top: 26px;
	width: 32px; /*largeur d'une icone sur l'image*/
	height: 32px; /* hauteur d'une icone sur l'image*/
	background-image: url("../images/nav/pictoSprites.png");
	background-position:-78px 0;
} 

.pichome:hover{
	background-position:-78px -37px;
}

/* ///////////////////////////////////////////////// MENU HEADER ///////////////////////////////////////////////// */

header{
	display: none;
	position: fixed;
	top: 0px;
	z-index: 1000;
	background-color: #2a3242;
	width: 100%;
	height: 86px;
}

header ul{
	text-align: center;
	display: block;
	
}

header a:visited {color:white;text-decoration:none;}
header a:link {color:white;text-decoration:none;}
header a:hover {color:#7de5fd;text-decoration:none;}
header a:active {color:#7de5fd;text-decoration:none;}

header div{
	position: fixed;
	
}
.bgBTN{
	display: inline-block;
	padding: 8px 15px;
	margin: 21px 8px 5px 8px;
	border: 2px solid #FFF;

}

.btnNextProjet{}
.btnPrevProjet{}

/* /////////// */

/* ///////////////////////////////////////////////// MENU FOOTER ///////////////////////////////////////////////// */

.pictel{
	width: 33px; /*largeur d'une icone sur l'image*/
	height: 32px; /* hauteur d'une icone sur l'image*/
	position: fixed;
	z-index: 980;
	right: 168px;
	bottom: 66px;
	margin:0 4px 0 0;
	background-image: url("../images/nav/pictoSprites.png");
	background-position:-194px -74px;
	cursor: pointer;
} 

.pictel:hover{
	background-position:-194px 0;
}

.picinfo{
	width: 32px; /*largeur d'une icone sur l'image*/
	height: 32px; /* hauteur d'une icone sur l'image*/
	position: fixed;
	z-index: 981;
	right: 89px;
	bottom: 66px;
	margin:0 4px 0 0;
	background-image: url("../images/nav/pictoSprites.png");
	background-position: -234px -74px;
	cursor: pointer;
} 

.picinfo:hover{
	background-position: -234px 0;
}

.picIn{
	width: 33px; /*largeur d'une icone sur l'image*/
	height: 32px; /* hauteur d'une icone sur l'image*/
	position: fixed;
	z-index: 982;
	right: 50px;
	bottom: 66px;
	margin:0 4px 0 0;
	background-image: url("../images/nav/pictoSprites.png");
	background-position:-116px -74px;
} 

.picIn:hover{
	background-position: -116px 0;
}

.picmail{
	width: 33px; /*largeur d'une icone sur l'image*/
	height: 32px; /* hauteur d'une icone sur l'image*/
	position: fixed;
	z-index: 983;
	right: 129px;
	bottom: 66px;
	margin:0 4px 0 0;
	background-image: url("../images/nav/pictoSprites.png");
	background-position: -155px -74px;
} 

.picmail:hover{
	background-position: -155px 0;
}

.size{
	width: 32px;
	height: 32px;
}
.hide1{
	display: none;
	position: fixed;
	z-index: 979;
	right: 55px;
	bottom: 115px;
}

.hide2{
	display: none;
	position: fixed;
	z-index: 975;
	right: 55px;
	bottom: 115px;
}

.hide3{
	display: none;
	position: fixed;
	z-index: 974;
	right: 55px;
	bottom: 115px;
}

.bubble{
	width: 255px;
	height: 75px;
	margin: 0px auto;
	position: fixed;
	z-index: 983;
	right: 55px;
	bottom: 115px;
	padding: 4px 0 0px 0;
	background-color: #82cee0;
	border-radius: 4px 4px 4px 4px /4px 4px 4px 4px;
}

.bubbleimg{
	position: fixed;
	z-index: 984;
	right: 180px;
	bottom: 101px;
}

.bubbleimg2{
	position: fixed;
	z-index: 954;
	right: 100px;
	bottom: 101px;
}

.bubbleimg3{
	position: fixed;
	z-index: 954;
	right: 140px;
	bottom: 101px;
}

.bubble h2{
	margin: 0px 5px 5px 5px;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	/*font-weight: lighter;*/
	text-align: center;
	color: #2a3242;
	font-weight: 500;
}

.hide1 h2{
	margin: 10px 0 5px 0;
}

.hide3 h2{
	margin: 10px 0 5px 0;
}

.bubble p{
	margin: 0;
	color: white;
	font-weight: 400;
	font-size: 1em;
}

.hide1 p{
	margin-top: 4px;
}

.hide3 p{
	margin-top: 4px;
}

/*.hide3 p{
	font-size: 0.9em;
}*/
/* /////////// */
/* //// TYPO ///// */

h1{
	font-family:'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1em;
	margin:0;
	
}

h2{
	margin: 5px 5px 10px 5px;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	color: #a0a0a0;
	font-weight: lighter;
}

h3{
	margin: 8px;
	padding: 0px;
	margin-bottom: 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1em;
	text-align: center;
	color: #0a575c;
}

h4{
	margin: 5px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	text-align: center;
	color: #0a575c;
}

h5{
  	font-family: 'Open Sans', sans-serif;
  	text-align: center;
  	font-size: 1em;
  	font-weight: 300;
  	color: white;
  	margin: 5px;
  	padding: 0;
  }

ul{
	margin: 0px auto;
	padding: 0px;
	display: block;
	text-align: center;
}

p{
	margin:5px;
	padding:0px;
}

/* ///////////////////////////////////////////////// OUTILS ///////////////////////////////////////////////// */

.margeTop{
	margin-top: 10px;
}

.posRelative{
	position: relative;
}

.aligner{
	display: inline-block;
	vertical-align: top;
}

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

.clearfloat{
	clear: both;
}

/* COULEURS */

.blanc{
	color: white;
}

.bleu{
	color: #527180;
}
.bleufonce{
	color: #0a575c;
}


.bleuMerFonce{
	color: #11a9cc;
}

.marginLR{
	margin: 9px 9px;
}

.interlarge{
	line-height:200%;
}

.internormal{
	line-height:70%;
}

/* ///////////////////////////////////////////////// HOME ///////////////////////////////////////////////// */

/*//// typos ////*/

.titre{
	color: #11a9cc;
	font-family:'Open Sans', sans-serif;
	font-weight: 200;
	font-size: 3em;
	margin:0px;
	padding-top: 17px;
	text-align: center;
	padding-top: 85px;
}

.titregris{
	color: #527180;
	text-align: center;
	font-weight: 300;
	font-size: 2em;
	padding-top: 10px;
}

/* /////////// */

#sectionHome{
	background-image:url("../images/home/home_bgvilleCieletbgMer.jpg"); /*../ pour sortir du dossier css !!! */
	background-repeat: repeat-x;
	width: 100%;
	margin: 0 auto;
	background-color: #11a9cc;
}

/* ///// LIENS ////// */
#sectionHome a{display: block;}
#sectionHome a:hover h3 {color:#fff;text-decoration:none;font-weight: 300;}

/* /////////// */

/* IMAGES POSITIONNEMENT ABSOLU */

.soleil{
	position: absolute;
	top: 118px;
	right: 83%;
}
/* ///////////////////////////////////////////////// class JS ///////////////////////////////////////////////// */

#largeurFenetre{width: auto;}

@keyframes deplacerBateau {
  from {
    left: 0%;
  }

  to {
    left: 105%;
  }
}

#target{
	position:absolute;
	top: 732px;
	/*width:200px;
	height:200px;
	background:#a0dde9;*/
}

#largeurFenetre{
	display: block;
	position: absolute;
	width: 100%;
	top: 764px;
	height: 959px;
	overflow: hidden;
}

.bateau{
	position: absolute;
	top: 0px;
	left: 0%;
	animation-duration: 30s;
	animation-name: deplacerBateau;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */ /* !!!! A FAIRE POUR TOUS !!!! */
    animation-timing-function: linear;
}

.mongolfiere1{
	position: absolute;
	top: 186px;
	right: 15%;
}

/*.mongolfiere2{
	position: absolute;
	top: 119px;
	right: 9%;
}*/

/*.helicoptere{
	position: absolute;
	top: 263px;
	right: 76%;
}*/

.btn{
	background-image: url("../images/home/home_btnILE_realisation.png");
	background-repeat: no-repeat;
	background-position:center top;

}

.btn:hover{
	background-image: url("../images/home/home_btnILE_hover_realisation.png");
	background-repeat: no-repeat;
	background-position:center top;

}

.top{
	/*height: 484px;*/
	height: 510px;
}

.hauteurbottomHome{
	/*height: 424px;*/
	width: 100%;
	margin: 0 auto;
	padding-bottom: 140px;
}

.marginTopIleExperience{
	margin-top: 30px;
	margin-right: 5px;
	margin-left: 5px;
}

.marginTopIleContact{
	margin-top: 30px;
	margin-right: 5px;
	margin-left: 5px;
}

.marginTopIleApropos{
	margin-top: 30px;
	margin-right: 5px;
	margin-left: 5px;
}

.marginTopIleCV{
	margin-top: 60px;
	margin-right: 5px;
	margin-left: 5px;
}

.marginTopIleRealisation{
	margin-top: 50px;
	margin-right: 5px;
	margin-left: 5px;
}


/* ///////////////////////////////////////////////// A PROPOS ///////////////////////////////////////////////// */


/* //// TYPOS //// */

.titreApropos{
	font-size: 2em;
	text-align: center;
	margin: 20px 0 0 0;
}

.texteApropos{
	font-size: 1.2em;
	color: #527180;
	margin: 16px 0 0 50px;
}

.texte2Apropos{
	font-size: 1.2em;
	color: #527180;
	margin: 12px 0 0 516px;
}

.titre2Apropos{
	font-size: 2em;
	text-align: center;
	margin: 20px 0 0 440px;
}

/* /////////// */


#sectionApropos{
	display: block;
	width: 1600px; /*100%*/
	height: 3021px;
	position: relative;
	padding-top: 1px;
	z-index: 400;
	margin: 0 auto; 
}

#sectionApropos img {
	max-width: 100%;
	height: auto;
}

.bloctextes{
	width: 100%;
	z-index: 2;
}
.texte1{
	background-color: #91d3e1;
    width: 465px;
    height: 212px;
    border-radius: 5px 5px 5px 5px;
    position: absolute;
    top: 112px;
    left: 31%;
    padding: 0 0 0 25px;
}
.texte2{
	background-color:#91d3e1 ;
	width: 525px;
  	height: 242px;
	border-radius: 5px 5px 5px 5px;
	position: absolute;
    top: 572px;
	left: 59%;

}

/*.texte2suite{
	position: absolute;
    top: 883px;
	left: 502px;

}*/

.texte2suite{
	background-color:#91d3e1 ;
	width: 1324px;
  	height: 374px;
	border-radius: 5px 5px 5px 5px;
	position: absolute;
    top: 865px;
	left: 9%;

}

.texte3{
	background-color:#91d3e1 ;
	width: 441px;
  	height: 442px;
	border-radius: 5px 5px 5px 5px;
	position: absolute;
	top: 1595px;
	left: 9%;
	/*left: 93px;*/
}

.texte4{
	background-color:#91d3e1 ;
	width: 717px;
	height: 265px;
	border-radius: 5px 5px 5px 5px;
	position: absolute;
	top: 2290px;
	left: 805px;
   
}

.photo{
	height: auto;
	position: absolute;
    z-index: 1;
    right: 8%;
}

.cloud {
	z-index: 2;
	position: absolute;
	top: 379px;
 	left: 67%;
}

.lunette {
	z-index: 2;
	position: absolute;
	top: 519px;
  	left: 8%;
}
.stars {
	z-index: 2;
	position: absolute;
	top: 458px;
  	left: 29%;
}
.bureau {
	z-index: 2;
	position: absolute;
	top: 1536px;
  	left: 41%;
}
.tv {
	z-index: 2;
	position: absolute;
	top: 2121px;
	left: 5%;
}
.etagere {
	z-index: 2;
	position: absolute;
	top: 2600px;
  	left: 11%;
  	margin-bottom: 70px;
}
.icon{
	width: 1320px;
  	height: 220px;
	position: absolute;
    top: 1282px;
	left: 9%;
}

.margPic{
	margin-left:20px;
}

.aproposimage{
	width: 1366px;
	height: 2438px;
	display: block;
	text-align: center;
	max-width: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index:0;
}

/* ///////////////////////////////////////////////// REALISATION ///////////////////////////////////////////////// */

#sectionrealisation{
	position: relative;
	width: 1600px;
}

.margeIleRea{
	margin-left: 55px;
}

#gallerie{
	margin: 0px auto;
	padding: 40px;
	margin-left: 1%;
}

.itemGallerie{
	width: 192px;
	height: 188px;
	position: relative;
	overflow: hidden;
}

.contener_imagesprojet .item{
	margin: 0 auto;
}


.contener_imagesprojet .carousel .item{
	margin: 0 auto;
}

.carousel .item{
	text-align: center;
	display: inline-block;
}

.buttoncontener{
	width: 458px;
	width: 458px;
	margin: 130px 350px 0 0;
}

button {
cursor: pointer;
outline: 0;
display: inline-block;
background-color: #11a9cc;
/*height: 18px;*/
color: white;
font-family:'Open Sans', sans-serif;
font-weight: 200;
font-size:1.1em;
border-radius: 4px 4px 4px 4px /4px 4px 4px 4px;
padding: 2px 8px 4px 8px;
margin: 6px 3px 0 3px;
border:0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

button:hover{
	background-color: #527180;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

button:active{
	background-color: #527180;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* /////// Classes menu isotope /////// */
.tout{}
.web{}
.identitevisuelle{}
.edition{}
.communicationGlobale{}
.illustration{}
.application{}
.print{}

/* /////////// */

.lightbox-close {
width: 100%;
height: 100%;
position: fixed;
z-index: 499;
background-color: black;
cursor:pointer;
display: block;
margin:0 auto;
top:0;
left:0;
right:0;
bottom:0;
opacity: 0.8;
}

.projet{
	display: none;
	position: absolute;
	top: 677px;
	left: 50%;
	margin-left: -631px;
	width: 1262px;
	padding: 20px 0 20px 0;
	background-color: #82cee0;
	border-radius: 4px 4px 4px 4px /4px 4px 4px 4px;
	z-index: 500;
}

.contener_presentation a{
	font-family:'Open Sans', sans-serif;
	font-weight: 400;
	color: #12263c;
	text-decoration: underline;
}

.imgBandeau{
	margin-bottom: 20px;
	margin-left: 20px;
	text-align: center;
}

.contener_projet{
	width: 1222px;
	margin:0 auto;
	padding-bottom: 1px;
	background-color: #527180;
	/*height: 1220px;*/
	height: auto;
}

.contener_presentation{
	width: 1190px;
	margin: 37px 16px 0 16px;
	display: inline-block;
	text-align: left;
	color: white;

}

.contener_presentation h2{
	font-size: 1.8em;
	font-weight: 300;
	color: white;

}

.contener_presentation h3{
	text-align: left;
	color: white;
	margin-top: 10px;
	font-weight: 300;

}

.contener_presentation h4{
	/*font-size: 1.8em;*/
	font-weight: 300;
	color: white;
	text-align: left;
	margin-top: 19px;
}

.contener_presentation p{
	margin:10px 0 0 0;
	padding:0;
}

.contener_presentation img{
	margin: 0 45px 0 42px;
}

.contener_imagesprojet{
	position: relative;
	text-align: center;
	padding-top: 20px;
	margin-bottom: 60px;

}

.navInterneProjet{
	width: 350px;
	display: inline-block;
	margin: 264px 440px 0 440px;

}

.navInterneProjetSansImac{
	margin-top: 69px;

}

.contener_projetSansImac{
	height: auto;
}

.marginpage1{
	width: 100%;
	margin-top: 5%;
}

.marginpagenext{
	width: 100%;
	margin-top: 2%;
}

#projet9 .slick-dots{
	bottom: -54px;
}
#projet10 .slick-dots{
	bottom: -54px;
}
#projet11 .slick-dots{
	bottom: -54px;
}
#projet12 .slick-dots{
	bottom: -54px;
}
#projet13 .slick-dots{
	bottom: -54px;
}
#projet14 .slick-dots{
	bottom: -54px;
}
#projet15 .slick-dots{
	bottom: -54px;
}
#projet16 .slick-dots{
	bottom: -54px;
}
#projet17 .slick-dots{
	bottom: -54px;
}
#projet18 .slick-dots{
	bottom: -54px;
}

.margeBulletBox{
	margin:0 auto;
	width:36%;
	padding: 10px 0 0 0;
}

.margetoppicGallerie{
	width: 5px;
	height: 14px;
}

.positionImac{
	position: absolute;
	z-index: 1;
	margin: 0 0 0 64px;
}

.carousel{
	width: 1006px;
	margin: auto;
	margin-top: 102px;
	z-index: 2;
}

.itemGallerie a span{
	position: absolute;
	display: none;
	background-color:rgba(0 0 0 1);
	border-radius: 4px 4px 4px 4px /4px 4px 4px 4px;
}

.itemGallerie a{
	display: block;
	position: relative;
}

/*.itemGallerie a img{
	position: absolute;
	}
	*/
.itemGallerie a span:hover {
	display: block;
}

.itemGallerie a span h3{
	margin: 8px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1em;
	text-align: center;
	color: white;
}
/* ////// pictos slide projets vers projets /////// */

.picflecheGauche{
	width: 22px; /*largeur d'une icone sur l'image*/
	height: 36px; /* hauteur d'une icone sur l'image*/
	margin-top: 63px;
	background-image: url("../images/nav/pictoSprites.png");
	background-position: -39px -114px ;
} 

.picflecheGauche:hover{
	background-position:-39px -162px;
}

.picflecheDroite{
	width: 22px; /*largeur d'une icone sur l'image*/
	height: 36px; /* hauteur d'une icone sur l'image*/
	margin-top: 63px;
	background-image: url("../images/nav/pictoSprites.png");
	background-position:-67px -114px;
} 

.picflecheDroite:hover{
	background-position:-67px -162px;
}

.picretourGallerie{
	width: 45px; /*largeur d'une icone sur l'image*/
	height: 45px; /* hauteur d'une icone sur l'image*/
	margin:0 auto;
	background-image: url("../images/nav/pictoSprites.png");
	background-position:-220px -114px;
} 

.picretourGallerie:hover{
	background-position:-220px -162px;
}

.picini_Bullet{
	width: 15px; /*largeur d'une icone sur l'image*/
	height: 16px; /* hauteur d'une icone sur l'image*/
	margin:0 5px 0 5px;
}

.picBullet{
	background-image: url("../images/nav/pictoSprites.png");
	background-position:-114px -123px;
} 

.picBullet:hover{
	background-position:-114px -147px;
}

.picBullet:active{
	background-position:-114px -170px;
}
/* /////////// */

/* ////// pictos slide interne aux projets /////// */


.slick-prev{
	background-image: url("../images/nav/pictoSprites.png");
	background-position: -39px -114px ;
	width: 22px; /*largeur d'une icone sur l'image*/
	height: 36px; /* hauteur d'une icone sur l'image*/
	margin-top: 0;
	position: absolute;
	top: 50%;
	left: -35px;
	color: transparent;
	background-color: transparent;
	outline: 0;
} 

.slick-prev:hover{
	background-position:-160px -114px;
	background-color: transparent;
}

.slick-next{
	background-image: url("../images/nav/pictoSprites.png");
	background-position:-67px -114px;
	width: 22px; /*largeur d'une icone sur l'image*/
	height: 36px; /* hauteur d'une icone sur l'image*/
	margin-top: 0;
	position: absolute;
	top: 50%;
	right: -35px;
	color: transparent;
	background-color: transparent;
	outline: 0;
} 


.slick-next:hover{
	background-position:-186px -114px;
	/*background-color: yellow;*/
	background-color: transparent;
}


.slick-next:focus, .slick-prev:focus{
	border: none;
	background-color: transparent;
}
.slick-next:active, .slick-prev:active{
	border: none;
	background-color: transparent;
}
/* /////////// */

.marginBottomSectionRealisation{
	height: 113px;
}


/* //////////// titre des projets show en over /////////////// */

#titreprojet{
	display: none;
	position: absolute;
	width:192px;
	height:188px;
	margin: 0px auto;
	background-color: #2a3242;
	opacity: 0.98;
	text-align: center;
	border-radius: 4px 4px 4px 4px;
	z-index: 553;
}

.positionlayer{
	z-index: 552;
}


/* ///////////////////////////////////////////////// CONTACT ///////////////////////////////////////////////// */

/* ////////////////// FORMULAIRE ////////////////// */

.alertalert-danger{
	padding: 2%;
	width: 59%;
 	margin: 30px 0 30px 105px;
	border-radius: 4px;
	color: white;
	background-color: #fa565a;
	text-align: center;
}

.alertalert-success{
	padding: 2%;
	width: 59%;
 	margin: 30px 0 30px 105px;
	border-radius: 4px;
	color: white;
	background-color: #0ABA41;
	text-align: center;
}

input, textarea {
	/*déjà en inline-block*/
	width: 60%;
	padding: 2%;
	margin-top: -6px;
	margin-bottom: 7px;
	vertical-align: top;
	border-radius: 4px;
	border: 0;

	color:#0a575c;
	font-size: 0.8em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;

}

  /** {outline: none;} */

input, textarea{
	border: 2px solid white;
	-webkit-transition: all 0.7s;
    -moz-transition: all 0.4s;
    ms-transition: all 0.4s;
	-o-transition: all 0.4s;
    transition: all 0.4s;

}

input:focus, textarea:focus{
	border: 2px solid #15a0c8;
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    ms-transition: all 0.4s;
	-o-transition: all 0.4s;
    transition: all 0.4s;
    outline: 0;
}

.checkbox{
	font-size: 0.8em;
	visibility:hidden;
	height: 15px;
}
#sectionContact button{
	background-color: #2a3242;
	border: 2px solid #2a3242;
	border-radius: 4px;
	height: 35px;
	width: 22%;
	margin:6px 0 0 20%;

	color: white;
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	}

#sectionContact button:hover{
	background-color: #2a3242;
	border: 2px solid #2a3242;
	border-radius: 4px;
	height: 35px;
	width: 22%;
	margin:6px 0 0 20%;

	color: white;
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;

	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    ms-transition: all 0.4s;
	-o-transition: all 0.4s;
    transition: all 0.4s;
}

#sectionContact button:focus, #sectionContact button:active{
	background-color: #2a3242;
	border: 2px solid #2a3242;
	border-radius: 4px;
	height: 35px;
	width: 22%;
	margin:6px 0 0 20%;

	color: #7de5fd;
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	outline: 0;

}

textarea {
	width: 60%;
	height: 5em;
	border-radius: 4px;
}

label {
	display: inline-block;
	width: 78px;
	margin-right: 20px;
	vertical-align: top;
	text-align: right;

	color:#0a575c;
	font-size: 1.2em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

.containerform{
	margin: 35px 0 0 22px;
}

.textForm{
	margin-left: 20px;
}

.margH2{
	margin: 20px 0 0 -3px;
	padding: 0;
}
/* /////////////////////////////////////////////// */

#sectionContact{
	background-image: url("../images/contact/contactBG2.jpg");
	background-repeat: repeat-x;
	background-color: #15a0c8;
	width: 100%;
	height: 860px;
	margin: 0 auto;
	padding-top: 60px;
	position: relative;
}

/*#sectionExperience{
	position: relative;
	margin:0 auto;
}*/

#BlocContact{
	width: 565px;
	height: auto; /*572px;*/
	margin: 0px auto;
	padding: 30px 15px 0px 15px;
	background-color: #82cee0;
	border-radius: 4px;
	text-align: left;
	z-index: 700;
}

#sectionContact a:link{
	color:#527180;
	text-decoration:none;
}

#BlocContact a:hover{
	color:white;
	text-decoration:none;
}

.margeileContact{
margin: 127px 20px 0 30px;
}

.margeileCV{
	margin: 166px 6% 0px 0px;
}

.aligneContact{
	text-align: center;
}

#sectionContact h1{
	font-size: 1.5em;
	font-weight: 300;
	color: white;
	margin-bottom: 12px;
}

#sectionContact h2{
	color:#0a575c;
	font-size: 1.1em;
  	font-weight: 300;
}

.crabe1{
	float: left;
	margin: 64px 0 0 10%;
}

.crabe2{
	float: left;
	margin: 64px 0 0 30%;
}

.crabe3{
	float: right;
	margin: 64px 17% 0 0;
}

.plage1{
	background-image: url("../images/contact/contactplage1.png");
	background-repeat: repeat-x;
	width: 100%;
	height: 110px;
}

.plage2{
	background-image: url("../images/contact/contactplage2.png");
	background-repeat: repeat-x;
	width: 100%;
	height: 60px;
	margin-bottom: -23px;
	}


.plage3{
	background-image: url("../images/contact/contactplage3.png");
	background-repeat: repeat-x;
	width: 100%;
	height: 47px;
	margin-bottom: -22px;
	
}

.bandeplage{
	height: 30px;
	background-color: #fbf6a7;
	margin:0 auto;
	padding:0;
}

.BottomPlage{
	position: absolute;
	bottom:0;
	left: 0;
	width: 100%;

}