* {

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

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

}



html {background: #ffffff;max-width:100%;}

body{color:#2D2E83;background-color:#ffffff;margin: auto;padding:0px;}

body, html {position: relative;width: 100%;overflow-y: initial !important;}

	

/* GLOBAL PAGE */

h1{font-size:2rem;font-weight: 600;line-height: 115%;letter-spacing: -0.01em;margin:5px 0px;}	

h2{font-size:1.2rem;text-align:left;}

h3{color:#2D2E83;font-size: 1.1rem;padding:0px 7px;}

h4{color:#2D2E83;font-style: normal;font-size:1rem;line-height: 135%;letter-spacing: 0.01em;padding:5px 3px;margin:5px 0px;}

h5{color:#2D2E83;font-size:1rem;font-weight:700;padding:10px 10px 0px 0px;}

p{color:#2D2E83;padding:3px;line-height:125%;margin:0px;}

@media (max-width: 540px) {

	h1{font-size:1.4rem;text-align:left;padding:0px 7px;}

	h2{padding:5px 10px 5px 10px;}

}

fieldset {border:0px;}

img {outline:none;border:none; -ms-interpolation-mode: bicubic;}

a img {border:none;}

img {max-width:100%;}

a{color: currentColor;text-decoration:none;}

a:visited, a:link {text-decoration: none !important;}

a{transition: all 0.2s;}



table {border-collapse: collapse; border-spacing: 0;}

.lhBleu{color:#2D2E83;}

.lhRose{color:#E60A62;}

.lhBlanc{color:#fefdfd;}

.boxTitreH1{margin-top:20px;}

/* 4JOURS */

		.boxHeadTitre{background: #ff9e22;padding-left:50px;}

		@media (max-width: 440px) {

			.boxHeadTitre{height:auto;padding-left:15px;vertical-align:top;}

		}

		.box4jrs{display:inline-block;position:relative;margin:20px auto;padding:5px 20px:}

		.box4jrsimg{float:left;margin:10px 30px 0px 15px;}



/* --------------------- */

/* a trier */

.lhTitreH1 {display:block;position:relative;text-align:left;margin:15px 0px 0px 15px;padding:5px;text-transform: uppercase;font-size: 20px;color:#2D2E83;text-shadow: 0px 1px 1px #677687, -1px -1px 1px #c9e9f7;letter-spacing: 1.4px;}

.lhTitreH2 {padding:10px;font-size: 16px;margin:0px;color:#564f59;letter-spacing: 1.2px;}

.lhTitreH3 {padding:10px;font-size: 14px;margin:0px;color:#564f59;letter-spacing: 1.2px;}

.lhTitreH2b {padding:1px;font-size: 16px;margin:0px;color:#564f59;letter-spacing: 1.2px;font-weight:700;}

.fdLHd {background-image: url(../img/fd_dots.png);height:100%;background-color:#d9e6ec;}

.fdLHn {background-image: url(../img/fd_noise.png);height:100%;background-color:#d9e6ec;}

.admLabel {display: inline-block;width:auto;padding: 10px 0px 5px 5px;vertical-align: top;  text-align: left; font-size:1rem;color:#00253d;	}

.admInputAAAA{padding: 1px;vertical-align: bottom; text-align: left;color:#4d7299;width: 60px;height:26px;} 

.admInput40{padding: 1px;vertical-align: bottom; text-align: left; color:#4d7299;width: 50px;height:26px;}  

.admInput50{padding: 1px;vertical-align: bottom; text-align: left; color:#4d7299;width: 90px;height:26px;} 

.admInput100{padding: 1px;vertical-align: bottom; text-align: left; color:#4d7299;width: 150px;height:26px;}

.admInput150{padding: 1px;vertical-align: bottom; text-align: left; color:#4d7299;width: 200px;height:26px;}

.admInput200{padding: 1px;vertical-align: bottom; text-align: left; color:#4d7299;width: 250px;height:26px;}

.admInput350{padding: 1px;vertical-align: bottom; text-align: left; color:#4d7299;width: 350px;height:26px;}

.admInput500{padding: 1px;vertical-align: bottom; text-align: left; color:#4d7299;width: 500px;height:26px;}

.admInputCB{ vertical-align: middle; text-align: left;width: 22px;height:22px;cursor: pointer;} 

.admSelect100 {  width: 120px;padding: 3px;  vertical-align: top;  text-align: left;color:#00253d;} 



.boxTitreLH{border-left:5px solid #f02c90;padding-left:4px;padding-top:2px;}



.boxMobil{display:none;}

@media (max-width: 760px) {

	.admInput500{width:100%;}

}

@media (max-width: 500px) {

	.admInput350{width:100%;}

	.admInput200{width:100%;}

	.boxMobil{display:block;margin-top:10px;}

}

.admMargT10{display:block;position:relative;margin-top:10px;}

.titreFilet {padding-left:3px;margin:15px 0px 3px 0px;font-size:1rem;color:#E60A62;font-weight:bold;line-height: 1.4;}

.ligne{background-color:#E60A62;margin:0px;width:289px;height:1px;background-image:url('../img/filet.png');background-repeat:no-repeat;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/filet.png', sizingMethod='scale');}

/* INDEX */

.boxPageC{display:block;position:relative;margin:10px auto 0px auto;text-align:center;}

.boxPage{display:block;position:relative;margin:10px auto 0px auto;}

.boxPage700{display:block;position:relative;max-width:700px;margin:10px auto 0px auto;}

.boxPage800{display:block;position:relative;max-width:800px;margin:10px auto 0px auto;padding:5px 10px;}



.boxActu{display:inline-block;position:relative;max-width:320px;vertical-align:top;margin:10px 25px;text-align:left;}

.boxActuTexte{display:inline-block;position:relative;margin-top:2px;padding:0px 5px 5px 10px;width:auto;max-width:220px;vertical-align:top;text-align:left;overflow: hidden;}

.boxActuTexte a {color:#373598;font-size:14px;}		



.boxActu{width:320px;overflow: hidden;}

.boxActu img{width:100%;height:auto; transition: transform .2s ease-in-out;-webkit-transition:.2s ease-in-out;}

.boxActu img:hover{-ms-transform: scale(1.1); /* IE 9 */

    -webkit-transform: scale(1.1); /* Safari 3-8 */

    transform: scale(1.1);

}

.boxSuite a{color:#E60A62;line-height: 135%;letter-spacing: 0.01em;padding:5px 7px;font-weight:600;}

.boxSuite a:hover, a:focus{color: #2D2E83;transition: all 0.2s;}



/* INSCRIPTION 2017 */

.boxInscription{display:block;position:relative;margin:10px auto 0px auto;max-width:760px;}

.bListInsc {display:block;position:relative;margin-top:10px;height:26px;}

.bListInscText {display:inline-block;position:relative;vertical-align:top;font-size:14px;margin-top:3px;}

.bListBtSup {height:20px;width:20px !important;margin-top:0px;cursor: pointer;}

.boxRegler{display:inline-block;position:relative;width:200px;text-align:center;vertical-align:top;border:1px solid #2557a0;}



/* formulaire saisie 2019 */

.boxChamp {display:block;position:relative;margin:15px auto 0px auto;padding:3px 5px 0px 5px;text-align:center;}

.boxLabel {display:inline-block;padding:6px 5px 0px 5px;margin:0;vertical-align:top;text-align:right;font-size:12px;} 

.boxInput{width:290px;padding:5px 2px;vertical-align: top; text-align: left;min-height:24px;font-size:12px;}

.boxInputP{width:120px;padding:5px 2px;vertical-align: top; text-align: left;min-height:24px;font-size:12px;}

.boxInputN{width:160px;padding:5px 2px;vertical-align: top; text-align: left;min-height:24px;font-size:12px;}

@media (max-width: 380px) {

	.boxLabel {padding: 5px 2px 5px 2px;margin-top:5px;}

	.boxInput {margin: 2px 0px 5px 0px;text-align:left; }

}

.adrInputMess {width:95%;height: 6em;padding: 6px 6px;font-family:Verdana, Geneva, sans-serif;

	font-size: 14px;line-height: 1.4;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;} 

	



.contactFormulaireTxt {width: 92%;height: 4em; padding: 0px 5px 0px 5px;} 

.inputCB{padding: 1px;text-align: left;width:18px;min-height:18px;cursor: pointer;padding-top:3px;font-size:12px;}

.labelCB{display:inline-block;padding:4px 0px 0px 0px;text-align:left;margin:0px;vertical-align:top;line-height: 2;font-size:12px;}

.confCDG {margin:15px 0px 15px 0px;margin-right:auto;margin-left:auto;font-size:12px;}

.txtRetractation {font-size:10px;margin:0px 20px 0px 20px;}

.boxCGV {display:block;position:relative;height:360px;font-size:10px;margin-top:20px;padding:7px 15px;overflow:scroll;}

.boxTxtCGV {display:block;position:relative;margin:5px auto;padding:2px 10px;}



/* checkbox */

.boxCheck {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.boxCheck input {position: absolute;opacity: 0;cursor: pointer;}

.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;}

.boxCheck:hover input ~ .checkmark {background-color: #ccc;}

.boxCheck input:checked ~ .checkmark {background-color: black;}

.checkmark:after {content: "";position: absolute;display: none;}

.boxCheck input:checked ~ .checkmark:after {display: block;}

.boxCheck .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}



/* FOOTER + MENTION LEGE + COOKIES remplace fancybox : Mentions légales et coockies - v1 20 septembre 2020 */

.boxCookies{position:fixed;z-index:9999999;bottom:10px;left:0px;width:100%; min-height:20px;font-size:12px;text-align:center; opacity:0.80;color:white; padding:3px 50px 3px 0px; box-sizing: border-box;background-color: rgba(0,0,0,0.80);}		

.boxCookies a{color:white;margin-left:15px;}



/* FOOTER */

footer{background:#2D2E83;}

.boxFooter{display:block;position:relative;margin: 5px auto;padding:1px 7px;color:#888888;text-align:center;}

.boxFooterAbs{display:block;position:absolute;bottom:5px;color:#888888;text-align:center;padding:5px 7px;left:18%;}

.boxArtek{display:block;position:relative;margin:8px auto 8px auto;padding:5px 10px 5px 10px;font-size:11px;color:#888888;text-align:center;}

.boxArtek a{font-size:11px;color:#888888;text-decoration:none;}



@media (max-width: 400px) {

	.boxFooterAbs {left:0;position:relative;margin:10px auto;}

}

.boxFooterAdresse{display:block;position:relative;margin:8px auto;padding:5px 10px;color:#888888;text-align:center;}

.boxFooterAdresse a{color:#888888;text-decoration:none;}



.boxFooterArtek{display:block;position:relative;margin:8px auto;padding:5px 10px;color:#888888;text-align:left;line-height:1.4;}

.boxFooterArtek a{color:#888888;text-decoration:none;font-size:14px;}

.boxFooterArtek a:hover, a:focus{color: #f7f2f2;transition: all 0.2s;}



.boxFooterReglement {position:relative;margin:5px auto;padding:2px 15px;color:#050c2a;text-align:center;line-height:1.4;font-size:14px;font-weight:600;}



.boxFooterMention{display:block;position:relative;margin:2px auto;color:#888888;text-align:center;font-size:12px;}

.boxFooterMention a{color:#888888;text-decoration:none;}

.boxFooterMention a:hover, a:focus{color: #f7f2f2;transition: all 0.2s;}



/* FENETRE type fancybox */

.boxWindGlobal{position:fixed;top:0;left:0;bottom:0;right:0;width:auto;height:auto;overflow:auto;overflow-y:scroll;z-index:8000;background:url(./aek_overlay.png);}

.boxWindPage{display:block;position:absolute;top:80px;left:20px;width:320px;height:auto;overflow:visible;background:#f9f9f9;z-index:8050;outline:none;padding:0px;margin:0px;border-radius:4px;}

.boxWindCadre{position:relative;padding:15px;width:auto;height:auto;border-radius:4px;color:#444;background:#f9f9f9;vertical-align:top;outline:none;margin:0px;}

.boxWindCadreInt{position:relative;padding:0px;margin:0px;vertical-align:top;outline:none;}



.boxWindTexte{position:relative;overflow:auto;width:290px;height:480px;padding:0px;margin:0px;text-align:left;font-size:13px;}

/* dans cadre int */

.boxWindClose{position:absolute;top:-28px;right:-28px;width:36px;height:36px;cursor:pointer;z-index:8040;background-image:url(./aek_close.png);}



@media (min-width: 410px) {

	.boxWindPage{width:380px;}

	.boxWindTexte{width:360px;}

}

@media (min-width: 720px) {

	.boxWindPage{width:620px;left:10%;}

	.boxWindTexte{width:600px;height:580px;}

}

@media (min-width: 920px) {

	.boxWindPage{width:720px;left:15%;}

	.boxWindTexte{width:700px;height:580px;}

}

@media (min-width:1200px) {

	.boxWindPage{width:720px;left:20%;}

}

@media (min-width:1400px) {

	.boxWindPage{width:720px;left:25%;}

}

/* HEADER - NAVIGATION */

.boxHeader{vertical-align:top;margin:0px;}

.boxHeaderLogo{display:inline-block;position:relative;text-align:left;padding:0px 0px 0px 20px;}

.boxHeaderLogoMobil{display:none;}

.boxHeaderPartenaire{display:block;position:relative;text-align:right;padding:0px 20px 0px 0px;}



.boxHeadTitre{background:#2D2E83;padding-left:50px;margin-top:-1px;}

@media (max-width: 440px) {

  .boxHeadTitre{height:auto;padding-left:15px;vertical-align:top;}

}



.boxContact{display:inline-block;position:relative;text-align:right;border-right:solid 1px #a3a3a3;vertical-align:top;padding:2px 20px 4px 10px;margin:6px 15px 0px 0px; }

.boxContact a{color:#a3a3a3;text-transform: uppercase;}

.boxContact a:hover{color:#2D2E83;border-bottom:solid 4px #E60A62;}

.boxContact a.active {color:#2D2E83;border-bottom:solid 4px #E60A62;}

.boxContactMobil{display:none;}

@media (max-width: 767px) {

  .boxContact{display:none;}

  .boxContactMobil{display:inline-block;color:white;padding:0px 20px 10px 10px;margin:10px auto 0px auto;font-size:1.1rem;}

  .boxContactMobil a.active {color:#E60A62;}

}



#cssmenu {display:inline-block;font-size: 1rem;text-align: left;margin:15px 0px 0px 0px;vertical-align:top;}

#cssmenu > ul {width: auto;list-style-type: none;padding: 0;margin: 0;z-index: 600;}

#cssmenu > ul li#responsive-tab {display: none;}

#cssmenu > ul li {display: inline-block;text-align:left;zoom: 1;z-index: 600;}

#cssmenu > ul li.right {float: right;}

#cssmenu > ul li.has-sub {position: relative;text-align:left;}

#cssmenu > ul li a.active {color: #E60A62;}

#cssmenu > ul li.has-sub:hover ul {display: block;}

#cssmenu > ul li.has-sub ul {display: none;width: 320px;position: absolute;margin: 0; padding: 0;list-style-type: none;

 background: #2D2E83;

  /*border: 1px solid #ece6e8;

  border-bottom: 1px solid #d9ced2; */

  border-top: 0 none;

}

#cssmenu > ul li.no-sub >a:hover {color: #E60A62;border-bottom: 4px solid #E60A62;}

#cssmenu > ul li.no-sub >a.active {color: #E60A62;border-bottom: 4px solid #E60A62;}

#cssmenu > ul li.no-sub > a {text-transform: uppercase;border-bottom: 4px solid white;}



#cssmenu > ul li.has-sub ul li {display: block;text-align:left;}

#cssmenu > ul li.has-sub ul li a {color: #f4f4f6;}

#cssmenu > ul li.has-sub ul li a:hover {color: #E60A62;}

#cssmenu > ul li.has-sub ul li a.active {color: #E60A62;}

#cssmenu > ul li.has-sub > a {text-transform: uppercase;

 /* background-image: url('../img/caret.png');

  background-repeat: no-repeat;

  background-position: 95% -95%;*/

   /*background-position: 90% -95%;*/

}

#cssmenu > ul li.has-sub > a.active,

#cssmenu > ul li.has-sub > a:hover {color: #E60A62;border-bottom: 4px solid #E60A62;

/*  background: #3abf4c url('../img/caret.png') no-repeat;*/

 /* background-position: 95% 195%;*/

  /* background-position: 90% 195%;*/

}

#cssmenu > ul li a { display: block;padding:11px 10px 11px 10px;text-decoration: none;color: #2D2E83;

  /*text-shadow: 0px 1px 0px #fff;*/

}

#cssmenu > ul li a.active,

#cssmenu > ul li a:hover {color: #E60A62;transition: all 0.2s;}



#cssmenu > ul li.boxContactMobil{display:none;}



@media (max-width: 1054px) {

  #cssmenu > ul li a {padding:11px 7px 11px 6px;}



	/*#cssmenu {display:block;margin:5px auto 0px auto;line-height:145%;text-align:right;}*/

  

}



@media (max-width: 767px) {

  .boxHeaderLogo{display:none;}

	.boxHeaderLogoMobil{display:block;position:relative;margin:0px auto;padding:5px 10px;text-align:center;}

  .boxHeaderPartenaire{display:none;}

	.boxHeader{min-height:auto;}

	#cssmenu {width: 100%;margin:5px 0px 0px 0px;background: #2D2E83;}

	#cssmenu > ul { width: 100%;background-color: #2D2E83;}

	#cssmenu > ul li#responsive-tab { display: block;text-align:left;background-color: #2D2E83;}

	#cssmenu > ul li#responsive-tab a {

		background: url('../img/menu.png') no-repeat;

		background-position: 95% -35%;

	}

  #cssmenu > ul li a {padding:14px 13px 14px 13px;}

  #cssmenu > ul li a { color: #f4f4f6;}

  #cssmenu > ul li#responsive-tab a:hover {background-color: #2D2E83;background-position: 95% 135%;}

  #cssmenu > ul li {display: none;}

  #cssmenu > ul li.right { float: none; }

  #cssmenu > ul li.has-sub { position: relative;background-color: #2D2E83;}

  #cssmenu > ul li.has-sub ul { display: block;position: static; width: 100%; background: #257db4; border: 0 none;text-align:left;}

  #cssmenu > ul li.has-sub ul li {display: block !important;text-align:left !important;}

  #cssmenu > ul li.has-sub ul li a span {display: block;padding-left: 24px;text-align:left;color:#f4f4f6;}

  #cssmenu > ul li.has-sub > a {background-image: none;}

  #cssmenu > ul li#responsive-tab.boxContactMobil{display:block;}



  #cssmenu > ul li.has-sub > a.active,

  #cssmenu > ul li.has-sub > a:hover {color: #E60A62;border-bottom: 4px solid #2D2E83;}

  #cssmenu > ul li.no-sub >a:hover {color: #E60A62;border-bottom: 4px solid #2D2E83;}

  #cssmenu > ul li.no-sub >a.active {color: #E60A62;border-bottom: 4px solid #2D2E83;}

}

/* Make sure they show even if hidden in mobile view by JS */

@media (min-width: 767px) {

  #cssmenu > ul > li.collapsed {

    display: inline-block !important;

    *display: inline;

    zoom: 1;

  }

  #cssmenu > ul ul li.collapsed {display: block !important; }

}

.filet {height:0px;border-bottom:1px solid #ddd;padding:0px;margin:10px 20px 10px 20px;}





.boxAffiche {

  display: block;padding: 4px 12px;

  margin-bottom: 0;

  font-size: 16px;

  line-height: 22px;

  font-weight:700;

  color: #333333;

  text-align: center;

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

  background-color: #f5f5f5;

  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-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);



  -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);

}

.boxAfficheRed {

  color: #ffffff;

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

  background-color: #ec1f88;

  background-image: -moz-linear-gradient(top, #ec338a, #ec3779);

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

  background-image: -webkit-linear-gradient(top, #ec338a, #ec3779);

  background-image: -o-linear-gradient(top, #ec338a, #ec3779);

  background-image: linear-gradient(to bottom, #ec338a, #ec3779);

  background-repeat: repeat-x;

  border-color: #ec3779 #ec3779 #ec1f88;

  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);

}



/* EXT SAISIE */

.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);

}

/* NUMERO DE PAGE */

.pagination {

  display: inline-block;

  padding-left: 0;

  margin: 20px 0;

  border-radius: 4px;

}



.pagination > li {

  display: inline;

}



.pagination > li > a,

.pagination > li > span {

  position: relative;

  float: left;

  padding: 6px 12px;

  margin-left: -1px;

  line-height: 1.428571429;

  text-decoration: none;

  background-color: #ffffff;

  border: 1px solid #dddddd;

}



.pagination > li:first-child > a,

.pagination > li:first-child > span {

  margin-left: 0;

  border-bottom-left-radius: 4px;

  border-top-left-radius: 4px;

}



.pagination > li:last-child > a,

.pagination > li:last-child > span {

  border-top-right-radius: 4px;

  border-bottom-right-radius: 4px;

}



.pagination > li > a:hover,

.pagination > li > span:hover,

.pagination > li > a:focus,

.pagination > li > span:focus {

  background-color: #eeeeee;

}



.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,

.pagination > .active > span:focus {

  z-index: 2;

  color: #ffffff;

  cursor: default;

  background-color: #428bca;

  border-color: #428bca;

}



.pagination > .disabled > span,

.pagination > .disabled > a,

.pagination > .disabled > a:hover,

.pagination > .disabled > a:focus {

  color: #999999;

  cursor: not-allowed;

  background-color: #ffffff;

  border-color: #dddddd;

}

/* utiliser dans les tableaux affichage client et log */

table { max-width: 100%;background-color: transparent; border-collapse: collapse;border-spacing: 0;}



.table {width: 100%;margin-bottom: 20px;}



.table th,

.table td {padding: 8px;line-height: 20px;text-align: left;vertical-align: top;border-top: 1px solid #cedddd;}

.table th {font-weight: bold;}

.table thead th {vertical-align: bottom;}

.table-striped tbody > tr:nth-child(odd) > td,

.table-striped tbody > tr:nth-child(odd) > th {

  background-color: #f2f9f9;

}

.table-hover tbody tr:hover > td,

.table-hover tbody tr:hover > th {

  background-color: #f5f5f5;

}

.table-condensed th,

.table-condensed td {padding: 4px 5px;}

/* BOX ALERTE MESSAGE */

.alert {

  padding: 8px 35px 8px 14px;

  margin-bottom: 20px;

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

  background-color: #fcf8e3;

  border: 1px solid #fbeed5;

  -webkit-border-radius: 4px;

     -moz-border-radius: 4px;

          border-radius: 4px;

}

.alert-success {

  color: #468847;

  background-color: #dff0d8;

  border-color: #d6e9c6;

}

/* 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;

  padding: 4px 12px;

  margin-bottom: 0;

  font-size: 1rem;

  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: #333333;

  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: #333333;

  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-warning {

  color: #ffffff;

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

  background-color: #faa732;

  *background-color: #f89406;

  background-image: -moz-linear-gradient(top, #fbb450, #f89406);

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

  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);

  background-image: -o-linear-gradient(top, #fbb450, #f89406);

  background-image: linear-gradient(to bottom, #fbb450, #f89406);

  background-repeat: repeat-x;

  border-color: #f89406 #f89406 #ad6704;

  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='#fffbb450', endColorstr='#fff89406', GradientType=0);

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

}



.btn-warning:hover,

.btn-warning:focus,

.btn-warning:active,

.btn-warning.active,

.btn-warning.disabled,

.btn-warning[disabled] {

  color: #ffffff;

  background-color: #f89406;

  *background-color: #df8505;

}



.btn-warning:active,

.btn-warning.active {

  background-color: #c67605 \9;

}



.btn-info {

  color: #ffffff;

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

  background-color: #49afcd;

  *background-color: #2f96b4;

  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));

  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);

  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);

  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);

  background-repeat: repeat-x;

  border-color: #2f96b4 #2f96b4 #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: #2f96b4;

  *background-color: #2a85a0;

}



.btn-info:active,

.btn-info.active {

  background-color: #24748c \9;

}

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

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

}

@media (max-width: 667px) {

	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 */

    }

}