@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

.shadetabs
{
    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;
}

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

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

.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;
}
/******************************************************* STYLE GENERAL *******************************************************/

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

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

/*GRID*/
.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}

.mod{overflow:hidden}
.clear,.line,.row{clear:both}
.clearfix:after,.line:after{content:"";display:table;clear:both}
.left,.start{float:left}img.left,img.start{margin-right:1em}
.right,.end{float:right}img.right,img.end{margin-left:1em}
img.left,img.right,img.start,img.end{margin-bottom:.5em}
.center{margin-left:auto;margin-right:auto}
.row{display:table;table-layout:fixed;width:100%}
.row>*,.col{display:table-cell;vertical-align:top}
.inbl{display:inline-block;vertical-align:top}
.w10{width:10%}
.w20{width:20%}
.w25{width:25%}
.w30{width:30%}
.w33{width:33.3333%}
.w40{width:40%}
.w50{width:50%}
.w60{width:60%}
.w66{width:66.6666%}
.w70{width:70%}
.w75{width:75%}
.w80{width:80%}
.w90{width:90%}
.w100{width:100%}
.w50p{width:50px}
.w100p{width:100px}
.w150p{width:150px}
.w200p{width:200px}
.w300p{width:300px}
.w400p{width:400px}
.w500p{width:500px}
.w600p{width:600px}
.w700p{width:700px}
.w800p{width:800px}
.w960p{width:960px}
.mw960p{max-width:960px}
.w1140p{width:1140px}
.mw1140p{max-width:1140px}
.wauto{width:auto}
.w5{width:5%}
.w10{width:10%}
.w15{width:15%}
.w20{width:20%}
.w25{width:25%}
.w30{width:30%}
.w33{width:33.3333%}
.w40{width:40%}
.w50{width:50%}
.w60{width:60%}
.w66{width:66.6666%}
.w70{width:70%}
.w75{width:75%}
.w80{width:80%}
.w90{width:90%}
.w100{width:100%}
.w50p{width:50px}
.w100p{width:100px}
.w150p{width:150px}
.w200p{width:200px}
.w300p{width:300px}
.w400p{width:400px}
.w500p{width:500px}
.w600p{width:600px}
.w700p{width:700px}
.w800p{width:800px}
.w960p{width:960px}
.mw960p{max-width:960px}
.w1140p{width:1140px}
.mw1140p{max-width:1140px}
.wauto{width:auto}

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:#fff}
html,body{font-family:Arial, sans-serif;font-size:12px;line-height:1.5;color:#62605f}
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}
a{color:@global-link_color;text-decoration:@global-link_text-decoration}
a:hover{color:@global-link-hover_color;text-decoration:@global-link_text-decoration}

/*  CLASSES UTILES */
.vignette td{padding:0 5px}
.vignette td img{display:block;margin-left:auto;margin-right:auto; max-width: 100%;}
.lead{font-size:1.5em;}
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)}

.uppercase {text-transform: uppercase;}
.btn .icn:before,.btn-custom .icn:before {padding: 0;font-size: 120%;letter-spacing: -5px;position:relative;top:-2px;}
.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: @heading-global_font-family;}
.opac50{opacity: .5;}.opac25{opacity: .25;}.opac75{opacity: .75;}.opac10{opacity: .1;}


/* PAGE CONNEXION / CREATION COMPTE */
#div_ok_ce1_creer_compte,#div_ok_ce1_creer_compte_partie2{
  border: @moncompte_bloc_border;float:left;width: 49%;padding: @moncompte_bloc_padding;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
#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: @moncompte_title_background;
  padding: @moncompte_bloc_padding;margin-left: -@moncompte_bloc_padding;margin-top: -@moncompte_bloc_padding;
  width: 100%;color: @moncompte_title_color;border-bottom: @moncompte_bloc_border;
}

.ClassFormTitre1,.ClassFormTitre2{background: @moncompte_title_background;color: @moncompte_title_color;padding: 5px 10px;}

#toutes_methodes_de_paiement{border: @moncompte_bloc_border;padding: @moncompte_bloc_padding;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

/* MOYENS DE PAIEMENT */
.page_paiement_container{overflow:hidden;padding: @moncompte_bloc_padding;border: @moncompte_bloc_border;}
.page_paiement_titre{background: @moncompte_title_background;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%;}


/* --- BUGS & CORRECTIONS--- */
a[href^="tel:"] {color: inherit !important;}
#bigPhotoInner img {max-width: 800px !important;}
table,td,th,tr,tbody,thead,tfoot,form { vertical-align: top;}
input::-moz-focus-inner { border: 0; padding: 0; margin-top:-1px; margin-bottom: -1px;}
.asidebox iframe,.asidebox object,.asidebox embed{max-width:100%}
html{background:#fff;}
.clear {clear:both;}

/* --- LIENS --- */
a {color:inherit;}a:hover {color:inherit;}



/************************************************************  HEADER   ************************************************************ */

.topsite-container
{
position:relative;
/*background-image:url('file://C:/Users/master/Documents/www.psychotherapie-montelimar.fr/fichiers_site/a4198ber/contenu_pages/graphisme_global/fondx.jpg'); header large*/
background-repeat:no-repeat;
}
.header-container
{
position:relative;
background-color:; /*header large*/
}

.header{
position:relative;
width:960px;height:@header_height; 
margin:0px auto 0px auto;
background-color:transparent; 
}

/*  ::::::::::::::::::::::::::::::::::::: BANNIERE  ::::::::::::::::::::::::::::::::::::: */
.header-banniere img{border-radius:5px;}

/*  ::::::::::::::::::::::::::::::::::::: UPLINE  ::::::::::::::::::::::::::::::::::::: */

/*  ....... FOND ....... */ 
.upline-container{background:@upline_background-large;} 
.upline{ background:#fff; 
  
/*  ....... TAILLE  & ESPACEMENT ....... */  
width:960px;
height:auto;
padding:3px;margin:0 auto;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
  
 /*  ....... MISE EN FORME  ....... */ 
color:#fff;
font-size:0.8em;
}

 /*  ....... LIENS  .......  */ 
.upline a{color:inherit;}
.upline a:hover{color:inherit;}


 /*  ....... UPLINE DROITE  .......  */ 
.upline-droite{
float:right;

}
/*  :::::::::::::::::::::::::::::::::::::  LOGO & SLOGAN UTILISE ::::::::::::::::::::::::::::::::::::: */
.logo-container
{
position:relative;
}

/*  :::::::::::::::::::::::::::::::::::::  LOGO UTILISE ::::::::::::::::::::::::::::::::::::: */

/* .......  POSITION ET ESPACEMENT .......  */
.logo{
padding:15px;
margin: 0px;
}

/*  :::::::::::::::::::::::::::::::::::::  SLOGAN UTILISE   ::::::::::::::::::::::::::::::::::::: */

.slogan{
/* .......  POSITION ET ESPACEMENT .......  */  
padding:35px 0 0;
margin:7px; 
 line-height: 35px;;
  
/*  ....... MISE EN FORME TEXTE ....... */  
font-family:Open Sans, sans-serif;
font-size:25px;
color:#a164ed;
}

/*   :::::::::::::::::::::::::::::::::::::  HEADER INFO 1 UTILISE  ::::::::::::::::::::::::::::::::::::: */
.header-infos-1
{
/* .......  MISE EN FORME FOND .......  */
/* fond uni */
background:;  
/* fond degrad&eacute; */  
background-image: -moz-linear-gradient(top,  0%,  100%);
background-image: -o-linear-gradient(top,  0%,  100%);
background-image: -webkit-linear-gradient(top,  0%,  100%);
background-image: linear-gradient(top,  0%,  100%);

/* Border radius */
-moz-border-radius:5px;-ms-border-radius:5px;
-webkit-border-radius:5px;border-radius:5px;

/*  ....... MISE EN FORME TEXTE .......  */
font-family:Arial, sans-serif;
font-size:;
color:#62605f;
}




/*   :::::::::::::::::::::::::::::::::::::  HEADER INFO 2   ::::::::::::::::::::::::::::::::::::: */
.header-infos-2{

  
/* .......  POSITION  .......  */  
position:absolute;
padding:0px 0px 0px 7px;
margin:0px 0px 0px 0px;
  
/* ....... MISE EN FORME FOND  .......*/
background:;
/* Border radius */
-moz-border-radius:4px;-ms-border-radius:4px;
-webkit-border-radius:4px;border-radius:4px;

/* ....... MISE EN FORME TEXTE  .......*/  
font-family:Arial, sans-serif;
font-size:;
color:#62605f;
}

/*  :::::::::::::::::::::::::::::::::::::  LANGUE  ::::::::::::::::::::::::::::::::::::: */

.langues{position:absolute; top:5px; right:0px;}
#live_282_langue{display: block;float:left;padding-top:5px;padding-left:5px;}


/*  :::::::::::::::::::::::::::::::::::::  LOGIN  ::::::::::::::::::::::::::::::::::::: */
/*  ........................  Login en ligne   ........................ */
.login_en_ligne{position:absolute;top:40px;right;0;display:inline;}
/* ----- champs et boutons ----- */
.login_en_ligne #live_369_login{float:left;display:inline;margin-right:10px;}
.login_en_ligne #live_369_password{float:left;display:inline;margin-right:5px;}
.login_en_ligne #live_369_ok{float:left;display:inline;}
.login_en_ligne #live_369_ok input[type="submit"]{margin:0;}
/* ----- liens si connect&eacute; ----- */
#live_369_disconnect, #live_369_my_account{display:inline;}
#live_369_disconnect:before{margin:0 5px;content:"|";}

/*  ........................  Login - Connection ........................ */
.login_header{position:absolute;}

#live_298_connexion, #live_298_disconnect, #live_298_my_account{display:inline;float:left}
#live_298_disconnect:before{margin:0 5px;content:"|";}

/*  :::::::::::::::::::::::::::::::::::::  PANIER  ::::::::::::::::::::::::::::::::::::: */
.header-panier:before{content:"|";position:absolute;bottom:0;left:5px;}
.header-panier{position:relative;float:left;padding-left:5px;}
#live_284_compte, #live_284_chariot{padding-left:5px;}
#live_284_compte{display:none;}


/*  :::::::::::::::::::::::::::::::::::::  MENU DANS HEADER   ::::::::::::::::::::::::::::::::::::: */

/*  ........................  GENERAL MENU   ........................ */

.header-container .nav ul{z-index:50;margin:0;padding:0;list-style:none;}
.header-container .nav>ul{width:100%;height:@header-menu-container_height;}

/* ----- POSITION & ESPACEMENT ----- */

.header-container .nav{position:absolute;
top:20px;
right:0;
width:@header-menu-container_width;
margin:0 auto;
}

/*   -----  COULEUR DU FOND ( uni ou d&eacute;grad&eacute; )   ----- .*/

/* menu en d&eacute;grad&eacute; */
.header-container .nav>ul{background:-moz-linear-gradient(top,#a164ed 0,#a164ed 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#a164ed),color-stop(100%,#a164ed));background:-webkit-linear-gradient(top,#a164ed 0,#a164ed 100%);background:-o-linear-gradient(top,#a164ed 0,#a164ed 100%);background:-ms-linear-gradient(top,#a164ed 0,#a164ed 100%);background:linear-gradient(to bottom,#a164ed 0,#a164ed 100%)
}

/*   ----- FORME ET MISE EN FORME  -----  */

.header-container .nav>ul{text-align:right !important;}
.header-container .nav ul{-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.header-container .nav ul{
font-family:Arial, sans-serif;
text-transform:uppercase;
font-size:1.1em}


/* ........................  ITEMS DU MENU  ........................  */

.header-container .nav ul li a{display:block;height:100%;width:100%}
.header-container .nav>ul>li{display:block;display:inline-block;vertical-align:middle;line-height:@header-menu-container_height;margin:0 10px;padding:0 0px;height:@header-menu-container_height;position:relative;color:@header-menu_item_couleur_liens;background:#a164ed;background:-moz-linear-gradient(top,#a164ed 0,#a164ed 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#a164ed),color-stop(100%,#a164ed));background:-webkit-linear-gradient(top,#a164ed 0,#a164ed 100%);background:-o-linear-gradient(top,#a164ed 0,#a164ed 100%);background:-ms-linear-gradient(top,#a164ed 0,#a164ed 100%);background:linear-gradient(to bottom,#a164ed 0,#a164ed 100%)}
.header-container .nav>ul>li>a{color:#62605f;}
.header-container .nav>ul>li{color:#62605f;-webkit-transition:all @header-menu-container_transition-duration ease;-moz-transition:all @header-menu-container_transition-duration ease;-ms-transition:all @header-menu-container_transition-duration ease;-o-transition:all @header-menu-container_transition-duration ease;transition:all @header-menu-container_transition-duration ease}

/*  ----- SURVOL & ITEM ACTIF ----- */
/* couleur au survol */
.header-container .nav ul>li:hover a,.header-container .nav ul>li.menu_active , .header-container .nav ul>li.menu_active a{
color:#3d8918}
/* bordure au survol */
.header-container .nav>ul>li{padding-bottom:3px}
.header-container .nav>ul>li:hover,.header-container .nav>ul>li.menu_active{
padding-bottom:0px; 
border-width:0 0 3px 0;
border-style:solid ; 
border-color:#3c3c3c;
  /* couleur de fond au survol */
background:;
  /* degrad&eacute; de fond au survol */  
background:-moz-linear-gradient(top, 0,#0417be 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,),color-stop(100%,));background:-webkit-linear-gradient(top, 0, 100%);background:-o-linear-gradient(top, 0, 100%);background:-ms-linear-gradient(top, 0, 100%);background:linear-gradient(to bottom, 0, 100%);-webkit-transition:all @header-menu-container_transition-duration ease;-moz-transition:all @header-menu-container_transition-duration ease;-ms-transition:all @header-menu-container_transition-duration ease;-o-transition:all @header-menu-container_transition-duration ease;transition:all @header-menu-container_transition-duration ease}

.header-container .nav>ul>li:hover{height:@header-menu-container_height;color:#3d8918}

/*  ----- SEPARATION DES ITEMS ( images /bordures ) ----- */

.header-container .nav ul li:before{content:none;margin:none}.header-container  .nav * a,.header-container .nav * li{color:#fff}
.header-container .nav>ul>li:after{content:"";color:#62605f;z-index:7000;position:absolute;top:0;left:100%;margin-left:-3px}
.header-container .nav>ul>li:last-child:after{content:none}

.header-container .nav>ul>li , .header-container .nav>ul>li:hover , .header-container .nav>ul>li.menu_active{border-right:@header-menu-border-right;} 
.header-container .nav>ul>li:last-child , .nav>ul>li:hover:last-child , .header-container .nav>ul>li.menu_active:last-child{border-right:0} 

/*  ........................  SOUS NIVEAUX ........................  */

.header-container .nav ul ul{font-family:Arial, sans-serif;margin:0;padding:0;list-style:none;text-transform:@header-menu-container_text-transform_second_niveau;font-size:@menu_size_text_second_niveau;}
.header-container .nav ul li ul li ul{display:none;position:absolute;top:0;left:100%;text-align:left;font-size:90%}
.header-container .nav ul li ul{display:none;position:absolute;top:100%;left:0;text-align:left;font-size:90%}
.header-container .nav>ul>li:hover>ul{display:block}
.header-container .nav ul li ul li{display:block;height:auto !important;padding:0 10px;white-space:nowrap;position:relative}
.header-container .nav>ul>li:hover>ul>li:hover>ul{display:block}
.header-container .nav ul li ul li ul li ul{display:none;position:absolute;top:0;left:100%;text-align:left}
.header-container .nav>ul>li:hover>ul>li:hover>ul>li:hover>ul{display:block}
.header-container .nav ul li ul li ul li{display:block;height:auto}
.header-container .nav ul li ul{background-color:#3c3c3c}
.header-container .nav ul li ul li{background-color:#3c3c3c;color:#fff!important;}
.header-container .nav ul li ul li a  , .header-container .nav ul li.menu_active ul li a{color:#fff!important;}
.header-container .nav ul li ul li:hover, .header-container .nav>ul>li.menu_active ul li:hover, .header-container .nav ul>li.menu_active a ul li:hover{background-color:#3d8918;color:#fff !important;}

/*  ........................  NAV IE7 ........................   */

.header-container .nav_ie7 .nav>ul>li{display:block;float:left}.header-container .nav_ie7 .nav li a{color:#62605f}.header-container .nav_ie7 .nav li a:hover{color:@header-menu-item-hover_color}.header-container .nav_ie7 .nav li:hover a{color:@header-menu-item-hover_color}.header-container .nav_ie7 .nav li ul li a{color:#fff}

/*  ........................  NAV RECHERCHE ........................   */

.header-container .nav-recherche-produit table tr td{height:@header-menu-container_height;vertical-align:middle;padding:0 3px}.header-container .nav-recherche-produit table tr td input{margin:0}.header-container .nav-recherche-produit table tr td input[type=text]{height:22px}
.header-container .nav-recherche-contenu{float:right;height:@header-menu-container_height;padding-right:5px;position:relative;top:-1px}.header-container .nav-recherche-contenu form{display:table-cell;height:@header-menu-container_height;vertical-align:middle}.header-container .nav-recherche-contenu table tr td{height:@header-menu-container_height;vertical-align:middle;padding:0 3px}.header-container .nav-recherche-contenu input,.header-container .nav-recherche-contenu button{margin:0 !important}.header-container .nav-recherche-contenu input[type=text]{height:22px;position:relative;top:2px}







/*************************************************************   MENU PRINCIPAL   ************************************************************* */


/* ::::::::::::::::::::::::::::::::::::: BASE DU MENU ::::::::::::::::::::::::::::::::::::: */
.navigation{width:100%;margin:0px auto 5px auto;}
.navigation .nav ul{z-index:50;margin:0;padding:0;list-style:none;}
.navigation .nav>ul{width:100%;height:40px;}

/*  ....... POSITION & ESPACEMENT ....... */

.navigation .nav{
width:960px;
margin:0 auto;
  background:#a164ed !important;
}

/* ....... FORME ET MISE EN FORME  ....... */
.navigation .nav ul{
font-family:Open Sans, sans-serif;
text-transform:uppercase;
font-size:14px;
}

/* Alignement*/
.navigation .nav>ul{text-align:center !important;}


/* border radius */
.navigation .nav ul
{
-moz-border-radius:0px 0px 0px 0px ;
-ms-border-radius:0px 0px 0px 0px ;
-webkit-border-radius:0px 0px 0px 0px ;
border-radius:0px 0px 0px 0px ;}


/*  ....... COULEUR DU FOND  ....... */

/* fond menu large*/ 
.navigation{
background:#a164ed;
background:-moz-linear-gradient(top,#a164ed 0,#a164ed 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#a164ed),color-stop(100%,#a164ed));
background:-webkit-linear-gradient(top,#a164ed 0,#a164ed 100%);
background:-o-linear-gradient(top,#a164ed 0,#a164ed 100%);
background:-ms-linear-gradient(top,#a164ed 0,#a164ed 100%);
background:linear-gradient(to bottom,#a164ed 0,#a164ed 100%)
}

/* menu en d&eacute;grad&eacute; */
.navigation .nav>ul{}


/* ::::::::::::::::::::::::::::::::::::: ITEMS DU MENU  ::::::::::::::::::::::::::::::::::::: */

.navigation .nav ul li a{display:block;height:100%;width:100%;}
.navigation .nav>ul>li{display:block;display:inline-block;vertical-align:middle;position:relative;}
.navigation .nav>ul>li{-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease}
.navigation .nav>ul ul li a{color:#62605f}
/* ....... MISE EN FORME & ESPACEMENT ...... */
.navigation .nav>ul>li{color:#fff;}
.navigation .nav>ul>li{
line-height:40px;
margin:0 0px;
padding:0 21px;
height:40px;
  
/* ....... COULEUR ET FOND ...... */
color:@menu_item_couleur_liens;
background:#a164ed;
background:-moz-linear-gradient(top,#a164ed 0,#a164ed 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#a164ed),color-stop(100%,#a164ed));background:-webkit-linear-gradient(top,#a164ed 0,#a164ed 100%);background:-o-linear-gradient(top,#a164ed 0,#a164ed 100%);background:-ms-linear-gradient(top,#a164ed 0,#a164ed 100%);background:linear-gradient(to bottom,#a164ed 0,#a164ed 100%)
}
/*#a164ed*/
/* ....... HOVER ET PAGE ACTIVE ...... */

.navigation .nav ul li:hover a , .navigation .nav ul li.menu_active:hover a{color:inherit !important}
.navigation .nav>ul>li:hover , .navigation .nav>ul>li.menu_active{background:#0407bf !important;}
.navigation .nav>ul>li:hover{height:40px;color:#fff}

/* image hover */
.navigation>.nav>ul>li:hover , .navigation .nav>ul>li.menu_active{
background-image:;
background-position:top center;
background-repeat:no-repeat;
}


/* ....... SEPARATION ITEMS ( image / bordure ) ...... */
/* avant */
.navigation>.nav>ul>li:before{content:none;          /* "|"    ou  url(https://augustinabertrand.com/fichiers_site/a4198ber/contenu_pages/graphisme_global/defaut/image.png)*/;color:@menu-item_before_color;margin:none;position:absolute;top:0px;left:0%;margin-right:-3px;z-index:7000;}
.navigation>.nav>ul>li:hover:before{color:#fff!important;}
.navigation .nav * a,.navigation .nav * li{color:#fff}
/* apr&egrave;s */
.navigation .nav>ul>li:after{
content:"|";
color:#fff;
position:absolute;top:0;left:100%;margin-left:-3px;z-index:7000;}
.navigation .nav>ul>li:last-child:after{content:none}
/* bordure */
.navigation .nav>ul>li{border-right:@menu-border-right;}
.navigation .nav>ul>li:last-child{border-right:0}



/*  :::::::::::::::::::::::::::::::::::::  SOUS NIVEAU  :::::::::::::::::::::::::::::::::::::  */

.navigation .nav ul ul{font-family:Open Sans, sans-serif;margin:0;padding:0;list-style:none;text-transform:@menu-container_text-transform_second_niveau;font-size:@menu_size_text_second_niveau}
.navigation .nav ul li ul li ul{display:none;position:absolute;top:0;left:100%;text-align:left;font-size:90%}
.navigation .nav ul li ul{display:none;position:absolute;top:100%;left:0;text-align:left;font-size:90%}.navigation .nav>ul>li:hover>ul{display:block}
.navigation .nav ul li ul li{line-height:1.5em;display:block;height:auto !important;padding:0 10px;white-space:nowrap;position:relative}
.navigation .nav>ul>li:hover>ul>li:hover>ul{display:block}.navigation .nav ul li ul li ul li ul{display:none;position:absolute;top:0;left:100%;text-align:left}
.navigation .nav>ul>li:hover>ul>li:hover>ul>li:hover>ul{display:block}.navigation .nav ul li ul li ul li{display:block;height:auto}
.navigation .nav ul li ul{background-color:#a164ed;}
.navigation .nav ul li ul li{background-color:#a164ed;color:#fff !important;}
.navigation .nav ul li ul li:hover{background-color:#9829f3;color:inherit !important;}

/* :::::::::::::::::::::::::::::::::::::  NAV IE7  :::::::::::::::::::::::::::::::::::::  */

.navigation .nav_ie7 .nav>ul>li{display:block;float:left}.navigation .nav_ie7 .nav li a{color:#fff}.navigation .nav_ie7 .nav li a:hover{color:#fff}.navigation .nav_ie7 .nav li:hover a{color:#fff}.navigation .nav_ie7 .nav li ul li a{color:#fff}

/*  :::::::::::::::::::::::::::::::::::::  NAV RECHERCHE  :::::::::::::::::::::::::::::::::::::  */

.navigation .nav-recherche-produit table tr td{height:40px;vertical-align:middle;padding:0 3px}.navigation .nav-recherche-produit table tr td input{margin:0}.navigation .nav-recherche-produit table tr td input[type=text]{height:22px}
.navigation .nav-recherche-contenu{float:right;height:40px;padding-right:5px;position:relative;top:-1px}.navigation .nav-recherche-contenu form{display:table-cell;height:40px;vertical-align:middle}.navigation .nav-recherche-contenu table tr td{height:40px;vertical-align:middle;padding:0 3px}.navigation .nav-recherche-contenu input,.navigation .nav-recherche-contenu button{margin:0 !important}.navigation .nav-recherche-contenu input[type=text]{height:22px;position:relative;top:2px}






/************************************************************* BANNIERE ************************************************************* */


.banniere-container{background:;margin:10px auto 0px auto;}
.banniere{width:960px;margin-left:auto;margin-right:auto;position:relative;}


/*   :::::::::::::::::::::::::::::::::::::  TEXTE DANS BANNIERE  ::::::::::::::::::::::::::::::::::::: */
.banniere-texte{z-index:99;
  

/* .......  MISE EN FORME FOND .......  */
/* fond uni */
background:#fefdf9;  
/* fond degrad&eacute; */  
background-image: -moz-linear-gradient(top, #fefdf9 0%, #fefdf9 100%);
background-image: -o-linear-gradient(top, #fefdf9 0%, #fefdf9 100%);
background-image: -webkit-linear-gradient(top, #fefdf9 0%, #fefdf9 100%);
background-image: linear-gradient(top, #fefdf9 0%, #fefdf9 100%);

/* Border radius */
-moz-border-radius:5px;-ms-border-radius:5px;
-webkit-border-radius:5px;border-radius:5px;

/*  ....... MISE EN FORME TEXTE .......  */
font-family:Open Sans, sans-serif;
font-size:17px;
color:#62605f;
}


/* ....... IMAGE DEVANT ....... */
.banniere-texte a:before {
content: @banniere-texte-before;
display: inline-block;margin: 0px 15px 5px 0px;vertical-align:middle;
}

/************************************************.........Menu Augustina.......********************************************************************/
/**************************************************************************************************************************************************/
.fontmenu{
font-family:"Thaoma MS","DejaVuSans";
font-size:14px;
font-style: italic; /*             en italique  */
/* 	font-weight: bold;              en gras      */
color: purple;     /*             et en bleu   */
text-align: center;
}
.fontmenu:hover
{
color : blue;
}		
.cadre {font-size:0.9em;line-height:1.3em;padding:1px 0px 1px 0px;margin-bottom:0px;border:1px solid black;border-radius:10px 10px 10px 10px;/*}*/
/*.coin {background-color:#E4EFFF;border:1px solid #9FC6FF;padding:5px;
arrondir les coins en haut à gauche et en bas à droite*/
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
/*border-radius:10px 0;*/

}
 #cadremenu /*position du cadre entourant le menu*/
  {
    position:relative;
    margin-top:15px;
     margin-left:0%;
    /*height:30px;*/

	}


#menu /* Liste et position des éléments du menu principal*/     
{
         margin:0;
         padding-top:0;
        list-style : none;  /*on supprime le style par défaut de la liste */
        line-height : 25px; /* on définit une hauteur pour chaque élément */
       /* text-align : right;  on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu elements du menu quand il est directemnt sous a*/
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
        color:Purple;
}
#menu ul b /* Liste * la definition global des element des listes */     
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */      
        line-height : 15px; /* on définit une hauteur pour chaque élément */
        color:purple;
        padding-top:5px;
        overflow:hidden;

}
/*definition de l'emplacement des éléments de la liste*/
#menu ul a
{
max-width:250px;
width:100%;
margin-left:0px;
}
#menu a /* Contenu des listes du menu principal et que celui la*/
{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
/* background : black;  couleur de fond */        
color : purple;  /*couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}
#menu b /* Contenu des listes texture du menu et des listes ne sert pas*/
{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
/*background : black;  couleur de fond */        
color : purple;   /*couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}

#menu li /* Elements des listes definition des liste ecrites*/      
{ 
list-style : none; /*on supprime le style par défaut de la liste */ 
}

/*definition de la position des éléments de la sous liste*/
#menu li ul /* Sous-listes concerne les sous liste cachées mais depend du menu ci dessous */
{ 
position: absolute; /* Position absolue */
margin-left:3%;
width: 100%; /* Largeur des sous-listes */
left: -999em;   /*Hop, on envoie loin du champ de vision */
}
#menu li ul li /* Éléments de sous-listes concerne l'endroit ou sont les ecritures de la sous liste*/
{
margin-left:3%;     
text-align:left;
}
#menu li ul li a b /* Éléments de sous-listes concerne l'endroit ou sont les ecritures de la sous liste*/
{
margin-left:3%; 
text-align:left
}
#menu a:hover /* Lorsque la souris passe sur un des liens du menu ou de la liste */    
{
color: blue; /* On passe le texte en noir... */
/*background: blue;  ... et au contraire, le fond en blanc */
/*margin-left:0px; deplace la marge quand on passe sur le lien*/ 
/*padding-left:0px;*/ 
}
#menu b:hover /* Lorsque la souris passe sur un des liens */    
{
color: blue; /* On passe le texte en noir... */
margin-left:3%; /*deplace la marge quand on passe sur le lien*/ 
padding-left:0px; 
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
left: auto;  /*Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */
position:absolute;
max-height:15em;
line-height:1.3em;
padding:5px 0px 15px 0px;/*pour ce qu'il y a a l'interieur du cadre*/
margin-top:-1px;
margin-bottom:0px;
margin-left:6%;
border:1px solid purple;
border-radius:4px 4px 4px 4px;
/*.coin {background-color:#E4EFFF;border:1px solid #9FC6FF;padding:5px;
arrondir les coins en haut à gauche et en bas à droite*/
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px 4px 4px 4px;
background-color:white;
width:20%;
box-shadow: 8px 8px 12px #aaa;
z-index:1001;  
}
/* IE ne reconnaissant pas le sélecteur ">" */
/*html>body #menu li*/
/*{*/
/* border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
/*}*/
/*#menu li ul li /* Éléments de sous-listes */
/*{
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
/*       border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
/*}*/
/* IE ne reconnaissant pas le sélecteur ">" */
/*html>body #menu li ul li                
{
border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
/*}*/
/*#menu li ul ul 
{
margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
/*       border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
/*}
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
/*html>body #menu li ul ul                
{
border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
/*}*/
/*#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
/*{
left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
/*}*/


/************************************************************* CONTENU   ************************************************************ */



/*  ::::::::::::::::::::::::::::::::::::: POSITION ET COULEUR DE FOND  ::::::::::::::::::::::::::::::::::::: */
/* --- ZONE CONTENU (largeur d?ecran) --- */
.zone_contenu{
  background:transparent;
}
/* --- CONTENT (article et colonne)--- */
.content-wrapper{
  width:960px;
  margin:0px auto 0px auto;
  background:transparent;
  line-height:1.5;
  font-size:12px;
  border-radius:0px 0px 0px 0px ;
}

/* --- ARTICLE --- */
.article{
width:760px;float:right;min-height:400px;
background:transparent!important;
}
.article-content{
overflow:hidden;border-right:;
margin:0px 20px 20px 0px;
padding:20px 0px 0px 0px;
background:transparent;
border-radius:0px;
}

/*  ::::::::::::::::::::::::::::::::::::: TITRES  ::::::::::::::::::::::::::::::::::::: */

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin:10px 0;text-rendering:optimizelegibility;font-smooth:always;-webkit-font-smoothing:antialiased;opacity:.999}
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;}
h1 a, h2 a, h3 a, h4 a, h5 a { color: inherit !important;}

/*  ....... H1 ....... */  
h1,.h1{
font-family:Open Sans, sans-serif;
text-transform:none;  
font-size:22px;
color:#649505;
font-weight:400;
line-height: 1.3;
margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;  
}
/*image devant h1*/
h1:before,.h1:before{content:none;    /* "-"    ou  url(https://augustinabertrand.com/fichiers_site/a4198ber/contenu_pages/graphisme_global/defaut/image.png)*/;margin-right:7px;}


/*  ....... H2 ....... */  
h2,.h2{
font-family:Open Sans, sans-serif;
text-transform:none;   
font-size:17px;
color:#0407bf;
font-weight:400;
line-height: 1.3;
margin:10px 0px 7px 0px;
padding:0px 0px 0px 0px;  
}


/*  ....... H3 ....... */  
h3,.h3{
font-family:Open Sans, sans-serif;
font-size:15px;
color:#649505;
text-transform:none; 
font-weight:400;
line-height: 1.3;
margin:7px 0px 5px 0px;
padding:0px 0px 0px 0px;  
}


/*  ....... H4 ....... */  
h4,.h4{
font-family:Open Sans, sans-serif;
font-size:1.15em;
text-transform:none; 
color:#0407bf;
font-weight:normal;
line-height: 1.3;
margin:7px 0px 5px 0px;
padding:0px 0px 0px 0px;  
}


/*  ....... H5 ....... */  
h5,.h5{
font-family:Open Sans, sans-serif;
font-size:1.1em;
color:#0407bf;
font-weight:normal;
text-transform:none; 
line-height: 1.3;
margin:5px 0px 5px 0px;
padding:0px 0px 0px 0px;  
}

/*  ....... H6 ....... */  
h6,.h6{
font-family:Open Sans, sans-serif;
font-size:1em;
color:#0407bf;
font-weight:normal;
text-transform:none; 
line-height: 1.3;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;  
}


/*  ::::::::::::::::::::::::::::::::::::: LIENS  ::::::::::::::::::::::::::::::::::::: */

.article a{
color:#0407bf;
text-decoration:none;
font-style:normal;
}

/*  ....... liens au survol ....... */ 
.article a:hover{color:#649505;}
/*  ....... liens image au survol ....... */ 
.article a:hover img{opacity:0.8;}


/*  ::::::::::::::::::::::::::::::::::::: PARAGRAPHE  ::::::::::::::::::::::::::::::::::::: */
.article p{margin:0px 0px 7px 0px}


/*  ::::::::::::::::::::::::::::::::::::: CLASSES DANS CONTENU  ::::::::::::::::::::::::::::::::::::: */

/* --- BLOCKQUOTE  --- */
blockquote{font-size:12px;margin-left:15px}
blockquote {background:none;
border-left:3px solid #649505;
margin: 10px 50px;
padding: 0px 10px;}
blockquote p {display: inline;}


/* --- LISTE  --- */
ol li{list-style-type:decimal;list-style-position: inside;}
ul{list-style-type:disc;margin-left:20px}
ul ul{list-style-type:circle;}

/* --- HR  --- */
hr{border:0;border-top:1px dotted #d9d2cd;}
hr { padding: 0; border: none; border-top: 1px dotted #d9d2cd; color: 1px dotted #d9d2cd; text-align: center; }
hr:after { content: none; display: inline-block; position: relative; top: -0.7em; font-size: 1.5em; padding: 0 0.25em; background: transparent; }

/* --- TABLEAUX  --- */
/* classe table */
.table tbody tr td,.table tbody tr th{padding-left:7px;}
.table tbody tr:hover td,.table tbody tr:hover th{background-color:#0407bf; color:#fff;}
table{vertical-align:top}
/* classe border */
.tableborder tr {border-bottom:1px solid #9829f3;}
.tableborder td {;padding:7px 0;}
/* classe pair */
table.pair tr:nth-child(2n+1){background-color:#9829f3;color:#0407bf;padding:5px;}
table.pair tr:nth-child(2n+1) td, table.pair tr:nth-child(2n) td{padding:5px;}



/**************************************************************  STYLE COLONNE   **************************************************************/




/*  ::::::::::::::::::::::::::::::::::::: GENERAL  ::::::::::::::::::::::::::::::::::::: */
/*  ....... Taille & Position ....... */  
.aside{
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
width:180px;
float:left;
font-size:12px;

}

/*  ....... Espacement ....... */ 
.aside{padding:15px 0px 30px 0px;}
.aside-content{padding:0px 0px 0px 18px;
  min-height:400px;

}

/*  ....... Bordure et fond....... */  
.aside-content{
border-left:@aside_border-left; 
border-right:1px solid #cdcdcd;  
background: transparent;


}

/*  ....... TITRE ....... */ 
.titre_colonne{
font-family:Open Sans, sans-serif ;
font-size:18px;
padding:0px;
margin: 0px 0px 0px 0px;
color:#649505; 
text-transform:none !important;
display:block;
}


/*  ....... TITRE 2 ....... */ 
.titre_colonne_2{
display:block;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
font-family: Open Sans, sans-serif;
font-size:1.5em;
color:#649505; 
text-transform:none !important;
}


/*  ::::::::::::::::::::::::::::::::::::: 	ASIDEBOX  ::::::::::::::::::::::::::::::::::::: */
.asidebox{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
background-color: #9829f3;
background-image: -moz-linear-gradient(bottom, #0417be 0%, #9829f3 100%);
background-image: -o-linear-gradient(bottom, #0417be 0%, #9829f3 100%);
background-image: -webkit-linear-gradient(bottom, #0417be 0%, #9829f3 100%);
background-image: linear-gradient(bottom, #0417be 0%, #9829f3 100%);
  
border:0px solid #9829f3;
border-radius:0px!important; -moz-border-radius:0px!important;-webkit-border-radius:0px!important;

padding: 10px 10px 0px 10px;
margin: 0px 0px 25px 0px;}

.asidebox p{color:#fff!important;}
.asidebox .titre_colonne{color:#fff;}
.asidebox .titre_colonne_2{color:#fff;}

/*  ::::::::::::::::::::::::::::::::::::: 	ASIDEBOX 2 ::::::::::::::::::::::::::::::::::::: */
.asidebox2{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
background-color: ;
background-image: -moz-linear-gradient(bottom,  0%,  100%);
background-image: -o-linear-gradient(bottom,  0%,  100%);
background-image: -webkit-linear-gradient(bottom,  0%,  100%);
background-image: linear-gradient(bottom,  0%,  100%);
  
border:none;
border-radius:0px!important; -moz-border-radius:0px!important;-webkit-border-radius:0px!important;
  
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color:#62605f!important;
}

.asidebox2 p{color:#62605f!important;}
.asidebox2 .titre_colonne{color:;}
.asidebox2 .titre_colonne_2{color:;}

/*  ::::::::::::::::::::::::::::::::::::: 	ASIDEBTN ::::::::::::::::::::::::::::::::::::: */
.asidebtn{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
background-color: @asidebtn_degrade_haut;
background-image: -moz-linear-gradient(bottom, @asidebtn_degrade_bas 0%, @asidebtn_degrade_haut 100%);
background-image: -o-linear-gradient(bottom, @asidebtn_degrade_bas 0%, @asidebtn_degrade_haut 100%);
background-image: -webkit-linear-gradient(bottom, @asidebtn_degrade_bas 0%, @asidebtn_degrade_haut 100%);
background-image: linear-gradient(bottom, @asidebtn_degrade_bas 0%, @asidebtn_degrade_haut 100%);
 
border:@asidebtn_border;
border-radius:@asidebtn_border-radius;
  
padding: @asidebtn_padding;
margin: @asidebtn_margin;

color: @asidebtn_color!important; 
font-size:@asidebtn_fontsize;
}

.asidebtn:hover{
  background: @asidebtn_background_hover;
color: @asidebtn_color_hover!important; 
}
.aside .asidebtn a:hover{
color: @asidebtn_color_hover!important; 
}

.asidebtn .btn {margin-right:0;}

/*  ::::::::::::::::::::::::::::::::::::: LIENS  ::::::::::::::::::::::::::::::::::::: */
/*  ....... lien de base ....... */ 
.aside a{
color: #62605f;
text-decoration:none;
}

.aside a.btn , .aside a.btn:hover{
color: #fff;
text-decoration:none;
}

/*  ....... lien au survol ....... */ 
.aside a:hover{color:#649505;}

/*  ::::::::::::::::::::::::::::::::::::: MENU COLONNE  ::::::::::::::::::::::::::::::::::::: */
#live_372>ul{margin:0px 0px 10px 0px;font-size:12px;padding:0;}
#live_372 li{display: block; padding-left: 5px;}
#live_372>ul>li:before{ content: none;}
#live_372>ul>li{  display: block;border-bottom:1px solid #ccc;margin:0;padding:0;}
/*  .......niveau 1 ....... */ 
#live_372>ul>li{font-size:1.2em;line-height:1.7em;}
/*  ....... niveau 2 ....... */ 
#live_372>ul>li>ul{padding-left:5px;display:none;margin:0;}
#live_372>ul>li.menu_active>ul , #live_372>ul>li:hover>ul{display:block}
#live_372>ul>li>ul>li{font-size:1em;line-height:1.2em;}
/*  ....... niveau 3 ....... */ 
#live_372>ul>li>ul>ul{padding-left:5px;font-size:0.9em;line-height:0.9em;}

/************************************************************  ELEMENT de PAGE  ************************************************************ */
/* --- BOUTONS --- */

/* Apparence G&eacute;n&eacute;rale */
.btn, input[type=submit], input[type=button], button{
display: inline-block; 
  font-family:@global-btn_font-family;
 margin:5px 5px 0 0; 
 padding:6px 12px; 

 text-align: center; 
 text-shadow: none;
 font-size:12px;
 font-weight: normal;
 line-height: normal;
 vertical-align: middle;
 color:#fff; 
 border:0px solid #ccc;  
 border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
 background-color: #0417be;background-image: -moz-linear-gradient(top,#9829f3,#0417be);   background-image: -webkit-gradient(linear,0 0,0 100%,from(#9829f3), to(#0417be) );   background-image: -webkit-linear-gradient(top,#9829f3,#0417be);   background-image: -o-linear-gradient(top,#9829f3,#0417be);   background-image: linear-gradient(to bottom,#9829f3,#0417be);   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;   *background-color:#0417be;  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)
}

input[type=submit]:first-letter, input[type=button]:first-letter, button:first-letter{text-transform:uppercase;}

a.btn,a.btn:hover, input[type=submit] , input[type=button]{font-family:Open Sans, sans-serif;color:#fff!important;  font-style:normal!important;}
.btn:first-child, input[type=submit]:first-child{ *margin-left:0}
.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:#0417be;  *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: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 custom */
a.btn-custom,a.btn-custom:hover , .btn-custom, .btn-custom:hover{color:#fff!important;font-family:Open Sans, sans-serif;font-style:normal; border:0px solid #ccc!important;  }
a.btn-custom , .btn-custom{  font-family:@global-btn_font-family; font-weight:normal;  display:inline-block; line-height: normal;  *display:inline;  *zoom:1;  
  padding:6px 12px;  margin:5px 5px 0 0;  font-size:12px;  text-align:center;  vertical-align:middle;  cursor:pointer;  color:#fff!important;    background-color:#9829f3;  background-image:-moz-linear-gradient(top,#9829f3,#0417be);  background-image:-webkit-gradient(linear,0 0,0 100%,from(#9829f3), to(#0417be) );  background-image:-webkit-linear-gradient(top,#9829f3,#0417be);  background-image:-o-linear-gradient(top,#9829f3,#0417be);  background-image:linear-gradient(to bottom,#9829f3,#0417be);  background-repeat:repeat-x; *background-color:#0417be;  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!important;  background-color:#0417be;  *background-color:#d9d9d9;font-family:@global-btn_font-family; font-weight:normal;  }
.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!important;  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; font-family:@global-btn_font-family!important; font-weight:normal!important; }
.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 large, small, mini */
.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 */
.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%}

/* btn flat */
.btn.flat{ background:#9829f3;  -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:#0417be}
.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:#9829f3;  -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:#0417be}
.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)}

.menuTopButton{height:auto;}

/* --- Formulaires --- */
form input[type=text],form textarea,form input[type=password], form select{margin:2px 0 !important;padding:3px;-webkit-border-radius:0px;border-radius:0px;border:1px solid #c7c7c7;-webkit-box-shadow: none;box-shadow: none}
form input[type=text]:hover,form textarea:hover,form input[type=password]:hover, form select:hover{background:rgba(255,255,255,0.95);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;border:1px solid #c7c7c7;}
form input[type=text]:focus,form textarea:focus,form input[type=password]:focus, form select:focus{outline-color:#649505;background:rgba(255,255,255,0.85)}
form fieldset{border:1px solid #666;padding:10px}
form textarea {resize: none;}
.champs_necessaires, .ClassChampsNecessaires span{font-weight:700;color:#649505!important}
textarea,select,input[type=text]{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


/* Affichage News */
.news .news-titre a{font-style:normal;}
.news-mini-container .news .news-titre{font-weight:700}
.news-mini-container .news{margin-bottom:12px}
.news-mini-container .news a{color:inherit}
.news-date {margin-bottom:5px ; font-size:0.8em}
.date {font-size:0.9em}
.news-suite {margin-bottom:10px; text-align:right}
.news {border-bottom:1px solid #ccc;margin-bottom:7px; margin-top:15px}
.news-mini-container .news{border:none;}
/*  ::::::::::::::::::::::::::::::::::::: 	BOUTONS SPECIFIQUES  1 ::::::::::::::::::::::::::::::::::::: */
/*  ....... classe loca ....... */ 
.loca:before{
content:url(https://augustinabertrand.com/fichiers_site/a4198ber/contenu_pages/graphisme_global/defaut/icn_adresse.png);
display:inline-block;
margin:0px 10px 0px 0px;
vertical-align:middle;
}
.loca , .mail{
font-size:16px;
text-align:left;
text-transform:uppercase;
font-family:Open Sans, sans-serif;  
padding:10px 10px;
width:; 
}

/*  ....... classe mail ....... */ 
.mail:before{
content:url(https://augustinabertrand.com/fichiers_site/a4198ber/contenu_pages/graphisme_global/defaut/icn_mail.png);
display:inline-block;
margin-right:10px;vertical-align:baseline;
}

.aside a.mail , .aside a.loca, .aside a.adresse , .aside a.horaire{
font-size:16px;
text-align:left;
text-transform:uppercase;
font-family:Open Sans, sans-serif; 
padding:;
  display:block;
 width:; 
}


/* CLASSES SPECIFIQUES */

.hometable{table-layout:fixed;margin-bottom:1em;margin-top:1em;max-width: 100%;}
.hometable img{max-width: 100%;height:auto;vertical-align:middle;}
.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%;}

.hometable h2{
  background: #a164ed;color:#fff;
  margin-top: 0; position:relative;padding: 0 0.5em;
}

.hometable h2 a{
float:right; 
  font-size: 60%;
padding-top:3px;
}

.grideborderleft{padding-left:7px;border-left:1px solid #fff;margin: 0%;}


/************************************************************* STYLE FOOTER *************************************************************/




/*  ::::::::::::::::::::::::::::::::::::: GENERAL ::::::::::::::::::::::::::::::::::::: */
.container_footer{
margin:0px auto 0px auto;
  background:#f1eeea;
}


.footer{width:960px;margin:0 auto;background-color:#f1eeea;}
.footer-slim, .footer-sub {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
width:960px;
margin-left:auto;margin-right:auto;
padding:0px;
}
#live_185{display:inline;}
.footer{background:@footer_background;
 border-radius:0px;
}

/*  ::::::::::::::::::::::::::::::::::::: MISE EN PAGE ::::::::::::::::::::::::::::::::::::: */
/* --- TITRE --- */
.titre_footer{
font-size:1.3em;
color:#fff;
font-family:Open Sans, sans-serif;
text-transform:none; 
padding:0px;
margin:0px 0px 10px 0px;
}

/*  ::::::::::::::::::::::::::::::::::::: FOOTER CONTENU / COLONNE ::::::::::::::::::::::::::::::::::::: */

.footer-sub-container {background-color:#f1eeea;padding:10px 0;}
.footer-sub {background-color:#f1eeea;}
.footer-sub {color:#62605f;font-size:13px;text-transform:@footer_contenu_texttransform;}

/* --- LIENS --- */
.footer-sub a{color:#649505s;}
.footer-sub a:hover{color:inherit;}


/*  ::::::::::::::::::::::::::::::::::::: FOOTER COPYRIGHT  ::::::::::::::::::::::::::::::::::::: */

.footer-slim-container {background-color:#f1eeea;padding:0px 0 15px;}
.footer-slim {background-color:#f1eeea;}
.footer-slim {color:#62605f;font-size:11px;}


/* --- LIENS --- */
.footer-slim a{color:#62605f;}
.footer-slim a:hover{color:#649505s;}





/*  :::::::::::::::::::::::::::::::::::::  COMMENTAIRES  ::::::::::::::::::::::::::::::::::::: */

.com_detail_mess{position:relative;border-bottom:1px solid #ccc;padding-bottom:15px;margin-top:15px;}
.com_detail_mess_auteur{color:#0407bf;}
.com_page .btn a{color:#fff;}





/* Background FULL SIZE
html{background:#fff}
html{  background:  url(https://augustinabertrand.com/fichiers_site/a4198ber/contenu_pages/graphisme_global/background.jpg) ;}
html {-webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover; background-size: cover;background-attachment : fixed;background-position:top center;}
*/

/* ---------------------------  HEADER  ---------------------------  */
/*.header{height:170px;}*/
.login_en_ligne
{
    top:50px;right:0;  
}

.login_header
{
    bottom:50px;right:0px;
}

#live_179 ul
{
    margin:5px 0 !important;
}

.footer a:hover
{
    color:#649505;
}

.logo-container, .logo, .slogan
{
    float:left;
    display:inline-block;
}

.header-infos-1
{
    font-family: Open Sans, sans-serif;
    float:right;
    display:inline-block;
    background:#f6f5f3;
    border:1px solid #d2c2ba;
    border-radius: 0px; 
    margin:39px 0 0;
    padding:0px 15px 0px 52px;
    font-size:18.4px;
    font-weight:300;
    background:#f6f5f3 url(https://augustinabertrand.com/fichiers_site/a4198ber/contenu_pages/graphisme_global/ico01.png) 8px no-repeat;
}

.header-infos-1 a
{
    display:block;
    color:#62605f;
    font-weight:400;
}

.container_footer, .header-container, .zone_contenu, .banniere-container, .navigation, .topsite-container
{
    float:left;
    width:100%;
}

.slogan
{
    font-style:italic;
}

.slogan span
{
    display:block;
    color:#0407bf;
    font-size:28px;
}

.slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.flexslider {
  margin: 0 0 0px !important;
  border: 0px solid #fff !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  height: 301px !important;
  overflow: hidden;
background:none;
}

.flex-control-nav {
  display: none;
  visibility: hidden;
}

.flex-viewport{
background:none;
}

.slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.flex-control-nav {
  display: none;
  visibility: hidden;
}

.flex-viewport{
background:none;
}

#flexslider7 .flex-caption
{
    font-family: Open Sans, sans-serif;
    left:17px;bottom:0px;
    background:#fdfbf8 !important;
    width: 185px !important;
    padding:10px 40px 10px 15px !important;
    opacity:1;color:#62605f !important;
    font-size:17px !important;
}

#live_179 li, #live_179 li div
{
    padding-left:20px !important;
}

#live_179 li:after {
  padding-left: 18px !important;
}

.hometable h3
{
    background:#a164ed;
    color:#fff;
    padding: 5px 15px;
    margin: 0 0 18px;
}

table.bons_fo, table.bons_fo tr, table.bons_fo th, table.bons_fo td 
{
    border-collapse: collapse;
}

table.bons_fo td.bons 
{
    padding: 15px; 
    text-align: center; 
    vertical-align: bottom;
}

#live_94
{

}

#live_108
{
	clear:both;
}

#live_108
{

}

#live_87
{

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

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

.cadre_bleu_violet 
{
    font-size:0.9em;line-height:1.3em;
    padding:1px 0px 1px 0px;
    border-radius:10px 10px 10px 10px;
    /*.coin {background-color:#E4EFFF;border:1px solid #9FC6FF;padding:5px;
    arrondir les coins en haut à gauche et en bas à droite*/
    -moz-border-radius:10px 10px 10px 10px;
    -webkit-border-radius:10px 10px 10px 10px;
    /*border-radius:10px 0;*/
    background: linear-gradient( to right,white, blue, purple, white);
    /*linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,150));*/
}

#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;
}

#lignbleuviolet
{
    position:relative;
    margin-top:50px;
    top:0.5%;
    width:50%;
    height:2px;
    margin-left:45%;
    z-index:2;
}	