* {

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

	font-family:Verdana, Geneva, sans-serif;

	/*font-family: 'gill sans',sans-serif;*/

}

/* GLOBAL PAGE */

html {background: #1e1f1f;max-width:100%;margin:0px;padding:0px;}

body{padding:0px;max-width:956px;margin:0px auto 0px auto;background: #1e1f1f;}

img{width:auto;border:0px;}

p{font-size: 14px;padding:10px 20px 5px 20px;margin:0px;line-height:1.8;}

a{font-family:Verdana, Geneva, sans-serif;text-decoration:none;color:#9da2a5;}

fieldset {border:0px;}

h1 {text-align:center;font-size: 20px;margin:10px auto 10px auto;color:#b6babc;letter-spacing: 1.6px;}

h2 {text-align:left;font-size: 16px;margin:0px;color:#b6babc;letter-spacing: 1.2px;line-height:1.4;}

h3 {font-size: 14px;margin:0px;color:#314b69;}



@media (max-width: 520px) {

	h1 {margin:5px auto 5px auto;}

}



@media (max-width: 420px) {

	p{padding:10px 5px 5px 15px;}

}

.margT10 {margin-top:10px;}



/* CSS global */

.boxJalabert{display:block;position:relative;background:#000000;}

.boxAccAmb{display:inline-block;vertical-align:top;padding:0px;margin:10px 5px 10px 5px;cursor:pointer;text-align:center;}

.boxAccAmbMobi{display:none;vertical-align:top;padding:0px;margin:10px 5px 10px 5px;cursor:pointer;text-align:center;}

.boxAcc{display:inline-block;vertical-align:top;padding:0px;margin:10px 5px 10px 5px;}

.boxAccMenu{display:table;content:" ";position:relative;clear:both;max-width:502px;margin:15px auto 0px auto;}

.boxAccImg{display:inline-block;width:auto;height:auto;vertical-align:top;padding:0px;margin:10px;cursor:pointer;}

.boxAccFB{display:inline-block;vertical-align:top;padding:0px;margin:20px 5px 0px 0px;cursor:pointer;}



.boxPageTitre {color:#02769b;font-size:18px;text-align:center;letter-spacing: 1.4px;padding:5px 10px 5px 20px;}

@media (max-width: 767px) {

	.boxJalabert{padding:7px;}

	.boxAccAmb{display:none;margin:10px auto 10px auto;}

	.boxAccAmbMobi{display:block;}

}

/* CARRIERE */

.boxCarL {display:inline-block;width:40%;margin-left:30px;text-align:center;}

.boxCarR {display:inline-block;width:50%;vertical-align:top;margin-left:30px;text-align:left;min-height:400px;}

@media (max-width: 700px) {

	.boxCarL {display:block;width:100%;margin:10px auto 10px auto;padding:10px;text-align:center;}

	.boxCarR {display:block;width:90%;vertical-align:top;margin:10px auto 10px auto;padding:10px;min-height:0px;}

}



/* PRESTATAIRE */

.boxPrestaL {display:inline-block;width:40%;margin-left:30px;text-align:center;}

.boxPrestaR {display:inline-block;width:50%;min-height:400px;vertical-align:top;margin-left:30px;text-align:left;}

.boxPrestaTxt {font-size:14px;letter-spacing: 1.2px;line-height:1.8;color:white;}

.boxPrestaImg {vertical-align:top;margin:0px auto 0px auto;text-align:center;}

@media (max-width: 700px) {

	.boxPrestaL {display:block;width:100%;margin:10px auto 10px auto;padding:10px;text-align:center;}

	.boxPrestaR {display:block;width:90%;vertical-align:top;margin:10px auto 10px auto;padding:10px;min-height:0px;}

}

/* ACTU */

.boxActu{display:inline-block;vertical-align:top;width:700px;padding:0px;margin:10px 0px 10px 50px;text-align:center;}

.boxActuTitre {font-size:16px;font-weight:700;letter-spacing: 1.4px;line-height:1.8;color:#02769b;padding:0px 10px 0px 10px;}

.boxActuTxt {font-size:12px;color:white;}

.boxActuL {display:inline-block;width:auto;min-width:300px;margin:0px auto 0px 20px;text-align:center;}

.boxActuL img{max-width:400px;max-height:400px;margin:20px auto 0px auto;text-align:center;}

.boxActuR {display:inline-block;width:55%;min-height:400px;vertical-align:top;margin-left:10px;text-align:left;}

@media (max-width: 700px) {

	.boxActuL {display:block;width:100%;margin:10px auto 10px auto;padding:10px;text-align:center;}

	.boxActuL img{text-align:center;margin:5px auto 15px auto;}

	.boxActuR {display:block;width:100%;vertical-align:top;margin:10px auto 10px auto;padding:10px;min-height:0px;}

}

.boxImgActu{float:left;margin:0px 20px 20px 20px;}

@media (max-width: 767px) {

	.boxImgActu{float:none;margin:0px auto 20px auto;}

}

.boxStrava {display:inline-block;width:290px;margin:10px;vertical-align:top;}

.boxStravaTitre{font-size:14px;font-weight:700;line-height:1.8;color:#02769b;}

.boxStravaDate {font-size:12px;color:#020b05;text-align:center;}

.boxStravaTexte {width:180px;margin:0px auto 0px auto;}

.boxStravaTxt {font-size:12px;color:#020b05;text-align:left;}

.boxStravaTxtC {font-size:14px;text-align:center;color:#02769b;padding:5px;}

.boxStravaPhoto{width:270px;max-height:305px;text-align:center;margin:0px auto 0px auto;vertical-align:top;}

.boxStravaPhoto img{max-width:270px;max-height:300px;text-align:center;margin:0px auto 0px auto;vertical-align:top;}



/* ALBUM PHOTO */

.boxAlbum{display:table;content:" ";position:relative;clear:both;max-width:915px;margin:20px auto 0px auto;padding:0px 5px 0px 5px;overflow-x: hidden;overflow-y: auto;min-height:500px;}

@media (max-width: 767px) {



	.boxAlbum {display:block;text-align:center;margin:0px auto 0px auto;}



}

/* CSS utilisé album photo galerie */

.boxAlbumImg{max-width:140px;max-height:130px;vertical-align:middle;padding:0px;margin:auto;}

.boxAlbumCadre{display:inline-block;width:175px;height:185px;vertical-align:top;padding:0px;margin:0px;

	border-bottom:1px inset gray;

	border-right:1px inset gray;

	-webkit-transition:all 0.2s ease-in-out;

	-moz-transition:all 0.2s ease-in-out;

	-o-transition:all 0.2s ease-in-out;

	transition:all 0.2s ease-in-out;

	text-align:center; 

	cursor:pointer;

}

.boxAlbumCadre:hover {border:1px inset #02769b;}

.boxAlbumPhoto{display:block;padding:0px;margin:0px;}



.albumTitre {width:170px;height:32px;font-size:12px;vertical-align:bottom;text-align:center;margin:0px auto 0px auto;padding:1px;color:white;overflow: hidden;}

/*.albumTitre:hover {color:#02769b;} */

@media (max-width: 340px) {

	.boxAlbum {margin:0px;text-align:center;}

}

.boxPresentation {display:block;position:relative;max-width:700px;margin:10px auto 10px auto;background-color:#c0c3c5; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}

.boxPhoto {display:inline-block;position:relative;padding:0px;margin:10px 15px 10px 15px;}

.boxPhoto img{max-width:160px;max-height:200px;}

.boxPhotoBt a{color:#b6babc;}

.boxPhotoBt {display:inline-block;position:relative;padding:0px;margin:10px 15px 10px 15px;}

.fdBox {box-shadow:1px 1px 2px 0 rgba(0,0,0,.5);}

.borderTexte {text-shadow: 2px 2px 2px black, -2px -2px 2px white;}

.color_or{color:#ffe618;}



.colorT1 {color:#e3d7ca;}



.bandeau40 {display:block;position:relative;width:100%;height:40px;}

.boxPageTitre {display:inline-block;padding-top:15px;margin:0px 0px 0px 0px;text-align:left;width:auto;float:left;min-width:200px; text-transform: uppercase;}

.fdBandBleu{

  background-image: -moz-linear-gradient(left, #314b69, #e9f5fe);

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#314b69), to(#e9f5fe));

  background-image: -webkit-linear-gradient(left, #314b69, #e9f5fe);

  background-image: -o-linear-gradient(left, #314b69, #e9f5fe);

  background-image: linear-gradient(to right, #314b69, #e9f5fe);

}

.boxBlockCadre {padding:0px 15px 0px 15px;}

.boxBlockCText {padding:15px;font-size:16px;background:#d4d3cf;}



/* FOOTER 2017 */

footer {position:relative;bottom:15px;width:100%;max-width:980px;margin:0px auto 0px auto;font-family:Arial, Geneva, sans-serif;font-size:12px;}

.boxFooter {display:block;position:relative;width:90%;text-align:center;padding:5px;margin:30px auto 0px auto;font-size:12px;letter-spacing: 1.2px;color:#7c7f86;}

.footerCopy {display: inline-block;position:relative;float:left;font-size:10px;letter-spacing:1px;}

.footerArtek {display: inline-block;position:relative;float:right;}

.footerArtek a{font-family:Arial, Geneva, sans-serif;font-size:12px;color:#7c7f86;text-decoration:none;}

.footerMention {display: inline-block;position:relative;margin:0px 10px 0px 0px;}

.footerMention a{font-family:Arial, Geneva, sans-serif;font-size:12px;color:#7c7f86;text-decoration:none;letter-spacing: 1.2px;}

@media (max-width: 670px) {

	footer {position:relative;bottom:15px;}

	.footerCopy {display:block;float:none;text-align:center;height:30px;}

	.footerArtek {display:block;padding:5px 10px 5px 10px;float:none;text-align:center;margin:5px auto 5px auto;height:28px;}

	.footerMention {display:block;float:none;text-align:center;margin:5px 0px 0px 0px;}

}



/* BOUTON INPUT */

.form-control:-moz-placeholder {color: #999999;}

.form-control::-moz-placeholder {color: #999999;}

.form-control:-ms-input-placeholder {color: #999999;}

.form-control::-webkit-input-placeholder {color: #999999;}



.form-control {

  height: 34px;

  padding: 6px 6px;

  font-size: 14px;

  line-height: 1.428571429;

  color: #555555;

  vertical-align: middle;

  background-color: #ffffff;

  border: 1px solid #cccccc;

  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}



.form-control:focus {

  border-color: #66afe9;

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);

}

/* BOUTON ENVOYER VERT MESSAGE */

.btn-primary.active,

.btn-warning.active,

.btn-danger.active,

.btn-success.active,

.btn-info.active,

.btn-inverse.active {

  color: rgba(255, 255, 255, 0.75);

}

.btn {

  display: inline-block;

  *display: inline;

  padding: 4px 12px;

  margin-bottom: 0;

  *margin-left: .3em;

  font-size: 14px;

  line-height: 20px;

  color: #333333;

  text-align: center;

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

  vertical-align: middle;

  cursor: pointer;

  background-color: #f5f5f5;

  *background-color: #e6e6e6;

  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));

  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);

  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);

  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);

  background-repeat: repeat-x;

  border: 1px solid #cccccc;

  *border: 0;

  border-color: #e6e6e6 #e6e6e6 #bfbfbf;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  border-bottom-color: #b3b3b3;

  -webkit-border-radius: 4px;

     -moz-border-radius: 4px;

          border-radius: 4px;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);

  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

  *zoom: 1;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

}



.btn:hover,

.btn:focus,

.btn:active,

.btn.active,

.btn.disabled,

.btn[disabled] {

  color: #02769b;

  background-color: #e6e6e6;

  *background-color: #d9d9d9;

}



.btn:active,

.btn.active {

  background-color: #cccccc \9;

}



.btn:first-child {

  *margin-left: 0;

}



.btn:hover,

.btn:focus {

  color: #02769b;

  text-decoration: none;

  background-position: 0 -15px;

  -webkit-transition: background-position 0.1s linear;

     -moz-transition: background-position 0.1s linear;

       -o-transition: background-position 0.1s linear;

          transition: background-position 0.1s linear;

}



.btn:focus {

  outline: thin dotted #333;

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}



.btn.active,

.btn:active {

  background-image: none;

  outline: 0;

  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

}





.btn-success {

  color: #ffffff;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

  background-color: #5bb75b;

  *background-color: #51a351;

  background-image: -moz-linear-gradient(top, #62c462, #51a351);

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));

  background-image: -webkit-linear-gradient(top, #62c462, #51a351);

  background-image: -o-linear-gradient(top, #62c462, #51a351);

  background-image: linear-gradient(to bottom, #62c462, #51a351);

  background-repeat: repeat-x;

  border-color: #51a351 #51a351 #387038;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);

  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}



.btn-success:hover,

.btn-success:focus,

.btn-success:active,

.btn-success.active,

.btn-success.disabled,

.btn-success[disabled] {

  color: #ffffff;

  background-color: #51a351;

  *background-color: #499249;

}



.btn-success:active,

.btn-success.active {

  background-color: #408140 \9;

}



.btn-info {

  color: #ffffff;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

  background-color: #093c6f;

  *background-color: #2f96b4;

  background-image: -moz-linear-gradient(top, #096492, #093c6f);

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#096492), to(#093c6f));

  background-image: -webkit-linear-gradient(top, #096492, #093c6f);

  background-image: -o-linear-gradient(top, #096492, #093c6f);

  background-image: linear-gradient(to bottom, #096492, #093c6f);

  background-repeat: repeat-x;

  border-color: #093c6f #093c6f #1f6377;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);

  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}



.btn-info:hover,

.btn-info:focus,

.btn-info:active,

.btn-info.active,

.btn-info.disabled,

.btn-info[disabled] {

  color: #ffffff;

  background-color: #096492;

  *background-color: #2a85a0;

}



.btn-info:active,

.btn-info.active {

  background-color: #096492 \9;

}

/* orientation */

@media (orientation: landscape) and (max-device-width: 767px) {

	html,body {-webkit-text-size-adjust: 100%;}

}

@media (max-width: 650px) {

	boddy {width:auto;padding:0px;min-width:0;}

	img,

    table,

    td,

    blockquote,

    code,

    pre,

    textarea,

    input,

    iframe,

    object,

    embed,

    video {max-width: 100%;}

    

    /* conserver le ratio des images */

    img { height: auto;}

    

    /* gestion des mots longs */

    textarea,

    table,

    td,

    th,

    code,

    pre,

    samp {

        -webkit-hyphens: auto; /* césure propre */

        -moz-hyphens: auto;

        hyphens: auto;

        word-wrap: break-word; /* passage à la ligne forcé */

    }

	code,

    pre,

    samp {

        white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */

    }

}