/** Font  */




.clear {clear:both;}

//** reset css */
html, body, , span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
} 

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }
  
input, textarea, button , select{
  font-size: 1em;
  line-height: 100%;
  font-family: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box; 
  box-sizing: border-box;
}

a {color:#2e7fa4; transition:}

a, button {
  cursor: pointer;
  text-decoration:none;
}

img {max-width:100%; height:auto; display:block; margin:0px; }

input {padding:5px 0;  border-radius:5px; }

a {font-family: 'Lato', sans-serif;}
div {font-family: 'Lato', sans-serif;}
span {font-family: 'Lato', sans-serif;}



input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
  align-items: flex-start;
  text-align: center;
  cursor: default;
  color: buttontext;
  padding: 2px 6px 3px;
  border: 2px outset buttonface;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-color: buttonface;
  box-sizing: border-box;
}

input, textarea, keygen, select, button, meter, progress {
  -webkit-writing-mode: horizontal-tb;
}

button {
  -webkit-appearance: button;
}

h1, h2, h3, h4, h5, h6, ol, ul, p, dl, hr, pre, table, address, fieldset {
  margin-bottom: 10px;
  font-family: 'Lato', sans-serif;
  font-weight:400;
  
}

p {
  margin-bottom: 0px;
  padding:5px 47px;
}

//*p {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;*/
}

strong {font-weight:bold;}

h1 {font-size:33px;}
h2 {font-size:23px;}
h3 {font-size:15px;}
h4 {font-size:5px;}

ul {margin:20px 0;} 
.circle ul {list-style-type:disc; margin:0; padding:0; color:#000;  margin-left:55px;}
.circle ul li {margin-bottom:2px; margin-left:10px; margin-right:10px;  margin-bottom:10px; margin-top:10px;}
.circle ul li a {display:block; border-radius:3px; color:#000; transition:0.5s; text-decoration:none;} 
.circle ul li:last-child {padding-bottom:0px;}
.circle ul li a:hover { color:#000; }
.circle ul li a:hover:before {content:'> ';}

.checkbox input {display:none;}
.checkbox .rounded { background-color:#fff; border:3px solid #bdc3c7; width:9px; height:9px; display:inline-block; vertical-align:middle; border-radius:8px; position:relative; margin-left:6px;}
input:checked + .rounded{ border-color:#f67d0a;}
input:checked + .rounded:after { content:''; display:block; width:5px; height:5px; background-color:#f67d0a; position:absolute; top:2px; left:2px; border-radius:2px;}

input:required, textarea:required {background:url(../img/asterisk.png) 96% center no-repeat;}
input:focus:invalid, textarea:focus:invalid{border-color:#ff0000; background-image:none; }
input:focus:valid, textarea:focus:valid{border-color:#56c93f;}
input:valid,textarea:valid{background-image:none;}

#open-menu {display:inline-block; top:16px; left:320px; float:left;}

#bg-menu {display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; background:rgba(246,125,10,0.8); z-index:100; text-align:center;}
#bg-menu ul {list-style-type:none; margin:0px; padding:0px; font-size:48px; font-weight:bold; text-transform:uppercase; display:table-cell; vertical-align:middle;}
#bg-menu ul li {line-height:1; margin-bottom:20px;}
#bg-menu ul li:last-child {margin-bottom:0px;}
#bg-menu ul li a {color:#fff; text-shadow:0 2px 0px #000; -webkit-transition:0.2s; transition:0.2s;}
#bg-menu ul li a:hover {text-decoration:none; color:#294e6b; font-size:60px;}

#close-menu {display:inline-block; position:absolute; top:58px; right:19px;}

#bg-menu nav {display:table; width:100%; height:100%;}

.infobulle {position:absolute; background:#f67d0a; padding:3px 7px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#d4d4d4; text-align:center;}


/** Body  */
body {background-color:#fff; color:#222;}

/** HEADER */
header {  position: fixed;
  width:100%;
  z-index: 999;
  margin-top: 46px;
  padding: 15px 0;
  background: #983222;
  color: #fff;
}

header.titre {background-color: #ececec; top:47px;  width:100%; position:absolute; z-index:-1;}

header.stuck {position: fixed; top:0; right:0; left:0; }

/** WRAPPER */
header #header.header.stuck {margin-top:0;}


@media only screen and (min-width: 1150px)
{
header .wrapper {
  width: 1150px;}
 }
.wrapper {margin: 0 auto;}

/** BTN MENU */
@media only screen and (min-width: 1150px){
.btn-menu {
  margin-right: 20px;}
}

.btn-menu {
  float: left;
  margin-right: 15px;
  padding-top: 28px;
  width: 50px;
  height: 50px;
  background: url(../img/sprite.png) 0 0 no-repeat ;
  border: none;
  color: #fff;
  font-size: 9px;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
}

/** Identity */
@media only screen and (min-width: 1150px) {
.identity {
  margin-right: 20px;
}
}

.identity, .baseline {
  float: left;
  margin-bottom: 0;
  margin-right: 14px;
}

.baseline {
  margin-top: 5px;
  width: 280px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 145%;
  font-style: italic;
}

/** Recherche */
@media only screen and (min-width: 1150px) {
.quick-search-button {
  margin-left: 15px; }
  }
  
.quick-search-button {
  float: right;
  margin-left: 0;
  margin-top: -15px;
}

.quick-search-button button {
  position: relative;
  overflow-x: hidden;
  padding: 0 5px;
  width: 46px;
  height: 65px;
  background: none;
  border: none;
  text-indent: -9999px;
}

input, textarea, button ,select{
  font-size: 1em;
  line-height: 100%;
  font-family: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/** ACTIONS */
.actions {
  float: right;
}
.actions p {
  float: left;
  margin-bottom: 0;
  margin-top: 15px;
}

@media only screen and (min-width: 1150px) {
.actions p a {
  margin: 0 5px;
} }

.actions p a {
  display: inline-block;
  overflow: hidden;
  margin: 0 4px;
  width: 20px;
  height: 20px;
  background: url(../img/sprite.png) -200px 2px no-repeat;
  text-indent: -9999px;
}

.actions p .facebook {
  width: 10px;
  background-position: -300px 2px;
}

.actions p .youtube {
  margin-right: 10px;
  background-position: -500px -1px;
}

@media only screen and (min-width: 1150px) {
.actions p .youtube {
  margin-right: 30px;
} }

.header .btn, .content .btn {
  text-decoration: none;
}

.actions .btn {
  float: left;
}

.btn-2 {
  position: relative;
  padding-left: 30px;
  padding: 7px 20px 6px 30px;
  background: #ff3735 url(../img/sprite.png) 0 0 repeat;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
}

.btn {
  display: inline-block;
  margin: 08px 5px;
  padding: 10px 20px ;
  background: #f67d0a;
  border: none;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 100%;
  white-space: normal;
  text-decoration: none;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  border:1px solid #e6e6e6;
  transition:0.5s;
  text-decoration: none;
  border-radius:5px;
  
}

.btn_edit {
  display: inline-block;
  margin: 08px 5px;
  padding: 10px 20px ;
  background: #f67d0a;
  border: none;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 100%;
  white-space: normal;
  text-decoration: none;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  border:1px solid #e6e6e6;
  transition:0.5s;
  text-decoration: none;
  border-radius:5px;
}

.btn_edit:hover {background-color:#294e6b;}

.btn:hover{background:#dedede; color:#000;}

.btn a {cursor:pointer; }





.btn-2-small strong {
  font-size: 21px;
  line-height: 23px;
}

#btn-menu {margin-left:260px; transition:0.5s; }
#btn-menu1 {margin-left:15px; transition:0.5s; padding:8px 200px; }
#btn-menu2 {margin-left:59px; transition:0.5s; padding:8px 200px; }
#btn-menu:hover {background-color:#294e6b;}
#btn-menu1:hover {background-color:#294e6b;}
#btn-menu2:hover {margin-left:59px; transition:0.5s; padding:8px 200px; }

#btn-contact {transition:0.5s}

.btn-3 {display: inline-block;
  margin: 08px 5px;
  padding: 10px 20px;
  background: #f67d0a;
  border: none;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 100%;
  white-space: normal;
  text-decoration: none;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  border: 1px solid #e6e6e6;
  transition: 0.5s;
  text-decoration: none;
  border-radius: 5px;
}

.btn-3:hover {background-color:#294e6b;}

.btn-2 strong {
  display: block;
  font-size: 23px;
  line-height: 21px;
}

strong {
  font-weight: 700;
}

/** COOKIE BANDEAU */
.cookie {position:fixed;
left:0;
right:0;
bottom:0;

height:40px;
line-height:40px;
background-color:#f2f2f2;
color:#666;
font-size:0.9em;
border-top:1px solid #e4e4e4;
text-align:center;
font-family: 'Lato', sans-serif;
}

.cookie a {text-decoration:underline;}
.cookie a:hover {text-decoration:none;}

.cookie_btn {display:inline; margin-left:15px; background-color:#55acee; padding:4px 10px; border-radius:3px; color:#fff; cursor:pointer;}

.cookie_btn-error {background-color:#e84e40;}



.image-wrap {
display:table-cell;
width:120px;
vertical-align:middle;
}

/** LOGOUT */
.containerlogout {width:1200px;  margin:0 auto; display:block;  }
.containerlogout h1 {font-size:30px; color:#254b8c; padding-bottom:20px;}
.blocnavi_facebook {float:left; width:399px; height:200px;   box-shadow: 0 0 10px #4e707c;   }
.btn-reco {
  display: block;
  padding: 10px 5px 10px 5px;
  background: #f67d0a;
  border: none;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 100%;
  white-space: normal;
  text-decoration: none;
  text-transform: uppercase;
  width:178px;
  transition-duration: 1s;
  text-align:center;
  font-family: 'Roboto', sans-serif;
  border-radius:5px;
  margin:10px 0 10px 0;
  float:right;
}

.map {width: 700px;
    height: 500px;
    border: 0;
    margin: auto;
    display: block;
	background:#fff url(../img/loading.gif) no-repeat 50% 50%;}



.btn-reco:hover {background-color:#254b8c;}
.btn-reco a {text-decoration:none;}
.decotop {font-family: 'Lato', sans-serif; font-weight:400; width:1200px; margin:0 auto; }
.decotop h1 { color:#294e6b; font-size:26px; font-family: 'Lato', sans-serif; background:url(../img/chevron.png) 1% no-repeat; padding:10px 0px 10px 0; padding-left:43px; margin-bottom:0; font-weight:300; float:left; }


#content-blank {width:1200px; margin:0 auto;  position:relative; margin-top:10px; margin-bottom:50px}

.contenu-sidebar {width:830px; float:left; margin-top:230px; position:relative; overflow:hidden; }
.logo {position:absolute; top:10px; left:-200px; z-index:6;}
.sidebar {width:350px; float:right; margin-top:230px; background: linear-gradient(45deg, white 25%,
    #f4f4f4 25%, #f4f4f4 50%, 
    white 50%, white 75%, 
    #f4f4f4 75%);
background-size: 100px 100px; }
.module-sb-dl { background-color:#f67d0a;  border-radius:3px; margin-bottom:20px;}
.module-sb {margin-top:20px; background-color:#983222;  border-radius:3px; margin-bottom:20px;}
.module-sb:last-child {margin-bottom:80px; margin-top:0px;}
.module-sb h2 {background:url(../img/phone_white_marron.png) 2% no-repeat;  padding-bottom:20px; padding-top:20px; padding-left:63px; margin-bottom:10px; text-transform:uppercase; font-size:28px; font-weight:700; color:#fff; }

.module-sb-recherche {margin-top:20px; background-color:#294e6b;  border-radius:3px; margin-bottom:20px;}
.module-sb-recherche:last-child {margin-bottom:80px; margin-top:0px;}
.module-sb-recherche h2 {background:url(../img/search_blanc.png) 2% no-repeat;  padding-bottom:20px; padding-top:20px; padding-left:63px; margin-bottom:10px; text-transform:uppercase; font-size:28px; font-weight:700; color:#fff; }

.module-sb-dl h2 {background:url(../img/filiereblanc.png) 2% no-repeat;  padding-bottom:20px; padding-top:20px; padding-left:63px; margin-bottom:10px; text-transform:uppercase; font-size:28px; font-weight:700; color:#fff;}
.module-sb-dl h2 a {color:#fff;}

.module-sb-imp h2 {background:url(../img/print.png) 2% no-repeat;  padding-bottom:20px; padding-top:20px; padding-left:63px; margin-bottom:10px; text-transform:uppercase; font-size:28px; font-weight:700; color:#fff;}
.module-sb-imp h2 a {color:#fff;}

.module-sb-tab h2 {background:url(../img/tableau.png) 2% no-repeat;  padding-bottom:20px; padding-top:20px; padding-left:63px; margin-bottom:10px; text-transform:uppercase; font-size:28px; font-weight:700; color:#fff;}
.module-sb-tab h2 a {color:#fff;}

.module-sb-dl2 h2 {background:url(../img/download_orange.png) 2% no-repeat;  padding-bottom:20px; padding-top:20px; padding-left:63px; margin-bottom:10px; text-transform:uppercase; font-size:28px; font-weight:700; color:#fff;}
.module-sb-dl2 h2 a {color:#fff;}

.module-sb-ml { background-color:#f67d0a;  border-radius:3px; margin-bottom:20px;}
.module-sb-ml h2 {background:url(../img/mail.png) 2% no-repeat;  padding-bottom:20px; padding-top:20px; padding-left:63px; margin-bottom:10px; text-transform:uppercase; font-size:28px; font-weight:700; color:#fff;}
.module-sb-ml h2 a {color:#fff;}
.cat ul {list-style-type:none; margin:0; padding:0; color:#fff;  margin-left:55px; margin-bottom:20px;}
.cat ul li {margin-bottom:2px; margin-left:10px; margin-right:10px;}
.cat ul li a {display:block; border-radius:3px; color:#fff; transition:0.5s; text-decoration:none;} 
.cat ul li:last-child {padding-bottom:30px;}
.cat ul li a:hover { color:#000; }
.cat ul li a:hover:before {content:'> ';}

.twitter {background-color:transparent; margin-top:0px; margin-bottom:50px;}
.twitter h2 {background:url(../img/tweetpuce.png) 2% no-repeat; padding-left:60px;}


/** FORMULAIRE */

input[type="submit"] {cursor:pointer;}
input[type="text"], textarea {width:227px; padding:5px; color:#808080; border:1px solid #ccc; border-radius:3px;}

textarea {padding:5px 7px; width:624px; height:200px; resize:none; background-color:#dedede;}

input[type="text"]:focus, textarea:focus {border:1px solid #999;}
label {display:block; float:right; padding-top:5px; padding-right:10px;}
#btn-contact {margin-left:48px; margin-bottom:50px;}

.title-bloc {text-transform:uppercase; font-weight:700; font-size:24px; background:url(../img/loupe.png) 1% no-repeat; height:50px; line-height:50px;  }
.title-bloc1 {text-transform:uppercase; font-weight:700; font-size:24px; background:url(../img/pourcentage_site.png) 1% no-repeat; height:50px; line-height:50px; margin-bottom:20px;  }
.title-bloc2 {text-transform:uppercase; font-weight:700; font-size:24px; background:url(../img/clock.png) 1% no-repeat;  height:50px; line-height:50px;  }
.title-bloc3 {margin-top:20px; text-transform:uppercase; font-weight:700; font-size:24px; background:url(../img/exclamation.png) 1% no-repeat;  height:50px; line-height:50px;  }
.title-bloc4 {margin-top:20px; text-transform:uppercase; font-weight:700; font-size:24px; background:url(../img/calendar.png) 1% no-repeat;  height:50px; line-height:50px;  }
.title-bloc5 {text-transform:uppercase; font-weight:700; font-size:24px; background:url(../img/filiere.png) 1% no-repeat; height:50px; line-height:50px; margin-bottom:20px;  }
.title-bloc6 {text-transform:uppercase; font-weight:700; font-size:24px; background:url(../img/tableau_marron.png) 1% no-repeat; height:50px; line-height:50px; margin-bottom:20px;  }
.titlenavi {  float: left;
  width: 798px;
  height: auto;
  
  margin-top: 20px;
  
  background-color:transparent;}
  
  .fleft {float:left}
  
  
  
  
  
  
  
  
  
  #tab, #tab caption {border:#000 1px solid; margin:auto; width:auto; padding:24px;}
  
  #tab6, #tab6 caption {border:#000 1px solid; margin:auto; width:100%; padding:24px;}
  
  table #tab {
    border: #DDEEFF 2px solid;
    border-collapse: separate;
    border-spacing: 2px;
	
	}
	
	#tab caption {
    background-color: #DDEEFF;
	font-size: 0.8em;
}

#tab th{
    color: #000;
    background-color: #dedede;
    border: #000 1px solid;
    font-family: 'Lato', sans-serif;
	font-weight:700;
    font-size: 15px;
	padding:24px;
}

#tab td {
    padding-left: 10px;
	padding-right: 10px;
	//*padding:24px;*/ 
}

table#tab2 {
    border-collapse: separate;
    border-spacing: 2px;
	margin-left:37px;
	margin-right:39px;}
	
#tab2 th{
    color: #000;
    background-color: #dedede;
    //*border: #000 1px solid; */
    font-family: 'Lato', sans-serif;
	font-weight:700;
	padding:4px;
}

#tab2 td {
    border: none;;
    padding-left: 10px;
	padding:4px;
}

table#tab3 {
    border-collapse: collapsed;
    border-spacing: 2px;
	margin-left:37px;
	margin-right:39px;}
	
#tab3 th{
    color: #000;
    font-family: 'Lato', sans-serif;
	font-weight:700;
	padding:4px;
}

#tab3 td {
    border: none;;
    padding-left: 10px;
	padding:4px;
}

table#tab4 {
    border-collapse: collapsed;
    border-spacing: 2px;
	margin-left:145px;
	margin-right:39px;}
	
#tab4 th{
    color: #000;
    background-color: #dedede;
    //*border: #000 1px solid; */
    font-family: 'Lato', sans-serif;
	font-weight:700;
	padding:4px;
}

#tab4 td {
    border: none;;
    padding-left: 10px;
	padding:4px;
}



table#tab5 {
    border-collapse: separate;
    border-spacing: 2px;
	width: 100%;
	margin-left:0;
	margin-right:0;}
	
#tab5 th{
    color: #000;
    background-color: #dedede;
    //*border: #000 1px solid; */
    font-family: 'Lato', sans-serif;
	font-weight:600;
	margin-top:5px;
	padding:4px;
}

#tab5 td {
    border: none;;
    padding-left: 10px;
	padding:4px;
}

table#tab55 {
	background-color:transparent;
}


table #tab6 {
    border: #DDEEFF 2px solid;
    border-collapse: separate;
    border-spacing: 2px;
	
	}
	
	#tab6 caption {
    background-color: #DDEEFF;
	font-size: 0.8em;
}

#tab6 th{
    color: #000;
    background-color: #dedede;
    border: #000 1px solid;
    font-family: 'Lato', sans-serif;
	font-weight:700;
    font-size: 15px;
	padding:24px;
}

#tab6 td {
    padding-left: 10px;
	padding-right: 10px;
	//*padding:24px;*/ 
}





table#tab7 {
    border-collapse: separate;
    border-spacing: 2px;
	width: 100%;
	margin-left:0;
	margin-right:0;}
	
#tab7 th{
    color: #000;
    background-color: #dedede;
    //*border: #000 1px solid; */
    font-family: 'Lato', sans-serif;
	font-weight:600;
	margin-top:5px;
	padding:4px;	
	font-size:14px;
}

#tab7 td {
    border: none;;
    padding-left: 10px;
	padding:4px; 
	font-size:12px;
	
}

#btn-coord {margin:8px 0; font-weight:400; text-transform:normal; font-size:12px; color:#fff;}
#btn-coord :hover {color:#000;}

.btnconsultation {float:right; margin:-43px 35px; background-color:#294e6b;}
.btnconsultation  a{color:#fff;}
.btnconsultation  a:hover{color:#000;}

.back {border:1px solid #294e6b; text-align:center; vertical-align:middle;}

td a:hover {color:#f67d0a;}

.controls {margin-bottom:20px; }
.control-label {float:left; font-family: 'Lato', sans-serif;margin-left:46px;}


//* VERTICAL MENU */
#menu-vertical {display:none; background-color:#fff; width:300px; position:fixed; top:0; bottom:0; box-shadow:2px 2px 2px silver; float:left;}
#menu-vertical .avatar {background:url(../img/logo2.png); width:150px; height:82px; margin:25px auto 12px auto;}
#menu-vertical h3 {color:#294e6b; text-align:center; margin-bottom:20px; font-size:25px; }
#menu-vertical .menu {background-color:silver; width:300px; padding:15px; margin-bottom:5px;}
#menu-vertical .menu  a{color:#983222; text-decoration:none; font-size:16px; transition:0.5s;}
#menu-vertical .menu  a:hover{color:#f67d0a; }

.boite_depli {font-size:20px; font-family:'Lato', sans-serif; background-color: #f67d0a; color:#fff; font-weight:700; text-align:center; padding:20px; height:300px; line-height:300px;  }

.title_boite {font-size:20px; color;2E7FA4; font-family:'Lato', sans-serif;  margin-top: 20px; margin-bottom:20px; transition:0.8s; }











img.zoomEffect {
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    opacity: 0.7;
}
img.zoomEffect:hover {
    -moz-transform:  scale(1.10);
    -webkit-transform:  scale(1.10);
    -o-transform: ) scale(1.10);
    -ms-transform:  scale(1.10);
    transform:  scale(1.10);
    opacity: 1;
}


/** ADMIN BACK WELCOME */
.content {width:1200px;  margin:0 auto; display:block; margin-top: 100px;}
.content h1 {font-size:30px; color:#254b8c; padding-bottom:20px;}

.blocnavi {float:left; margin-top:300px;    }
.blocnavi_admin {float:left; width:399px; height:200px;   box-shadow: 0 0 10px #4e707c;   }

/** ADMIN FRONT WELCOME */
.blocnavi_admin_front {float:left; width:798px; height:auto; margin-top:20px;  border-radius:3px; padding-bottom:20px;}
.blocnavi_admin_front1 {float:left; width:798px; height:auto; background-color:#fff;    margin-bottom:20px;   border-radius:3px; padding-bottom:20px;}
.infos {float:left; width:798px; height:auto; margin-bottom:20px; margin-top:20px; background-color:; border-radius:3px; padding-bottom:2px;}
.infos a {text-decoration:none; color:#000;}
.infos a:hover {text-decoration:none; color:#294e6b;}
.infos > img {border:1px solid ##294e6b;}
.input {margin-top:60px;}

.form-front {display:inline-block; float:left;}

.blocnavi-aside{ width:300px; box-shadow: 0 0 10px #4e707c; margin-bottom:20px; margin-top:20px; background-color:#fff; border-radius:5px; padding-bottom:20px;}

.custom-dropdown--large {
    font-size: 1.5em;
}

.custom-dropdown--small {
    font-size: .7em;
}

.custom-dropdown__select{
    font-size: inherit; /* inherit size from .custom-dropdown */
    padding: .5em; /* add some space*/
    margin: 0; /* remove default margins */
}

.custom-dropdown__select--white {
    background-color: #fff;
    color: #444;    
}

@supports (pointer-events: none) and
      ((-webkit-appearance: none) or
      (-moz-appearance: none) or
      (appearance: none)) {

    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .custom-dropdown__select {
        padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */
        border: 0;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;    
    }

    .custom-dropdown::before,
    .custom-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .custom-dropdown::after { /*  Custom dropdown arrow */
        content: "\25BC";
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.2em;
        top: 50%; margin-top: -.5em;
    }

    .custom-dropdown::before { /*  Custom dropdown arrow cover */
        width: 2em;
        right: 0; top: 0; bottom: 0;
        border-radius: 0 3px 3px 0;
    }

    .custom-dropdown__select[disabled] {
        color: rgba(0,0,0,.3);
    }

    .custom-dropdown.custom-dropdown--disabled::after {
        color: rgba(0,0,0,.1);
    }

    /* White dropdown style */
    .custom-dropdown--white::before {
        top: .5em; bottom: .5em;
        background-color: #fff;
        border-left: 1px solid rgba(0,0,0,.1);
    }

    .custom-dropdown--white::after {
        color: rgba(0,0,0,.9);
    }

    /* FF only temp fix */
    @-moz-document url-prefix() {
        .custom-dropdown__select              { padding-right: .9em }
        .custom-dropdown--large .custom-dropdown__select { padding-right: 1.3em }
        .custom-dropdown--small .custom-dropdown__select { padding-right: .5em }
    }
}


.slidingDiv {
height:250px;
background-color: #99CCFF;
padding:20px;
margin-top:10px;
border-bottom:5px solid #3399FF;
}

.show_hide { 
display:none;
}


.back-to-top {
			position: fixed;
			bottom: 7em;
			right: 10px;
			text-decoration: none;
			color: #000000;
			background-color: rgba(235, 235, 235, 0.80);
			font-size: 12px;
			padding: 1em;
			display: none;
		}

		.back-to-top:hover {	
			background-color: rgba(135, 135, 135, 0.50);
		}	
		
		
/* tables */
table.tablesorter { 
	font-size: 8pt;
	width: 100%;
	text-align: left;
} 


.alert-box {
		color:#555;
		border-radius:10px;
		font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
		padding:10px 36px;
		margin:10px;
	}
	.alert-box span {
		font-weight:bold;
		text-transform:uppercase;
	}
	.error {
		background:#FFCFBF url('img/error.png') no-repeat 10px 50%;
		border:1px solid #D90000;
	}
	.success {
		background:#BFFFCF url('img/success.png') no-repeat 10px 50%;
		border:1px solid #196600;
	}
	.warning {
		background:#fff8c4 url('img/warning.png') no-repeat 10px 50%;
		border:1px solid #f2c779;
	}
	.notice {
		background:#e3f7fc url('img/notice.png') no-repeat 10px 50%;
		border:1px solid #8ed9f6;
	}
	



footer.titre {
background-color: #ececec;  
color:#294e6b;
position: relative; 
bottom:0;  
width: 100%;
height: 20px;
padding-top: 5px;
border-top:2px solid #294e6b;
display:none;
}	


li {
    list-style-type: disc;
    margin-bottom: 10px;
}
li:before {
   padding: 3px 10px;
    margin-right: 8px;
    vertical-align: top;
    background: transparent;
    color:#000;
    -moz-border-radius: 60px;
    border-radius: 60px;
    font-weight: bold;
    font-size: 0.8em;		
}

li.none::before {display:none;}