/* @ import */

/* TPL 1
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Parisienne);
*/

/* TPL 2 
@import url(http://fonts.googleapis.com/css?family=News+Cycle);
*/

/* TPL 3
@import url(http://fonts.googleapis.com/css?family=Cookie);
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
*/


@import url(http://fonts.googleapis.com/css?family=Yellowtail);
@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow);


/* TPL 5 */



/*RESET UNIVERSEL */

html,body,div,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:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}

.container_12{width:100%;margin-left:0;margin-right:0}.container_12_margin{width:100%;margin-left:0;margin-right:0}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;position:relative}.container_12_margin .alpha,.alpha{margin-left:0 !important}.container_12_margin .omega,.omega{margin-right:0 !important}.container_12 .grid_1{width:8.333%}.container_12 .grid_2{width:16.667%}.container_12 .grid_3{width:25%}.container_12 .grid_4{width:33.333%}.container_12 .grid_5{width:41.667%}.container_12 .grid_6{width:50%}.container_12 .grid_7{width:58.333%}.container_12 .grid_8{width:66.667%}.container_12 .grid_9{width:75%}.container_12 .grid_10{width:83.333%}.container_12 .grid_11{width:91.667%}.container_12 .grid_12{width:100%}.container_12_margin .grid_1{width:6.333%;margin-left:1%;margin-right:1%}.container_12_margin .grid_2{width:14.667%;margin-left:1%;margin-right:1%}.container_12_margin .grid_3{width:23%;margin-left:1%;margin-right:1%}.container_12_margin .grid_4{width:31.333%;margin-left:1%;margin-right:1%}.container_12_margin .grid_5{width:39.667%;margin-left:1%;margin-right:1%}.container_12_margin .grid_6{width:48%;margin-left:1%;margin-right:1%}.container_12_margin .grid_7{width:56.333%;margin-left:1%;margin-right:1%}.container_12_margin .grid_8{width:64.667%;margin-left:1%;margin-right:1%}.container_12_margin .grid_9{width:73%;margin-left:1%;margin-right:1%}.container_12_margin .grid_10{width:81.333%;margin-left:1%;margin-right:1%}.container_12_margin .grid_11{width:89.667%;margin-left:1%;margin-right:1%}.container_12_margin .grid_12{width:98%;margin-left:1%;margin-right:1%}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:" ";display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:inline-block;line-height:0}


input::-moz-focus-inner{border:0;padding:0;margin-top:-1px;margin-bottom:-1px}a,address{text-decoration:inherit;color:inherit}
textarea ,input[type=text]
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#form_1 table td, #form_4 table td{vertical-align:top;}

/*
** GENERAL 
*/


html{background:#f3f0f0}
html,body{font-family:Arial, sans-serif;font-size:13px;line-height:1.5;color:#464642}
a,address{color:inherit;text-decoration:inherit}
.icn:before{color:inherit!important;font-size:150%!important}
strong,.strong{font-weight:700}
em,.em{font-style:italic}
ul{list-style-type:disc;margin-left:20px}
hr{border:0;border-top:1px solid #464642}
.table tbody tr:hover td,.table tbody tr:hover th{background-color:#666}
table{vertical-align:top}
a{color:#464642;text-decoration:none}
a:hover{color:#464642;text-decoration:none}
blockquote{margin-left:15px}
ol li{list-style-type:decimal;list-style-position: inside;}
/* HEADINGS */

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:normal;line-height: 1.3;font-family:Yellowtail, Arial, Helvetica, sans-serif;margin:10px 0;text-rendering:optimizelegibility;font-smooth:always;-webkit-font-smoothing:antialiased;opacity:.999}
h1,.h1{font-size:26px;color:#464642;margin-bottom:10px;margin-top:5px}
h2,.h2{font-size:28px;color:#464642;margin-bottom:7px;margin-top:5px}
h3,.h3{font-size:20px;color:#464642;margin-bottom:5px;margin-top:5px}
h4,.h4{font-size:22px;color:#464642;color:;margin-bottom:15px;margin-top:5px}
h5,.h5{font-size:20px;color:#464642;color:#fffefe;margin-bottom:5px;margin-top:5px}
h6,.h6{font-size:14px;color:#464642;color:}
.aside h4,.aside .h4{font-size:32px;color:#fff;margin-bottom:15px;margin-top:5px}
h1:first-child,.h1:first-child,h2:first-child,.h2:first-child,h3:first-child,.h3:first-child,h4:first-child,.h4:first-child,h5:first-child,.h5:first-child,h6:first-child,.h6:first-child {margin-top: 0;}
.asidebox .titre{display:block;background:@h4asidebox_background;padding:@h4asidebox_padding;margin-bottom:10px;line-height:@h4asidebox_line-height;font-size:@heading-h4-aside_font-size;color:@heading-h4-aside_color}
.footer-sub .titre{font-size:@footer-title_color;color:@footer-title-size;}
/* BOUTONS */
a.btn,a.btn:hover{color: #fff;}.btn, input[type=submit], input[type=button], button{  display: inline-block;   margin-bottom: 0;   padding: 6px 12px;   text-align: center;   text-shadow: 0 1px 1px rgba(255,255,255,0.75);   font-size: 14px;   font-weight: normal;   line-height: normal;   vertical-align: middle;   color: #fff;   background-color: #f38300;   background-image: -moz-linear-gradient(top,#ffb400,#f38300);   background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffb400), to(#f38300) );   background-image: -webkit-linear-gradient(top,#ffb400,#f38300);   background-image: -o-linear-gradient(top,#ffb400,#f38300);   background-image: linear-gradient(to bottom,#ffb400,#f38300);   background-repeat: repeat-x;   box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);   cursor: pointer;   *display: inline;   *zoom: 1;  border:1px solid #ccc;  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);  *background-color:#f38300;  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);  *border:0;  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px;  *margin-left:.3em;  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled], input[type=button]:hover, input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active, input[type=submit].active, input[type=submit].disabled{ color:#fff;  background-color:#f38300;  *background-color:#d9d9d9}.btn:active, .btn.active, input[type=submit]:active, input[type=submit].active, input[type=button]:active, input[type=button].active, button:active, button.active{ background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  background-color:#ccc 9}.btn:first-child, input[type=submit]:first-child{ *margin-left:0}.btn:hover, .btn:focus, input[type=submit]:hover, input[type=button]:hover, input[type=submit]:focus, input[type=button]:focus, button:hover, button:focus{ color:#fff;  text-decoration:none;  background-position:0 -15px;  -webkit-transition:background-position .1s linear;  -moz-transition:background-position .1s linear;  -o-transition:background-position .1s linear;  transition:background-position .1s linear}.btn:focus, input[type=submit]:focus, input[type=button]:focus, button:focus{ outline:thin dotted #333;  outline:5px auto -webkit-focus-ring-color;  outline-offset:-2px}.btn.active, .btn:active, input[type=submit]:active, input[type=submit].active{ background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.btn.disabled, .btn[disabled], input[type=submit].disabled{ cursor:default;  background-image:none;  opacity:.65;  filter:alpha(opacity=65);  -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none}
.btn-large{ padding:11px 19px;  font-size:17.5px;  -webkit-border-radius:6px;  -moz-border-radius:6px;  border-radius:6px}.btn-large [class^="icon-"], .btn-large [class*="icon-"]{ margin-top:4px}.btn-small{ padding:2px 10px;  font-size:11.9px;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px}
.btn-small [class^="icon-"], .btn-small [class*="icon-"]{ margin-top:0}.btn-mini [class^="icon-"], .btn-mini [class*="icon-"]{ margin-top:-1px}.btn-mini{ padding:0 6px;  font-size:10.5px;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px}
.btn-block{ display:block;  width:100%;  padding-left:0;  padding-right:0;  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box}.btn-block .btn-block{ margin-top:5px}input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block{ width:100%}
a.btn-custom,a.btn-custom:hover{color:#fff;}.btn-custom{ font-weight:normal;  display:inline-block; line-height: normal;  *display:inline;  *zoom:1;  padding:6px 12px;  margin-bottom:0;  font-size:14px;  line-height:normal;  text-align:center;  vertical-align:middle;  cursor:pointer;  color:#fff;  text-shadow:0 1px 1px rgba(255,255,255,0.75);  background-color:#7d7878;  background-image:-moz-linear-gradient(top,#b9b8b9,#7d7878);  background-image:-webkit-gradient(linear,0 0,0 100%,from(#b9b8b9), to(#7d7878) );  background-image:-webkit-linear-gradient(top,#b9b8b9,#7d7878);  background-image:-o-linear-gradient(top,#b9b8b9,#7d7878);  background-image:linear-gradient(to bottom,#b9b8b9,#7d7878);  background-repeat:repeat-x; *background-color:#7d7878;  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);  border:1px solid #ccc;  border-bottom-color:#b3b3b3;  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);  *border:0;  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px;  *margin-left:.3em;  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .btn-custom.disabled, .btn-custom[disabled]{ color:#fff;  background-color:#7d7878;  *background-color:#d9d9d9}.btn-custom:active, .btn-custom.active, input[type=submit]:active, input[type=submit].active{ background-color:#ccc 9 background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.btn-custom:first-child, input[type=submit]:first-child{ *margin-left:0}.btn-custom:hover, .btn-custom:focus{ color:#fff;  text-decoration:none;  background-position:0 -15px;  -webkit-transition:background-position .1s linear;  -moz-transition:background-position .1s linear;  -o-transition:background-position .1s linear;  transition:background-position .1s linear}.btn-custom:focus, input[type=submit]:focus{ outline:thin dotted #333;  outline:5px auto -webkit-focus-ring-color;  outline-offset:-2px}.btn-custom.active, .btn-custom:active,{ background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.btn-custom.disabled, .btn-custom[disabled], input[type=submit].disabled{ cursor:default;  background-image:none;  opacity:.65;  filter:alpha(opacity=65);  -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none}
.btn.flat{ background:#ffb400;  -webkit-box-shadow:none;  box-shadow:none;  -webkit-transition:all .1s linear;  -moz-transition:all .1s linear;  -o-transition:all .1s linear;  transition:all .1s linear}.btn.flat:hover{ background-color:#f38300}.btn.flat.active, .btn.flat:active{ background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}
.btn-custom.flat{ background:#b9b8b9;  -webkit-box-shadow:none;  box-shadow:none;  -webkit-transition:all .1s linear;  -moz-transition:all .1s linear;  -o-transition:all .1s linear;  transition:all .1s linear}.btn-custom.flat:hover{ background-color:#7d7878}.btn.flat.active, .btn.flat:active{ background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}


/* 
** CLASSES UTILES 
*/
blockquote {background: #f9f9f9;border-left: 10px solid #ccc;margin: 1.5em 10px;padding: 0.5em 10px;}blockquote:before {color: #ccc; content: "";font-size: 4em; line-height: 0.1em;margin-right: 0.25em;vertical-align: -0.4em;}blockquote p {display: inline;}
.vignette td{padding:0 5px}
.vignette td img{display:block;margin-left:auto;margin-right:auto; max-width: 100%;}
.lead{font-size:19px;line-height:21px}
small{font-size:80%}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
.label,.badge{display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:bold;line-height:14px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);white-space:nowrap;vertical-align:baseline;background-color:#999}
.label{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.badge{padding-right:9px;padding-left:9px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px}
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}
h1 a, h2 a, h3 a, h4 a, h5 a { color: inherit !important;}
.uppercase {text-transform: uppercase;}
.btn .icn:before,.btn-custom .icn:before {padding: 0;font-size: 120%;letter-spacing: -5px;position:relative;top:-2px;}
.champs_necessaires{font-weight:700;color:@global-form_champ_necessaire}
.smaller {font-size: .7143em;}.small {font-size: .8571em;}.big {font-size: 1.1429em;}.bigger {font-size: 1.2857em;}.biggest {font-size: 1.4286em;}
i,b {font-style: normal;font-weight: normal;}
.inbl {display: inline-block;vertical-align: top;}
.left {float: left;}img.left {margin-right: 1em;}.right {float: right;}img.right {margin-left: 1em;}img.left, img.right {margin-bottom: 5px;}
/* p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n,0 = small(10px),medium(20px),large(30px), zero or none(0) */
.m-reset,.ma0{margin:0}.p-reset,.pa0{padding:0}.ma1,.mas{margin:10px}.ma2,.mam{margin:20px}.ma3,.mal{margin:30px}.pa1,.pas{padding:10px}.pa2,.pam{padding:20px}.pa3,.pal{padding:30px}.mt0,.mtn{margin-top:0}.mt1,.mts{margin-top:10px}.mt2,.mtm{margin-top:20px}.mt3,.mtl{margin-top:30px}.mr0,.mrn{margin-right:0}.mr1,.mrs{margin-right:10px}.mr2,.mrm{margin-right:20px}.mr3,.mrl{margin-right:30px}.mb0,.mbn{margin-bottom:0}.mb1,.mbs{margin-bottom:10px}.mb2,.mbm{margin-bottom:20px}.mb3,.mbl{margin-bottom:30px}.ml0,.mln{margin-left:0}.ml1,.mls{margin-left:10px}.ml2,.mlm{margin-left:20px}.ml3,.mll{margin-left:30px}.pt0,.ptn{padding-top:0}.pt1,.pts{padding-top:10px}.pt2,.ptm{padding-top:20px}.pt3,.ptl{padding-top:30px}.pr0,.prn{padding-right:0}.pr1,.prs{padding-right:10px}.pr2,.prm{padding-right:20px}.pr3,.prl{padding-right:30px}.pb0,.pbn{padding-bottom:0}.pb1,.pbs{padding-bottom:10px}.pb2,.pbm{padding-bottom:20px}.pb3,.pbl{padding-bottom:30px}.pl0,.pln{padding-left:0}.pl1,.pls{padding-left:10px}.pl2,.plm{padding-left:20px}.pl3,.pll{padding-left:30px}
.hoveropacity{opacity:1;-webkit-transition: all 350ms;-moz-transition: all 350ms;-ms-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;}.hoveropacity:hover{opacity:0.8;}.hoveropacity:active{opacity:0.65;-webkit-transition: all 150ms;-moz-transition: all 150ms; -ms-transition: all 150ms;-o-transition: all 150ms;transition: all 150ms;}
ul.nopuce{list-style-type:none;margin-left:0}
img.resize{max-width:100%;height:auto}
.type-classic{font-family: Arial, sans-serif;}.type-heading{font-family: Yellowtail, Arial, Helvetica, sans-serif;}
.opac50{opacity: .5;}.opac25{opacity: .25;}.opac75{opacity: .75;}.opac10{opacity: .1;}

/* CLASSES SPECIFIQUES */

.hometable{table-layout:fixed;margin-bottom:1em;margin-top:1em;max-width: 100%;}
.hometable img{max-width: 100%;height:auto;}
.hometable.col2 td{width:49%;padding-left:1%}.hometable.col2 td:first-child{padding-left:0;padding-right:1%}
.hometable.col3 td{width:32%;padding-left:2%}.hometable.col3 td:first-child{padding-left:0;}
.hometable.col4 td{width:23.5%;padding-left:2%}.hometable.col4 td:first-child{padding-left:0;}
.hovertable td:hover{outline:3px solid #000;}.hovertable.col3 td:first-child,.hovertable.col4 td:first-child{padding-left:1%;}.hovertable.col2 td:first-child{padding-left:1%;}

/* PAGE CONNEXION / CREATION COMPTE */

#div_ok_ce1_creer_compte,#div_ok_ce1_creer_compte_partie2{
  border: 1px solid #333;
  padding: 10px;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
  width: 49%;
  float:left;
}
#div_ok_ce1_creer_compte{
  margin-right: 1%;
}

#div_ok_ce1_creer_compte_partie2{
  margin-left: 1%;
}

#div_ok_ce1_creer_compte h2,#div_ok_ce1_creer_compte_partie2 h2{
  background: #eee;
  padding: 10px;
  margin-left: -10px;
  margin-top: -10px;
  width: 100%;
  color: @moncompte_title_color;
  border-bottom: 1px solid #333;
}

.ClassFormTitre1,.ClassFormTitre2{
  background: #eee;
  color: @moncompte_title_color;
  padding: 5px 10px;
}

#toutes_methodes_de_paiement{
    border: 1px solid #333;
  padding: 10px;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* MOYENS DE PAIEMENT */
.page_paiement_container{
  overflow:hidden;
  padding: 10px;
  border: 1px solid #333;
}
.page_paiement_titre{
  background: #eee;
  color: @moncompte_title_color;
  padding: 5px 10px;
}

.page_paiement_container_2_colonne_gauche{
  float:left;
  width: 60%;
}
.page_paiement_montant_a_payer{
  font-size: 120%;
}
.page_paiement_montant_a_payer strong{
  font-weight: normal;
  font-size: 150%;
  font-family: Georgia, serif;
}

.page_paiement_container_2_colonne_droite{
  float:left;
  width: 40%;
}

.tab_mes_informations{
padding: 3px 0;
margin-left: 0;
font: bold 12px;
font-family:Lucida Sans Unicode;
list-style-type: none;
text-align: left;
border-bottom:1px solid #000000;
}

.tab_mes_informations li
{
display: inline;
margin: 0;
padding: 3px 7px;
margin-right: 3px;

}

.tab_mes_informations li a
{
text-decoration: none;
}


/* ==== GENERAL ==== */
.classTextField{width: 95% !important;}
/* === BOUTONS === */

/*TPL1*/
.tpl1-container .btn,.tpl1-container .btn-custom{
  font-family: Yellowtail, Arial, Helvetica, sans-serif;
  border:none;
  box-shadow: none;
  text-shadow: none;
   text-transform: uppercase;
}
.tpl1-container .btn.btnhead{font-size:24px}
.tpl1-container .btn.tel:before{content:url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/tpl1-icn-tel.png);display:inline-block;margin-right:5px;vertical-align:bottom}
.tpl1-container .btn.loca:before{content:url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/tpl1-icn-loca.png);display:inline-block;margin-right:5px;vertical-align:bottom}
.tpl1-container .btn.mail:before{content:url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/tpl1-icn-mail.png);display:inline-block;margin-right:5px;vertical-align:baseline}
.tpl1-container .btn-custom{padding:10px 25px;}
.tpl1-container .btn-aside{width: 60%; margin-bottom: 0.5em;font-size:16px;}

/*TPL2*/
.tpl2-container .btn,.tpl2-container .btn-custom{
  font-family: Yellowtail, Arial, Helvetica, sans-serif;
  border:none;
  box-shadow: none;
  text-shadow: none;
  font-size: 18px;
  padding: 4px 12px;
}

.tpl2-container .btn.btnhead{font-size:30px;background:#fff;background:rgba(255,255,255,.8);color: #464642;}
.tpl2-container .btn.tel:before{content:url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/tpl2-icn-tel.png);display:inline-block;margin-right:5px;vertical-align:middle}

/*TPL3*/
.tpl3-container .btn,.tpl3-container .btn-custom{border:none; box-shadow: none; text-shadow: none;border-radius:0;font-family: Yellowtail, Arial, Helvetica, sans-serif;font-size: 18px;}
.tpl3-container .btn{background: #ffb400;}
.tpl3-container .btn-custom{background: #b9b8b9;}
.tpl3-container .btn.btnhead{font-size:30px;background:#ffb400;color: #fff; }
.tpl3-container .btn.tel:after{content:url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/tpl3-icn-tel.png);display:inline-block;margin-left:5px;vertical-align:middle}
.tpl3-container .btn.loca:after{content:url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/tpl3-icn-loca.png);display:inline-block;margin-left:5px;vertical-align:middle}

/*TPL4*/
.tpl4-container .btn.btnhead{text-shadow:none;font-size:24px;background:#fff;background:#464642;color: #fff;font-family:"Archivo Narrow",Arial,sans-serif;box-shadow: none;border-radius: 15px 0 0 15px;border:none;}
.tpl4-container .btn.tel:before{content:url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/tpl1-icn-tel.png);display:inline-block;margin-right:5px;vertical-align:middle}
.tpl4-container .btn,.tpl4-container .btn-custom{
  border:none;
  box-shadow: none;
  text-shadow: none;
}

/*TPL5*/

.tpl5-container .btn,.tpl5-container .btn-custom{
  border:none;
  text-shadow: none;
  box-shadow: none;
  border-radius: 0;
	font-family: "Archivo Narrow", Arial, Helvetica, sans-serif;
  padding: 9px 15px;
  font-size: 16px;
  
}


/* === LIENS === */

.footer a {color:inherit;}

/* === TITRES === */

/*TPL1*/
.tpl1-container h1{font-family: "Parisienne",Yellowtail, Arial, Helvetica, sans-serif;}
.tpl1-container h2,.tpl1-container h3,.tpl1-container h4{text-transform: uppercase;}
.tpl1-container h4.little{font-size: 18px;color: #ffb400;margin-top: 1.5em;}

/*TPL2*/

/*TPL3*/

.tpl3-container h1 {font-family: "Ubuntu", Yellowtail, Arial, Helvetica, sans-serif;}

/*TPL4*/

.tpl4-container h1, .tpl4-container h3{font-family: "Archivo Narrow", Yellowtail, Arial, Helvetica, sans-serif;line-height:24px}

/*TPL5*/

/* === FORMULAIRE === */

.classTextField {width: 450px;display:block;}

/* ==== ELEMENTS ==== */

/* === HEADER === */
.header{
  position: relative;
}
.header-telephone{
  position:absolute;
}
.logo {
  
}
.header-deco{
  position:relative;
}
.nav {
  
}

.nav li.menu_active a{color:#fff;}

/*TPL1*/
.tpl1-container .header-deco{
  padding-top: 80px;
}
.tpl1-container .logo{
  position: absolute;
  top: 20px;
  left:0;
  z-index:15;
}
.tpl1-container .header-telephone{
  right: 10px;
  top: 110px;
}
.tpl1-container .nav {
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 15;
  margin-bottom: 20px;
}

/*TPL2*/
.tpl2-container .logo{
  position: absolute;
  top: 70px;
  left:10px;
  z-index:15;
}
.tpl2-container .header{
  border-radius: 10px;
  overflow:hidden;
  margin-top: 0.5em;
}
.tpl2-container .header-telephone{
  right: 15px;
  bottom: 15px;
}
.tpl2-container .nav {
  margin-top: 1em;
}

/*TPL3*/
.tpl3-container .header{
  min-height: auto;
  background: ;
}
.tpl3-container .header-wrapper{
  width: 960px;
  margin: 0 auto;
  position:relative;
}
.tpl3-container .logo{
  position: absolute;
  top: 0px;
  left:10px;
  right: 10px;
  text-align:center;
  z-index:15;
}
.tpl3-container .header-telephone{
  left: 0px;
  top: 0px;
  z-index:30;
}
.tpl3-container .header-localiser{
  position:absolute;
  right: 0px;
  top: 0px;
  z-index:30;
}

/*TPL4*/

.tpl4-container .header-deco{
  background: #464642;
}
.tpl4-container .header-deco-content{
  position:relative;
}
.tpl4-container .header-telephone{
  right: 0px;
  top: 15px;
  z-index:30;
}

/*TPL5*/

.tpl5-container .logo{
float:left;
}

/* === CORPS === */

.wrapper {
  width: 960px;
  margin: 0 auto;
}
.content{
  background: ;
}

/* TPL 2 */
.tpl2-container .content{
  border-radius: 0 0 10px 10px;
}

/* TPL 3 */
.tpl3-container .wrapper{
  width: auto;
  margin: 0;
}
.tpl3-container .content{
  width: 960px;
  margin: 5em auto 1em auto;
  background: #000;
  background: ;
}
.tpl3-container .header{
  background: #000;
  background: ;
}
/* TPL 5 */
.tpl5-container .content{
  background: transparent;
  margin-bottom: 15px;
}

/* == ARTICLE == */

.article{
  width: 760px;
  float: left;
}
.article-content{
  padding: 15px 10px 15px 0;
}

/* TPL2 */

.tpl2-container .homebloc{
  background: #464642;
  padding: 1em;
  margin-bottom: 1em;
  margin-top: 1em;
  overflow: auto;
}

.tpl2-container .homebloc h2,.tpl2-container .homebloc p{
  margin-left: 200px;
}
.tpl2-container .homebloc img{
  float:left; 
  margin-top: -1em;
  margin-left: -1em;
  margin-bottom: -1em;
  margin-right: 1em;
  max-width: 200px;
  height: auto;
}
.tpl2-container .homebloc h2{
  margin-top: -0.5em	;
}
.tpl2-container .homebloc .btn,.tpl2-container .homebloc .btn-custom{
  display:block;
  margin-top: 0.5em;
}

/* TPL3 */
.tpl3-container .hometable h2{
  background: #ffb400;
  margin-top: 0;
  position:relative;
  padding: 0 0.3em;
}

.tpl3-container .hometable h2 a{
  position:absolute;
  right: 0.3em;
  font-size: 80%;
  line-height: 1em;
  margin-top: 0.3em;
}

/* TPL 4 */
.tpl4-container .homebloc{
  overflow: auto;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.tpl4-container .homebloc img{
  float:left;
  margin-right: 1em;
}
.tpl4-container .homebloc.right img{
  float:right;
  margin-left: 1em;
}

/* TPL 5 */

.tpl5-container .article {
  margin-top: 15px;
  background: ;
}

/* == ASIDE == */

.aside{
  width: 200px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 0px 15px 10px;
}

/* TPL 4 */

.tpl4-container .aside {
  background: #464642;
  color: #464642;
  color: #fff;
}

.tpl4-container .aside a {
  color: #fff
}

/* TPL 5 */

.tpl5-container .aside {
  margin-top: 15px;
}


/* === FOOTER === */

.footer{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffb400;
  color: #464642;
}
/*TPL1*/
.tpl1-container .footer {
  padding: 1.5em 1em;
  text-align:center;
}

/*TPL2*/
.tpl2-container .footer {
  padding: 1.5em 1em;
  text-align:center;
  margin: 0.5em 0;
  border-radius: 10px;
}

/*TPL3*/
.tpl3-container .footer-content{
  margin: 0 auto;
  width:  960px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
.tpl3-container #live_180 li{line-height: 1.0;}
/*TPL4*/
.tpl4-container .footer{padding-top:1.5em;}
/*TPL5*/
.tpl5-container .footer{padding: 1em;text-transform:uppercase;font-family: Yellowtail, Arial, Helvetica, sans-serif;}


/* ==== MODULES ==== */

/* === MENU === */

.nav ul{list-style-type:none;z-index:15;margin:0;font-family:"Archivo Narrow", Arial, Helvetica, sans-serif;font-size:14px;text-transform:uppercase;text-align:center;-webkit-transition:all 0ms;-moz-transition:all 0ms;-ms-transition:all 0ms;-o-transition:all 0ms;transition:all 0ms;background:#ffb400;background:-moz-linear-gradient(top,#ffb400 0,#ffb400 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffb400),color-stop(100%,#ffb400));background:-webkit-linear-gradient(top,#ffb400 0,#ffb400 100%);background:-o-linear-gradient(top,#ffb400 0,#ffb400 100%);background:-ms-linear-gradient(top,#ffb400 0,#ffb400 100%);background:linear-gradient(to bottom,#ffb400 0,#ffb400 100%);}
.nav a{color:inherit;display:block}
.nav>ul{height:50px;-webkit-border-radius:0px;border-radius:0px}
.nav>ul>li{display:inline-block;padding:0 30px;margin:0 0px;line-height:50px;border-left:none}
.nav>ul>li:first-child{border-left:0}
.nav li{position:relative;color:#fff;font-weight:bold}
.nav ul li ul{position:absolute;left:0;top:100%;display:none;background:#8d816f;text-transform:none;text-align:left}
.nav>ul>li:hover{color:#fff;background:#c00000;background:-moz-linear-gradient(top,#c00000 0,#c00000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#c00000),color-stop(100%,#c00000));background:-webkit-linear-gradient(top,#c00000 0,#c00000 100%);background:-o-linear-gradient(top,#c00000 0,#c00000 100%);background:-ms-linear-gradient(top,#c00000 0,#c00000 100%);background:linear-gradient(to bottom,#c00000 0,#c00000 100%);}
.nav>ul>li:hover>ul{display:block}
.nav>ul>li li{white-space:nowrap;line-height:2;padding:0 10px;background-color:#c00000}
.nav>ul>li li:hover>ul{display:block;top:0;left:100%}
.nav>ul>li li:hover{background:#e33434;color:#fff}




/*TPL1*/
.tpl1-container .nav ul{
  background: transparent;
}
.tpl1-container .nav ul li:hover{
  background: transparent;
}
.tpl1-container .nav > ul > li:last-child{
  padding-right: 0;
}
.tpl1-container .nav ul ul{
	background: #8d816f;
    left: 30px;
}
.tpl1-container .nav > ul > li > a,.tpl1-container .nav > ul > li > div > a{
  border-bottom: 4px solid;
  padding: 0 5px;
}
  
/*TPL2*/

/*TPL3*/

/*TPL4*/

.tpl4-container .header {height:50px; -webkit-transition:all 0ms;-moz-transition:all 0ms;-ms-transition:all 0ms;-o-transition:all 0ms;transition:all 0ms;background:#ffb400;background:-moz-linear-gradient(top,#ffb400 0,#ffb400 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffb400),color-stop(100%,#ffb400));background:-webkit-linear-gradient(top,#ffb400 0,#ffb400 100%);background:-o-linear-gradient(top,#ffb400 0,#ffb400 100%);background:-ms-linear-gradient(top,#ffb400 0,#ffb400 100%);background:linear-gradient(to bottom,#ffb400 0,#ffb400 100%);}
.tpl4-container .nav>ul{background: transparent;position:relative;z-index: 30;}
.tpl4-container .nav{}

/*TPL5*/

.tpl5-container .nav > ul{
}
.tpl5-container .nav > ul > li{
  width: 100px;
  height: 50px;
  line-height: normal;
  vertical-align:top;
  text-align:center;
}
.tpl5-container .nav > ul{background: @menu_couleur_background;}
.tpl5-container .nav > ul > li:hover{background: @menu_couleur_hover_background;}

.tpl5-container .nav > ul > li > a, .tpl5-container .nav > ul > li > div > a{
  position:absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 75px 5px 5px 5px ;
}

.tpl5-container .nav > ul > li > a:before, .tpl5-container .nav > ul > li > div > a:before{
  content: ".";
  font-size: 1px;
  display: block;
  background: ;
  border-radius: 50%;
  height: 22px;
  width: 22px;
  margin: 0 auto;
  padding: 5px;
  background-color: @menu_couleur_icon;
  background-position: center center;
  background-repeat: no-repeat;
  position:absolute;
  top: 30px;
  left: 0;
  right: 0;
}
.tpl5-container .nav > ul > li > a:hover:before, .tpl5-container .nav > ul > li > div > a:hover:before{
	background-color: @menu_couleur_hover_icon;
}

.tpl5-container .nav > ul > .live_265_menu_id_166 > a:hover:before,.tpl5-container .nav > ul > .live_265_menu_id_166 > div > a:hover:before{
  background-image: url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/menu-hover-1.png);
}
.tpl5-container .nav > ul > .live_265_menu_id_166 > a:before,.tpl5-container .nav > ul > .live_265_menu_id_166 > div > a:before{
  background-image: url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/menu-nohover-1.png);
}

.tpl5-container .nav > ul > .live_265_menu_id_15 > a:hover:before,.tpl5-container .nav > ul > .live_265_menu_id_15 > div > a:hover:before{
  background-image: url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/menu-hover-2.png);
}
.tpl5-container .nav > ul > .live_265_menu_id_15 > a:before,.tpl5-container .nav > ul > .live_265_menu_id_15 > div > a:before{
  background-image: url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/menu-nohover-2.png);
}

.tpl5-container .nav > ul > .live_265_menu_id_167 > a:hover:before,.tpl5-container .nav > ul > .live_265_menu_id_167 > div > a:hover:before{
  background-image: url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/menu-hover-3.png);
}
.tpl5-container .nav > ul > .live_265_menu_id_167 > a:before,.tpl5-container .nav > ul > .live_265_menu_id_167 > div > a:before{
  background-image: url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/menu-nohover-3.png);
}

.tpl5-container .nav > ul > .live_265_menu_id_17 > a:hover:before,.tpl5-container .nav > ul > .live_265_menu_id_17 > div > a:hover:before{
  background-image: url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/menu-hover-4.png);
}
.tpl5-container .nav > ul > .live_265_menu_id_17 > a:before,.tpl5-container .nav > ul > .live_265_menu_id_17 > div > a:before{
  background-image: url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/menu-nohover-4.png);
}

.tpl5-container .nav > ul > .live_265_menu_id_132 > a:hover:before,.tpl5-container .nav > ul > .live_265_menu_id_132 > div > a:hover:before{
  background-image: url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/menu-hover-5.png);
}
.tpl5-container .nav > ul > .live_265_menu_id_132 > a:before,.tpl5-container .nav > ul > .live_265_menu_id_132 > div > a:before{
  background-image: url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/menu-nohover-5.png);
}

.tpl5-container .nav > ul > .live_265_menu_id_133 > a:hover:before,.tpl5-container .nav > ul > .live_265_menu_id_133 > div > a:hover:before{
  background-image: url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/menu-hover-6.png);
}
.tpl5-container .nav > ul > .live_265_menu_id_133 > a:before,.tpl5-container .nav > ul > .live_265_menu_id_133 > div > a:before{
  background-image: url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/menu-nohover-6.png);
}

/* === ASIDEBOX === */

.asidebox{
  background: #464642;
  color: #fff;
  padding: 15px 0px 15px 10px;
  margin-bottom: 15px;
}
/*TPL1*/


/*TPL2*/
.tpl2-container .asidebox { border-radius: 10px;color:#fff;background-color:#f38300;background-image:-moz-linear-gradient(top,#ffb400,#f38300);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffb400),to(#f38300));background-image:-webkit-linear-gradient(top,#ffb400,#f38300);background-image:-o-linear-gradient(top,#ffb400,#f38300);background-image:linear-gradient(to bottom,#ffb400,#f38300);background-repeat:repeat-x;}
.tpl2-container .asidebox h4{ color:#fff;margin: 0;}

.tpl2-container .asidebox.mail{padding-left: 35px;}
.tpl2-container .asidebox.mail:before{
  content:url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/tpl2-icn-mail.png);
  float:left;
  vertical-align: middle;
  padding-top: 8px;
  padding-right: 10px;
  margin-left: -25px;
}
.tpl2-container .asidebox.horaire{padding-left: 40px;}
.tpl2-container .asidebox.horaire h4{margin-bottom: .5em;}
.tpl2-container .asidebox.horaire:before{
  content:url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/tpl2-icn-horaires.png);
  float:left;
  vertical-align: middle;
  padding-top: 2px;
  padding-right: 10px;
  margin-left: -30px;
}
  
/*TPL3*/

.tpl3-container .aside-infos{
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: top left;
  margin-bottom: 1em;
}
.tpl3-container .aside-infos.loca{
  background-image: url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/tpl3-icn-loca2.png);
}
.tpl3-container .aside-infos.tel{
  background-image: url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/tpl3-icn-tel2.png);
}
.tpl3-container .aside-infos.horaires{
  background-image: url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/tpl3-icn-horaire.png);
}
/*TPL4*/

/*TPL5*/
.asidebox .titre{font-size:22px;color:#464642;color:;margin-bottom:15px;margin-top:5px}

.tpl5-container .asidebox{
  margin-bottom: 0;
  margin-top: 15px;
}

.tpl5-container .btnaside
{
  display:block;
  text-align:left;
  font-size: 20px;
  line-height: 27px;
}


.tpl5-container .asidebox.dark{background:#464642;color:#464642;}

.tpl5-container .aside .btn:hover{color: inherit;}

.tpl5-container .loca{
padding-left: 65px;
 background-image: url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/tpl5-deco-btn-loca.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.tpl5-container .resa{
padding-left: 65px;
 background-image: url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/tpl5-deco-btn-resa.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.tpl5-container .tel{
padding-left: 85px;
 background-image: url(http://www.s3a-afrique.com/fichiers_site/a3464s3a/contenu_pages/graphisme_global/assets/icn/tpl5-deco-btn-tel.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-color:#464642;
  color:#464642;
  padding-top: 23px;
  padding-bottom: 23px;
  font-size: 21px;
}
.tpl5-container {}



/*TPL1*/

/*TPL2*/

/*TPL3*/

/*TPL4*/
.logo {position:relative;  text-align: center; width: 960px;}
.slogan {font-family:Yellowtail;font-size:22px;line-height:22px;text-align:right;top:-90px;right:0px;position:relative;}
hr {border:0;border-bottom:#bebebe 1px solid;}

/*TPL5*/








#live_289
{
height:122px
} 

#live_289
{

} 

























































	
a.active, a:focus
{
outline:none;
}

#image_right 
{
	background-image:  url("../images_global/carre.jpg");
	background-position:right;
	background-repeat:no-repeat;
	padding-right:5px;
}

#admin_menu 
{
	height:145px;
	font-family:Arial, Helvetica, sans-serif; /*Verdana*/
	font-size:13px;/*12px*/
	border-bottom:1px solid #AAAAAA;
}

#holdm
{
	position:absolute;
	z-index:100;
	width:100%;
	padding-top:10px;
}

#nav
{
	list-style: none; 
}


#nav ul 
{
	display:none;   
	padding: 0;
	margin:0;
	list-style: none;
    width:12em;
    z-index:99;
    position:relative;
    overflow:visible; 
	line-height:25px;
}


#nav a {
	text-decoration:none; 
	display:block;
	height:28px;/*20px*/
	vertical-align:middle;
}

#nav li { 
    margin:0;   
    position: relative; 
    float:left;
	width: 13em;/*12em*/
	background-color:#25a3c5;/*931B00*/
    border:solid 1px #000000;
    display:block;
    height:auto;
	text-align:center;
	border:2px solid #FFFFFF;
	line-height:28px;
}

#nav li a { 
	color:#FFFFFF;
}

#nav li a:hover
{
    background-color:#25a3c5;/*AF2000*/
}

#nav ul li{
background-color:#FFFFFF;
border-width:1px;
border-color:#AAAAAA;/*931B00*/

width:180px;
text-align:left;
vertical-align:middle;


}

#nav ul li a{
color:#000000;
border-width:1px 1px 0 0;
padding-left:10px;
}

#nav ul li:hover, #nav ul li a:hover{
background-color:#25a3c5;/*931B00*/
color:#FFFFFF;
border-width:1px;
}

#nav ul ul{
    display:none; 
    position:absolute; 
	margin-left:179px;
	margin-top:-29px;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
    display:block;
}


.styleFontGras
{
	font-weight:bold;
}

.styleFontGris
{
	background-color:#CCCCCC;
}

.styleItalic
{
	font-style:italic;
}

form.css fieldset 
  {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: inline;
  }
form.css label 
  {

  display: inline;
  float: left;
  width: 70px;
  } 
form.css form
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: inline;
}

.titre_section_niveau1 {
	background-color:#CCCCCC;color:#67501C;text-decoration:none;
	border-color:#AAAAAA;border-style:solid;border-width:0px 1px 0px 1px;
	padding:2px 0px 2px 0px;display:block;
	font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.titre_section_niveau2 {
	margin-left:15px;
	color:#67501C;text-decoration:none;
	border-color:#AAAAAA;border-style:solid;border-width:0px 1px 0px 1px;
	padding:2px 0px 2px 0px;cursor: pointer;display:block;
	font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif;
}

.titre_section_niveau3 {
	margin-left:40px;
	color:#67501C;text-decoration:none;
	border-color:#AAAAAA;border-style:solid;border-width:0px 1px 0px 1px;
	padding:2px 0px 2px 0px;cursor: pointer;display:block;
	font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif;
}



.classTextField		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

.styleVerdana		{ font-family: Arial, Helvetica, sans-serif; line-height:17px; }

.style_size8		{ font-size: 8px;}
.style_size9		{ font-size: 9px;}
.style_size9p5		{ font-size: 9.5px;}
.style_size10		{ font-size: 12px;} /*10*/
.style_size11		{ font-size: 11px;}
.style_size12 		{ font-size: 12px;}
.style_size13 		{ font-size: 13px;}
.style_size14 		{ font-size: 14px;}
.style_size16 		{ font-size: 16px;}
.style_size18 		{ font-size: 18px;}
.style_size20 		{ font-size: 20px;}
.style_size24 		{ font-size: 24px;}
.style_size28 		{ font-size: 28px;}
.style_size30 		{ font-size: 30px;}
.style_size32 		{ font-size: 32px;}
.style_size36 		{ font-size: 36px;}
.style_size40 		{ font-size: 40px;}
.style_size48 		{ font-size: 48px;}

.styleColorDarkBlue	{ color: #8B93BD;}
.styleColorRed		{ color: #FF0000;}
.styleColorBlack	{ color: #000000;}
.styleColorGray		{ color: #999999;}
.styleColorDarkGray	{ color: #666666;}


.styleArrayBackGround {BACKGROUND: #E0ECE0; } 

.styleColorPurple   { color: #7570D3;}
.styleBackgroundPurple { background-color: #7570D3; }

.styleColorFondBanniere { color: #B6DAD8;}
.styleColorYn { color: #27B7DC; }
.styleColorDev { color: #27A2B7; }
.styleColorPageContenu { color: #9DCECC; }

.styleLineThrough	{ text-decoration:line-through}

.styleBold {}


/*
a {  text-decoration: none; color: #000000}
a:link {  text-decoration: none; color: #000000}
a:visited {  text-decoration: none; color: #000000}
a:hover {  TEXT-DECORATION: underline; color: #A7A0C1}
a:active {  text-decoration: none; color: #000000}
*/

.coteDroitGauche {
	BORDER-RIGHT: #99ccff 1px solid; BORDER-TOP: #99ccff 1px solid; BORDER-LEFT: #99ccff 1px solid; BORDER-BOTTOM: #99ccff 1px solid
}

.divdevis { background-color:#CCFF00 }

.relnav {
	left: -10px;
	top: 0px;
	position: relative;
	visibility: hidden;

}
.absolute {
	left: 2px;
	top: 0px;
	position: absolute;

}
.relnav {
	left: -10px;
	top: 0px;
	position: relative;
	visibility: hidden;
}
.relnavBIS {
	left: -10px;
	top: 0px;
	position: relative;

}
.absolute {
	left: 2px;
	top: 0px;
	position: absolute;
}
.relnavbg {
	left: -10px;
	top: -20px;
	position: relative;
	visibility: hidden;
}
.dropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #48ACDC;
	text-decoration: none;
}

.borderRight_1px_black
{
	BORDER-RIGHT: #000000 1px solid;
}
.borderLeft_1px_black
{
	BORDER-LEFT: #000000 1px solid;
}
.borderBottom_1px_black
{
	BORDER-BOTTOM: #000000 1px solid;
}

.textAlign
{
	text-align:justify;
}
.mainArray {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; MARGIN: 0px 0px 0px 0px; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid
}
.btnCouleurFondBoutonMenuTop {
	BACKGROUND: #FFFFFF
}

.info{position:relative; 
      z-index:24; 
      color:#000; 
      text-decoration:none} 
	  
.out { display:none; } 
.over {        
				display:block; 
               position:absolute; 
               padding:5px;
               top:-4em; 
               left:120px; 
               width:15em; 
               border:2px outset #000000; 
               background-color:white; 
               color:#000000; 
               text-align: center; 
               font-family:verdana; 
               font-size:11px; 
               z-index:25;} 

.array_right {BORDER-RIGHT: #000000 1px solid;}

.coin_bas_gauche {
	border-left:#000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
}

.coin_bas_droit {
	BORDER-RIGHT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
}

.line_left { 
	BORDER-LEFT: #aaaaaa 1px solid;
}

.line_right { 
	BORDER-RIGHT: #aaaaaa 1px solid;
}

.line_top { 
	BORDER-TOP: #aaaaaa 1px solid;
}

.line_bottom { 
	BORDER-BOTTOM: #aaaaaa 1px solid;
}

.ev_dhx_skyblue {
	line-height:25px;
	height:25px;
}

.odd_dhx_skyblue {
	line-height:25px;
	height:25px;
}

.line_array { 
	BORDER-RIGHT: #aaaaaa 1px solid;
	BORDER-LEFT: #aaaaaa 1px solid;
	BORDER-TOP: #aaaaaa 1px solid;
	BORDER-BOTTOM: #aaaaaa 1px solid;
	padding:5px;
}

.menuTopButton {
	/*height:20px;
	BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: black 1px solid; 
	FONT-WEIGHT: bold; 
	MARGIN: 0px 0px 0px 0px; 
	BORDER-LEFT: black 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: black 1px solid;
	background-color:#C5C8DF;*/
	
	font-family:Arial, Helvetica, sans-serif;
	/*float:left;*/
	font-size:12px;
	border:1px solid #d6d6d6;
	background:#fefefe;
	border-radius:5px;
	moz-border-radius:5px;
	/*display:block;*/
	height:27px;
	line-height:130%;
	text-decoration:none;
	color:#666666;
	cursor:pointer;
	padding:5px 10px 6px 7px;
	/*text-shadow: 0px 1px 0px #ffffff;*/
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* W3C */
	FONT-WEIGHT: normal; 
}

.menuTopButton:hover {
	 border: 1px solid #d6d6d6;
     background: #dbdbdb;
}

.btnBouton {
	/* BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: black 1px solid; 
	FONT-WEIGHT: bold; FLOAT: left; 
	MARGIN: 0px 0px 0px 0px; 
	BORDER-LEFT: black 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: black 1px solid */
}

#tableCadrille
{
border:1px solid #000000;
border-collapse: collapse;

}

#tableCadrille th
{
background:#CCCCCC;
border:1px solid #000000;
}

#tableCadrille tr
{

border:1px solid #000000;
}

#tableCadrille td
{
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
border:1px solid #000000;
}
