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

  perso.css
 

-------------------------------------------------------------- */
/* LINKS
------------------------------------------ */
a { text-decoration: none; color:#105685; background:none !important; }
a:focus,a:hover,a:active { color: #187FC4 !important; text-decoration: none;background:none !important;  }

.footer a{ text-decoration: none; color:#000000; }
.footer a:focus,.footer a:hover,.footer a:active { color: #187FC4 important; text-decoration: none;}

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

typo

-------------------------------------------------------------- */
body{
font-family: 'Open Sans', sans-serif;
font-size:0.95em;
letter-spacing:1.5px;
font-weight:300;
}

h1,
.h1 {
font-family:'Jua', sans-serif;
text-shadow:0px 0px 1px #000000;
font-size: 1em;
text-transform:uppercase;
font-weight:700;
 
}
h2,
.h2 {
font-family:'Jua', sans-serif;
text-shadow:0px 0px 1px #000000;
  font-size: 1em;
  line-height: 1;
  margin-bottom: 1em;
}
h3,
.h3 {
font-family:'Jua', sans-serif;
text-shadow:0px 0px 1px #000000;
  font-size: 1.25em;
  line-height: 1.2;
  margin-bottom: 1.2em;
}
h4,
.h4 {
font-family:'Jua', sans-serif;
text-shadow:0px 0px 1px #000000;
  font-size: 1em;
  line-height: 1.364;
  margin-bottom: 1.364em;
}
h5,
.h5 {
font-family:'Jua', sans-serif;
text-shadow:0px 0px 1px #000000;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}
h6,
.h6 {
font-family:'Jua', sans-serif;
text-shadow:0px 0px 1px #000000;
  font-size: 1em;
  font-weight: bold;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
  font-size: 60%;
  line-height: 0;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  margin: 1.5em 0;
  border: solid;
  border-width: 1px 0 0;
}
/* Elements principaux
------------------------------------------ */
body{
background-color:transparent !important;
color:#666666;margin:0; padding:0;
}
.page{
max-width:1920px;
width:100%;
padding:0;
margin:0;
z-index:1;
}
.page_sommaire{
max-width:1920px;
width:100%;
padding:0;
margin:0;
background-image:url(img/les-arcs_argens_var_cote-d-azur_1920x3240_reduit.jpg);
background-repeat: no-repeat;
background-position:top center;
background-attachment: fixed;
}
.page_sommaire_en{
max-width:1920px;
width:100%;
padding:0;
margin:0;
background-image:url(img/les-arcs_argens_var_cote-d-azur_1920x3240_reduit.jpg);
background-repeat: no-repeat;
background-position:top center;
background-attachment: fixed;
}
.page_rubrique{

}

.page_mot{

}
.page_404{

}
.page_contact{

}
.page_auteur{

}

.page_site{

}
.page_recherche{

}
.ma_top_barre{
max-width:1920px;
width:100%; 
position:fixed;
top:0; 
left:0;
right:0; 
padding-top:0.5em;
padding-bottom:0.5em;
padding-left:1em;
padding-right:0;
background-image:url(img/transpa_bl_bda_40-s.png);
background-repeat: repeat;
opacity:1;  
z-index:100;
height:50px;
}

.logo_top{
float:left;width:80px; height:80px;color:#FFFFFF; margin-right:0.5em;position:relative; top:0px;
}
.titre_top{
font-weight:900;
color:#FFFFFF;
text-shadow:0px 0px 1px #000000;
float:left;
margin-top:1.2em;
z-index:5;
opacity:!important 1;
 
}

.page_sommaire .page{ 
position: relative; top:30em; max-width:1920px; width: 100%; height:auto; margin:0; padding:0;
}

.page_plan .page{ 
position: relative; top:5em; max-width:1920px; width: 100%; height:auto; margin:0; padding-left:1em; padding-right:1em; padding-top:1em;padding-bottom:3.5em;
}
.spip_logo{
float:none;
max-width:1920px;
width:100%;
margin:0;
padding:0;
}
.spip_documents{
padding: 0 0 0 0 ;
margin: 0 0 0 0 ;
}
.arbo{
width:98%;
position:relative; top:-2em; padding-left:5px;color:#FFFFFF; opacity:0.8;
}
.arbo a:link{
color:#FFFFFF;
opacity:0.8;
}
.arbo a:hover{
color:!important #999999;
opacity:0.8;
}
.arbo a:focus{
color:#999999;
opacity:0.8;
}
.arbo a:visited{
color:#999999;
opacity:0.8;
}
.page_article .page { 
position: relative; top:-4em;margin:0; padding:0;
}
.page_rubrique .page { 
position: relative; top:-4em;margin:0; padding:0;
}
.C1800{
max-width:1800px;
width:100%;
}
.mur1600{
max-width:1600px;
width:100%;
}
.C1240{
max-width:1240px;
width:100%;
}
.C980{
max-width:980px;
width:100%;
}
.mipad{
padding:5px;
}
.mipad15{
padding:15px;
}
h1 .titre_article{
position:relative;
top:-2em;
font-size:250%;
text-transform:none;
letter-spacing:7px;
color:#FFFFFF;
text-shadow:0px 0px 1px #000000;
font-weight:900;

}
h1 .titre_rubrique{
position:relative;
top:-2em;
font-size:250%;
text-transform:none;
letter-spacing:7px;
color:#FFFFFF;
text-shadow:0px 0px 1px #000000;
font-weight:900;

}
.chapo{
font-weight:200;
}
.header {}

.main { padding: 0 0; margin-bottom:2em; }
.footer { clear: both; padding:0 0 0 0; margin:0 0 0 0; border-top:1px solid #999; bottom:0;}

/* largeur calculee du wrapper: 960*70%  = 672px */

.content { min-height: 350px; }
/* largeur calculee du aside: 672px / 3 = 224px = 23.333 %*/

.article1{
max-width:1024px;
width:100%;
min-height:250px;
background-color:#62C1C8;
opacity:0.9;
margin-top:2em;
margin-bottom:2em;
}
.article2{
max-width:1800px;
width:100%;
min-height:250px;
background:transparent;
opacity:1;
margin-top:2em;
margin-bottom:2em;
padding:2em;
}
.article3{
max-width:980px;
width:98%;
min-height:250px;
background-color:#FFFFFF;
opacity:1;
margin-top:2em;
margin-bottom:2em;
line-height:2em;
}
.article4{
max-width:780px;
width:98%;
font-size:1.1em;
text-align:left;
padding:0.5em;
min-height:250px;
background-image:url(img/transpa_bda_40_s.png);
background-repeat: repeat;
margin-bottom:2em;
color:#FFFFFF;
}
.article4 h2{
margin-top:2em;
font-size:140%;
letter-spacing:3px;
}
.texte_rub1,
.texte_art1{
max-width:1240px; width:100%; text-align:left;
padding:7px;margin-bottom:1.5em;
}
.mitop15{

}
.mifondriv{
width:100%;background-color:#242C33; color: #FFFFFF; padding:0.5em;
}
.mianim{
color:#FFFFFF; font-size:1.2em; font-weight:700;
}
/* Elements rapportés
------------------------------------------ */
.logo_titre{
position:absolute;
width:100%;
top:80px;
}
.logo_titre_en{
position:relative;top:7em;min-width:250px;max-width:250px;height:auto;
}
.spip_document_3{
width:400px;
height:auto;
}
.titre_sommaire{
position:relative;
top:28em;
letter-spacing:0.1em;
font-weight:700;
}
.titre_sommaire_en{
position:relative;
top:18em;
letter-spacing:0.1em;
font-weight:700;
}
.titre_sommaire h2{
font-family: 'Jua', sans-serif;
font-weight:900;
letter-spacing:0.1em;
text-transform:none;
text-shadow: 0px 0px 2px #000000;
color: #FFFFFF;
font-size:2.5em;
text-align:center;
color:!important #FFFFFF;
}
.titre_sommaire_en h2{
font-family: 'Jua', sans-serif;
font-weight:900;
letter-spacing:0.1em;
text-transform:none;
text-shadow: 0px 0px 2px #000000;
color: #FFFFFF;
font-size:2.5em;
text-align:center;
color:!important #FFFFFF;
}
h2 .som{
color:#63C2C8; text-transform:uppercase;padding-left:3%;padding-right:3%; padding-top:0.5em; padding-bottom:0.5em;background-image:url(img/transpa_bda_40_s.png);
background-repeat: repeat;
opacity:1; 
}
.titre_sommaire h3{
font-family: 'Jua', sans-serif;
font-weight:900;
line-height:2.5em;
text-shadow: 0px 0px 6px #000000;
letter-spacing:0.2em;
text-transform:uppercase;
color: #63C2C8;
font-size:2em;
z-index:300;
padding-bottom:2em;
padding-top:2em;
}
.titre_sommaire_en h3{
font-family: 'Jua', sans-serif;
font-weight:900;
line-height:2.5em;
text-shadow: 0px 0px 6px #000000;
letter-spacing:0.2em;
text-transform:uppercase;
color: #63C2C8;
font-size:2em;
z-index:300;
padding-bottom:2em;
padding-top:0;
}
.mireserv{
position:relative; top:0em; z-index:100;
text-transform:uppercase;
font-weight:700;
text-shadow: 0px 0px 6px #000000;
}
.mireserv_en{
position:relative; top:14em; z-index:100;
text-transform:uppercase;
font-weight:700;
text-shadow: 0px 0px 6px #000000;
margin-bottom:16em;
}

.mireserv2{
display:none;
}
.mireserv3{
position:relative; top:0em; z-index:100;
color:#FFFFFF;
text-transform:uppercase;
text-shadow:0px 0px 1px #000000;
font-weight:700; padding:0.5em;
}
.mireserv3 a:link{
color:#FFFFFF;
}
.argens{
color:#FFFFFF;
text-align:left;padding-left:3%;padding-right:3%; padding-top:0.5em; padding-bottom:0.5em;background-image:url(img/transpa_bda_40_s.png);
background-repeat: repeat;
}
.marbot1{
margin-bottom:1em;
}
.marbot2{
margin-bottom:2em;
}
.marbot3{
margin-bottom:3em;
}
.marto-4{
margin-top:-4em;
}
.marto1{
margin-top:1em;
}
.marto2{
margin-top:2em;
}
.marto3{
margin-top:3em;
}
.marto7{
margin-top:7em;
}
.marto4{
margin-top:4em;
}
.marto5{
margin-top:5em;
}
.marto1bot1{
margin-top:1em;margin-bottom:1em;
}
.spip_documents,
.spip_document_3{
opacity:1 !important;
}
.spip_document_3{
width:400px;
height:auto;
}
.spip_document_10,
.spip_document_13,
.spip_document_14{
width:45px;
height:44px;
}
.spip_document_123{
max-width:400px;
min-width:300px;
width:100%;

}
.sommaire_1{
margin-top:0em;
max-width:980px;
width:100%; 
text-align:left; 
background-image:url(img/transpa_BL_BDA_40_80_small.png);
background-repeat: repeat;
opacity:1 !important; 
padding:1.5em;
font-weight:500 !important;
font-size:100%;
color:#FFFFFF;
}
.sommaire_1 a:link{
color:#FFFFFF;
background:transparent;
}
.sommaire_1 a:hover{
color:#999999;
background:transparent;
}
.sommaire_1 a:focus{
color:#FFFFFF;
background:transparent;
}
.sommaire_1 a:visited{
color:#FFFFFF;
background:transparent;
}
.sommaire_1 h1{
font-size:1.5em;
}
.sommaire_1 .cibloc{
max-width:980px;
width:100%;
color:#FFFFFF;
}
.sommaire_1 .spip_document_123{
max-width:400px;
min-width:300px;
width:100%;

}
.inter1{
height:1em;
}
.inter2{
height:2em;
}
h2 .bleu{
color:#62C1C8;
font-size:120%;
font-weight:900;
}
h2 .vert{
color:#527026 !important; text-transform:none;
font-size:120%;
font-weight:900;
}
h2 .jaune{
color:#FFE037 !important; text-transform:none;
font-size:120%;
font-weight:900;
}
h2 .purple{
color:purple !important; text-transform:none;
font-size:120%;
font-weight:900;
}
h2 .marron{
color:#AA271C !important; text-transform:none;
font-size:120%;
font-weight:900;
}
.mihero{
position:relative; left:-1.3em;max-width:150px; width:100%; height:50px; margin-bottom:1em;z-index:5; opacity: !important1;
}
.mitrhero{
background:none !important; border:none !important;
}

.micat1{
position:relative; top:-1em; width:200px;height:50px; margin-bottom:1em;
}
.micat2{
position:relative; top:0; width:200px;height:50px; margin-bottom:1em;
}
.micat{
position:relative; top:-1em; left:-0.5em; width:220px;height:50px; margin-bottom:1em;
}
.bgvert{
background-color:#527026;
}
.bgbleu{
background-color:#62C1C8;
}
.bgbleuArc{
background-color:#187D99;
}
.bgmarron{
background-color:#AA271C;
}
.td45{
width:40px; height:40px;
padding:1em;
}
.spip_document_141{
min-width:45px !important; max-width:45px; width:100%; height:45px !important;
}
.td90{
width:90px; opacity:1 !important;
}
.titre1_sommaire_1{
font-family: 'Jua', sans-serif;
font-size:150%;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase; 
text-shadow:0px 0px 1px #000000;
opacity:1 !important;
}
.transnone{
text-transform:none;
}
.titre1_sommaire_1b{
font-family: 'Jua', sans-serif;
font-size:140%;
font-weight:700;
letter-spacing:2px;
text-transform:none; 
text-shadow:0px 0px 1px #000000;
opacity:1 !important;
}
.texte_sommaire_1{
font-size:90%;
line-height:2em;
margin-top:0;
opacity:1 !important ;
}
.texte_sommaire_1b{
font-size:90%;
line-height:2em;
margin-top:2.3em;
opacity:1 !important;
}

.marright{margin-right:5px;margin-bottom:1.5em;}
.marleft{margin-left:5px;margin-bottom:1.5em;}
.marcenter{margin-right:5px;margin-left:5px;margin-bottom:1.5em;}
.f90{font-size:90%;}
.mibkgt{
background-color:transparent;
color:#FFFFFF;
}
.mibkgtop{
background-color:transparent;
color:#FFFFFF;
position:relative;top:-1em;
}
.text-tlow{text-transform:lowercase;}
.text-tup{text-transform:uppercase;}
.rub_centerT{
position:relative; top:-4em;margin-bottom:-11.7em;text-transform:none; font-family:'Jua', sans-serif; font-size:220%;
}
.transformT{
text-transform:none;
text-shadow: 0px 0px 6px #000000;
color: #FFFFFF;
}
.header_rub{
background:none;height:0;padding:0;
}
.wrapper_1{
max-width:1600px;width:100%;
padding:0;
margin:0;
}
.miwite{
background-color:#FFFFFF !important;
max-width:1600px !important;width:100%;background-color:#FFFFFF !important;padding:1em;
}
.texte_rub1{
max-width:980px; width:100%; text-align:left;
}
.inner_rub{
background-color:#FFFFFF; color:#666666; position:relative; top:0em; padding: 0, 0; width:100%;margin-left:0; margine-right:0;
}
.mirub{
width:100%;background-color:#FFFFFF !important; color:#666666;position:relative; top:1.5em;
}
.miart{
width:100%;background-color:#FFFFFF !important; color:#666666;position:relative; top:1.5em;
}
.toutes_activites{
margin-top:3em;
color:#AA271C !important;
background-color:#FFFFFF;
}
.tous_parcours_libres{
margin-top:3em;
color:!important #62C1C8;
background-color:#FFFFFF;
}
.tous_produits{
margin-top:3em;
color:!important #62C1C8;
background-color:#FFFFFF;
}

.cibloc_blanc{
background-color:#62C1C8;
color:#FFFFFF;
}
.cibtn-couleur1{
background-color:#AA271C !important;
color:#FFFFFF;
}

.cibtn-couleur1 a:link{
border:solid 2px #FFFFFF !important;
color:#FFFFFF !important;
background-color:#AA271C !important;
opacity:1 !important;
font-weight:700;
font-size:120%;
}
.cibtn-couleur1 a:hover{

border-color:#000000 !important;
color:#000000 !important;
}
.centerr{
margin-bottom:3em;
}

.simple_border{
font-size:90%;
padding:0.8em;
border-top:solid 1px #62C1C8;
border-left:solid 1px #D4D4D4;
border-right:solid 1px #62C1C8;
box-shadow: 2px 2px 2px 1px #E5E5E5;
}
.myborder{
font-size:90%;
text-transform:uppercase;
border-top:solid 1px #62C1C8;
border-left:solid 1px #D4D4D4;
border-right:solid 1px #62C1C8;
box-shadow: 2px 2px 2px 1px #E5E5E5;

}
.carte{
font-size:100%;
line-height:1.6em;
letter-spacing:1px;
border-left:solid 1px #D4D4D4;
border-right:solid 1px #D4D4D4;
border-bottom:solid 1px #D4D4D4;
box-shadow: 2px 2px 2px 1px #E5E5E5;
background-color:#FFFFFF !important;
}
.mypaddings{
padding:0 15px 15px 15px;
text-align:left;
}
.mistrong{
font-weight:900;
}
.mistrongb{
color:#666666;
font-weight:900;
}
.mistrongw{
color:#FFFFFF;
font-weight:900;
}
.mistrongw a:link{
color:#FFFFFF;
font-weight:900;
}
li .mistrongw a:link{
color:#FFFFFF;
font-weight:900;
}
.myborder_libres{
font-size:90%;
border-top:solid 1px #62C1C8;
border-left:solid 1px #D4D4D4;
border-right:solid 1px #62C1C8;
box-shadow: 2px 2px 2px 1px #E5E5E5;
}
.myborderG{
font-size:90%;
text-transform:uppercase;
border-top:solid 1px #D4D4D4;
border-left:solid 1px #D4D4D4;
border-right:solid 1px #D4D4D4;
box-shadow: 2px 2px 2px 1px #E5E5E5;
}
.myborderVG{
font-size:90%;
text-transform:uppercase;
border-top:solid 1px #527026;
border-left:solid 1px #D4D4D4;
border-right:solid 1px #527026;
box-shadow: 2px 2px 2px 1px #E5E5E5;
}
.myborderOG{
font-size:90%;
text-transform:uppercase;
border-top:solid 1px #FB0006;
border-left:solid 1px #D4D4D4;
border-right:solid 1px #FB0006;
box-shadow: 2px 2px 2px 1px #E5E5E5;
}
.myborderOG_groupes{
font-size:90%;
border-top:solid 1px #FB0006;
border-left:solid 1px #D4D4D4;
border-right:solid 1px #FB0006;
box-shadow: 2px 2px 2px 1px #E5E5E5;
}
.myborderVS{
font-size:90%;
text-transform:uppercase;
border-top:solid 1px #4BD985;
border-left:solid 1px #E5E5E5;
border-right:solid 1px #4BD985;
box-shadow: 2px 2px 2px 1px #E5E5E5;
}
.myborderVS_with{
font-size:90%;
border-top:solid 1px #4BD985;
border-left:solid 1px #E5E5E5;
border-right:solid 1px #4BD985;
box-shadow: 2px 2px 2px 1px #E5E5E5;
}
.myborderJV{
font-size:90%;
text-transform:uppercase;
border-top:solid 1px #FFE037;
border-left:solid 1px #D4D4D4;
border-right:solid 1px #FFE037;
border-radius: 8px;
box-shadow: 2px 2px 2px 1px #E5E5E5;
}
.myborderJV_animations{
font-size:90%;
border-top:solid 1px #FFE037;
border-left:solid 1px #D4D4D4;
border-right:solid 1px #FFE037;
border-radius: 8px;
box-shadow: 2px 2px 2px 1px #E5E5E5;
}
.mycenter{
text-align:center;
text-transform:uppercase;
font-size:110%;
line-height:1.5em;
letter-spacing:2px;
font-weight:900;
color:#FFFFFF !important;
text-shadow:0px 0px 1px #000000;
padding-bottom:3%;
padding-top:3%;
margin-bottom:0em;
}
.mycenter_libres{
text-align:center;
text-transform:uppercase;
text-shadow: 0px 0px 1px #000000;
font-size:110%;
line-height:1.5em;
letter-spacing:2px;
font-weight:900;
text-shadow:0px 0px 1px #000000;
background-color:#62C1C8;
color:#FFFFFF !important;
padding-bottom:3%;
padding-top:3%;
margin-bottom:0em;
}
.mycenterG{
text-align:center;
text-transform:uppercase;
font-size:110%;
line-height:1.5em;
letter-spacing:2px;
font-weight:900;
text-shadow:0px 0px 1px #000000;
background-color:#D4D4D4;
color:#FFFFFF !important;
padding-bottom:3%;
padding-top:3%;
margin-bottom:0em;
}
.mycenterVG{
text-align:center;
text-transform:uppercase;
font-size:110%;
line-height:1.5em;
letter-spacing:2px;
font-weight:900;
text-shadow:0px 0px 1px #000000;
background-color:#527026;
color:#FFFFFF !important;
padding-bottom:3%;
padding-top:3%;
margin-bottom:0em;
}
.mycenterVG_animations{
text-align:center;
text-transform:uppercase;
font-size:110%;
line-height:1.5em;
letter-spacing:2px;
font-weight:900;
text-shadow:0px 0px 1px #000000;
background-color:#527026;
color:#FFFFFF !important;
padding-bottom:3%;
padding-top:3%;
margin-bottom:0em;
}
.mycenterOG{
text-align:center;
text-transform:uppercase;
font-size:110%;
line-height:1.5em;
letter-spacing:2px;
font-weight:900;
text-shadow:0px 0px 1px #000000;
background-color:#FB0006;
color:#FFFFFF !important;
padding-bottom:3%;
padding-top:3%;
margin-bottom:0em;
}
.mycenterOG_groupes{
text-align:center;
text-transform:uppercase;
font-size:110%;
line-height:1.5em;
letter-spacing:2px;
font-weight:900;
text-shadow:0px 0px 1px #000000;
background-color:#FB0006;
color:#FFFFFF !important;
padding-bottom:3%;
padding-top:3%;
margin-bottom:0em;
}
.mycenterVS{
text-align:center;
text-transform:uppercase;
font-size:110%;
line-height:1.5em;
letter-spacing:2px;
font-weight:900;
text-shadow:0px 0px 1px #000000;
background-color:#4BD985;
color:#FFFFFF !important;
padding-bottom:3%;
padding-top:3%;
margin-bottom:0em;
}
.mycenterVS_with{
text-align:center;
text-transform:uppercase;
font-size:110%;
line-height:1.5em;
letter-spacing:2px;
font-weight:900;
text-shadow:0px 0px 1px #000000;
background-color:#4BD985;
color:#FFFFFF !important;
padding-bottom:3%;
padding-top:3%;
margin-bottom:0em;
}
.mycenterJV{
text-align:center;
text-transform:uppercase;
font-size:110%;
line-height:1.5em;
letter-spacing:2px;
font-weight:900;
text-shadow:0px 0px 1px #000000;
background-color:#FFE037;
color:#FFFFFF !important;
padding-bottom:3%;
padding-top:3%;
margin-bottom:0em;
}
.mycenterJV_animations{
text-align:center;
text-transform:uppercase;
font-size:110%;
line-height:1.5em;
letter-spacing:2px;
font-weight:900;
text-shadow:0px 0px 1px #000000;
background-color:#FFE037;
color:#FFFFFF !important;
padding-bottom:3%;
padding-top:3%;
margin-bottom:0em;
}
.mycenterPURPLE{
text-align:center;
text-transform:uppercase;
font-size:110%;
line-height:1.5em;
letter-spacing:2px;
font-weight:900;
text-shadow:0px 0px 1px #000000;
background-color:purple;
color:#FFFFFF !important;
padding-bottom:3%;
padding-top:3%;
margin-bottom:0em;
}
.mycenterPURPLE_animations{
text-align:center;
text-transform:uppercase;
font-size:110%;
line-height:1.5em;
letter-spacing:2px;
font-weight:900;
text-shadow:0px 0px 1px #000000;
background-color:purple;
color:#FFFFFF !important;
padding-bottom:3%;
padding-top:3%;
margin-bottom:0em;
}
.myborderPURPLE{
font-size:90%;
text-transform:uppercase;
border-top:solid 1px purple;
border-left:solid 1px #D4D4D4;
border-right:solid 1px purple;
border-radius: 8px;
box-shadow: 2px 2px 2px 1px #E5E5E5;
}
.myborderPURPLE_animations{
font-size:90%;
border-top:solid 1px purple;
border-left:solid 1px #D4D4D4;
border-right:solid 1px purple;
border-radius: 8px;
box-shadow: 2px 2px 2px 1px #E5E5E5;
}
.myborderMAR{
font-size:90%;
text-transform:uppercase;
border-top:solid 1px #AA271C;
border-left:solid 1px #D4D4D4;
border-right:solid 1px #AA271C;
box-shadow: 2px 2px 2px 1px #E5E5E5;
}
.myborderMAR_animations{
font-size:90%;
border-top:solid 1px #AA271C;
border-left:solid 1px #D4D4D4;
border-right:solid 1px #AA271C;
border-radius: 8px;
box-shadow: 2px 2px 2px 1px #E5E5E5;
}
.mycenterMAR{
text-align:center;
text-transform:uppercase;
font-size:110%;
line-height:1.5em;
letter-spacing:2px;
font-weight:900;
text-shadow:0px 0px 1px #000000;
background-color:#AA271C;
color:#FFFFFF !important;
padding-bottom:3%;
padding-top:3%;
margin-bottom:0em;
}
.mycenterMAR_animations{
text-align:center;
font-size:130%;
line-height:1.5em;
letter-spacing:2px;
font-weight:900;
text-shadow:0px 0px 1px #000000;
background-color:#AA271C;
color:#FFFFFF !important;
padding-bottom:3%;
padding-top:3%;
margin-bottom:0em;
}

.panneau{
background-image:url(img/transpa_BL_BDA_footer_80_small.png);
background-repeat: repeat;padding:0.5em;
height:90px;
color:#FFFFFF;
font-weight:600;
}
.panneau a:link{
color:#FFFFFF;
font-weight:700;
}
.panneau a:hover{
color:#FFFFFF;
font-weight:700;
opacity:0.9;
}
.mitr{
background-color:#66656C !important; opacity:0.6;
}
.mitrb{
background-color:#FFFFFF !important; opacity:0.6;
}
.mitd{
width:10%;border:solid 1px #66656C; text-align:center;
}
.left_pl{
text-align:left;
padding-left:1em;
}
.left_center_border{
text-align:center;
border:solid 1px #66656C;
}
.trmbbb{
margin-bottom:1em; border-bottom:solid 1px #66656C;
}
.cibtn-couleur3vide a:link{
border:solid 1px #000000 !important;
color:#FFFFFF !important;
text-shadow: 0px 0px 1px #000000; 
background-color:#187D99 !important;
opacity:1 !important;
font-weight:700;
font-size:120%;
}
.cibtn-couleur3vide a:hover{
opacity:0.8 !important;
}
.cibtn-defautvide a:link{
width:240px;
font-size:90%;
font-weight:700;
letter-spacing:4px;
padding-left:!important 3em;
padding-right:!important 3em;
padding-top:0.2em;
padding-bottom:0.2em;
border:solid 2px #FFFFFF !important;
color:#FFFFFF !important;
text-shadow: 0px 0px 1px #000000;
background-color:none; 
background:!important transparent;

}
.cibtn-defautvide a:hover{
border-color:#999999;
}

.cibtn-defaut a:link{
background-color:#62C1C8 !important;
}
.spip_documents{
margin-top:0;
padding-top:0;
top:0;
}

.col-sm-3{
border: solid 2px #FFFFFF !important;
}
.titre2_sommaire-1{
font-family: 'Jua', sans-serif;
font-size:90%;
line-height:2em; 
text-transform:uppercase; text-shadow:0px 0px 1px #000000;
font-weight:900; opacity:1 !important;
}


/* Entete et barre de navigation
------------------------------------------ */
.header {margin:0; padding:0; }
.header .spip_logo_site { display: block; margin: 0; line-height: 1; font-weight: bold;  }
.header .spip_logo_site,
.header .spip_logo_site a,
.header .spip_logo_site a:hover { background: transparent; text-decoration:none; color:#222; }
.header .spip_logo_site a:hover  {color:#db1762;}
.header .spip_logo_site a:hover img {opacity:0.7;}
.header .spip_logo {margin-bottom:0;}
.header #slogan { margin: 0; }

.formulaire_menu_lang { position: absolute; right: 0; top: .9em; display: block; width: 30%; }

.mibook{
margin-top:4em;
}
.my_contact,
.my_form{
min-width:320px; max-width:600px; width:99%; padding:10px; text-align:left; font-size:0.9em;
}

#nav{
max-width:1920px;
width:100%;
z-index:900;
visibility:visible;
background:none;
}
.nav {background:none;margin-top:4em;max-width:1920px; width:100%; text-transform: none; text-align:left; visibility:visible; padding:0 0 0 0; margin:0 0 0 0;z-index:900;}
.floatl{
float:left;z-index:300;
}
.nav ul{
background-image:url(img/transpa_BL_BDA_footer_80_small.png);
background-repeat: repeat;
width:300px;
float:right;
margin-top:15px;
margin-right:0;
padding-bottom:40px;
padding-left:10px;padding-right:10px;
z-index:901;
}
.nav li{
width:100%;
z-index:902;
font-size:0.9em;
font-weight:700;
}
.milinav{

padding-top:10px;text-align:left;border-bottom:solid 1px #FFFFFF;
}
.floatr{
float:right;
margin-right:0; padding-right:0;
z-index:900;
}

.nav li {display:inline;}
.nav li a { display: inline-block; padding: 0.25em 0.5em; margin: 0 0.25em 0.5em 0;border-radius: 0.25em;  text-decoration: none;  background: none; color: #FFFFFF; }
.nav li.on a { background:none; color:#fff; font-weight: normal; }
.nav li a:focus,
.nav li a:hover,
.nav li a:active { background: transparent; color:#fff !important; }
 
a.nav-toggle:link, a.nav-toggle:focus,a.nav-toggle:hover {max-width:1920px; width:100%;height:30px;color:#FFFFFF !important; text-decoration:none; padding-right:1em;}
	a.nav-toggle.active, a.nav-toggle.active:focus background-color:!important transparent; text-decoration:none;color:#FFFFFF !important; outline:none;}


.copyright{
max-width:1600px; width:100%;
font-weight:900;
color:!important #FFFFFF;
text-transform:uppercase;
opacity:1 !important;
margin:0;
padding:0;
}
.copyright a:link{
color:!important #FFFFFF;
}
.copyright a:hover{
color:!important #FFFFFF;
}
.copyright a:focus{
color:!important #FFFFFF;
}
.copyright a:visited{
color:!important #FFFFFF;
}
.login_modal a:link{
color:!important #FFFFFF;
}
.footer{
max-width:1920px; width:100%;
background-image:url(img/transpa_BL_BDA_footer_80_small.png);
background-repeat: repeat;
opacity:1;
margin:0;
padding-left:0;
padding-right:0;
padding-top:2em;
padding-bottom:2em;

}

.mifootcol3{
max-width:1600px; width:100%; margin:0; padding:1em;opacity:1 !important;
}
.mifcol3{
max-width:1600px;width:25%;text-transform:none;text-align:left; line-height:2em;opacity:1 !important; padding-left:1em;
}
.cibloc{
width:100%;
margin-left: 15px;
margin-right: 5px;
padding-left: 15px;
padding-right: 5px;
}
.cibloc .cimulti_colonnes{
max-width:1600px; width:100%;
padding:0; margin:0;
border:none !important;
}

.mur1024 .spip_doc_inner{
margin:0 0 0 0;
padding:0 0 0 0;
max-width:512px;
}
.mur1024 .spip_document_59,
.mur1024 .spip_document_115,
.mur1024 .spip_document_109,
.mur1024 .spip_document_116,
.mur1024 .spip_document_117,
.mur1024 .spip_document_91,
.mur1024 .spip_document_118,
.mur1024 .spip_document_61,
.mur1024 .spip_document_59,
.mur1024 .spip_document_120,
.mur1024 .spip_document_67{
float:left;
position:relative;top:0;
line-height:0;
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
}
.mifcol3 .col_sm_3{
max-width:400px; width:100%;
text-transform:uppercase;
}

.licopyright{
font-weight:900; font-transform:none; color:#FFFFFF; opacity:1 !important;
margin:0;
padding:0;
}
.mifoot{
max-width:1024px;
width:100%;
font-size:90%;
letter-spacing:2px;
text-transform:uppercase;
padding-top:1em;
padding-bottom:!important 1em ; 
}
.regul{
width:96%;
 }
.regul .cibloc cimulti_colonnes .col-sm-4 a:link{
color:#FFFFFF;
opacity:1 !important;
 }

/* flex
------------------------------------------ */


/* titrailles textrailles
------------------------------------------ */

.titre_produits{
font-family: 'Jua', sans-serif;
font-size:120%;
font-weight:700;
letter-spacing:2px;
text-shadow:none;
opacity:1 !important;
margin-bottom:2.5em;
}


/* formulaire
------------------------------------------ */

#formulaire_recherche{
	
	font-size: 1em;
}
.formulaire_recherche input.text {
	width: 15em;
	height:2em;
	padding-left: 20px;
	background-color:#FFFFFF;
	background-image: url(img/blanc_transpa_50);
	background-repeat: no-repeat;
	background-position: left center;
	border: 1px solid #187FC4;
}
.formulaire_recherche input.submit {
	visibility: hidden;
}

/* Gabarit d'impression
------------------------------------------ */
@media print {
    .page,
    .wrapper,
    .content { width: auto; }
    .nav,
    .arbo,
    .aside,
    .footer { display: none; }
}

/* Affichage sur petits ecrans  
Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */
/* largeur maximum 980px */
@media (max-width: 980px) {
	body {   	width: 100%;	height:100%;
}

.titre_sommaire{
position:relative;
top:20em;
}
.titre_sommaire h2{
font-size:1.5em;
}
.titre_sommaire h3{
margin-bottom:0em;
}
.titre_sommaire_en{
position:relative;
top:40em;
}
.titre_sommaire_en h2{
font-size:2em;
}
.titre_sommaire_en h3{
font-size:1.5em;
margin-bottom:10em;
}
.page_rubrique{
max-width:980px;
width:100%;
padding:0 0 0 0; margin: 0 0 0 0;
}
.page_article{
max-width:980px;
width:100%;
padding:0 0 0 0; margin: 0 0 0 0;
}
.page_mot{

}
.page_404{
max-width:980px;
width:100%;
padding:0 0 0 0; margin: 0 0 0 0;
}
.page_contact{

}
.page_auteur{

}
.page_plan .page{ 
position: relative; top:5em; max-width:980px; width: 100%; height:auto; margin:0; padding-left:1em; padding-right:1em; padding-top:1em;padding-bottom:3.5em;
}
.page_site{

}
.page_recherche{

}

	.page {  	width: 100%;  	max-width: none;	}
.footer{
max-width:980px;
width:100%;
padding:0 0 0 0; margin: 0 0 0 0;
}

}

/* largeur maximum 820px */
@media (max-width: 820px) {
	body {   	width: 100%;	height:100%;}

.page_sommaire{
max-width:820px;
width:100%;
padding:0 0 0 0; margin: 0 0 0 0;
}
.page_rubrique{
max-width:820px;
width:100%;
padding:0 0 0 0; margin: 0 0 0 0;
}
.page_article{
max-width:820px;
width:100%;
padding:0 0 0 0; margin: 0 0 0 0;
}
.page_mot{

}
.page_404{
max-width:820px;
width:100%;
padding:0 0 0 0; margin: 0 0 0 0;
}
.page_contact{

}
.page_auteur{

}
.page_plan .page{ 
position: relative; top:5em; max-width:720px; width: 100%; height:auto; margin:0; padding-left:1em; padding-right:1em; padding-top:1em;padding-bottom:3.5em;
}
.page_site{

}
.page_recherche{

}
.titre_sommaire{
position:relative;
top:20em;
}
.titre_sommaire h3{
font-size:1.5em;
}
.titre_sommaire_en{
position:relative;
top:10em;
}
.titre_sommaire_en h3{
font-size:1.5em;
margin-bottom:5em;
}
.mireserv_en{
position:relative; top:0em; z-index:100;
text-transform:uppercase;
font-weight:700;
text-shadow: 0px 0px 6px #000000;
margin-bottom:2em;
}
.cibloc{
max-width:720px;
width:100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}


	.page {  	width: 100%;  	max-width: none; padding-bottom:0;margin-bottom:0;	}

.flex-container1{
    flex-direction: column;
	flex-align:left;
align-content:center;
}
.flex-container2{
    flex-direction: column;
	flex-align:left;
align-content:center;
}
.flex-container1 > div {
max-width:480px;
width:100%;
margin:1%;
margin-left:0;
}
.flex-container2 > div {
max-width:480px;
width:100%;
margin:1%;
margin-left:0;
}
#idMM1{

order:2;
}
#idMM2{

order:1;
}
.edito,
.recents{
margin-top:2em; margin-bottom:2em; margin-left:0; text-transform:uppercase; text-align:center;
}


.footer{

}
}

/* largeur maximum 640px */
@media (max-width: 640px) {
     /* layout */
body{
max-width:none;
width:100%;
}

.page_sommaire{
max-width:640px;
width:100%;
padding:0;
margin:0;
background-image:url(img/les-arcs_argens_var_cote-d-azur_640x1080_reduit.jpg);
background-repeat: no-repeat;
background-position:top center;
}
.page_sommaire .logo_top{
display:none;
}
.page_rubrique .logo_top{
display:none;
}
.page_article .logo_top{
display:none;
}
.td45{
width:40px; height:40px;
padding:1em;
margin-top:4em;

}
.page_rubrique{
max-width:640px;
width:100%;
padding:0 0 0 0; margin: 0 0 0 0;
}
.logo640{
position:relative;
top:-3em;
}
.page_article{
max-width:640px;
width:100%;
padding:0 0 0 0; margin: 0 0 0 0;
}
.page_mot{

}
.page_404{
max-width:640px;
width:100%;
padding:0 0 0 0; margin: 0 0 0 0;
}
.page_contact{

}
.page_auteur{

}
.page_plan .page{ 
position: relative; top:5em; max-width:640px; width: 100%; height:auto; margin:0; padding-left:1em; padding-right:1em; padding-top:1em;padding-bottom:3.5em;
}
.page_site{

}
.page_recherche{

}
.mibig{
display:none;
}
.mismall{
display:block;
}

.logo_titre{
top:60px;
padding-right:60%;
}
.titre_sommaire{
position:relative;
top:20em;
}
.titre_sommaire_en{
position:relative;
top:8em;
}
.titre_sommaire h2{
font-size:1.5em;
letter-spacing:0.1em;
font-weight:700;
}
.titre_sommaire_en h2{
font-size:1.5em;
letter-spacing:0.1em;
font-weight:700;
}
h2 .som{
padding-left:0;padding-right:0; padding-top:0.5em; padding-bottom:0.5em;
}
.titre_sommaire h3{
font-size:1.2em;
letter-spacing:0.1em;
font-weight:700;
margin-bottom:10em;
}
.titre_sommaire_en h3{
font-size:1.2em;
letter-spacing:0.1em;
font-weight:700;
margin-bottom:6em;
}
.page_sommaire .page{ 
position: relative; top:7em; max-width:640px; width: 100%; height:auto; margin:0; padding:0;
}
.page_article .spip_logo{
position:relative;
top:50px;
}
.sommaire_1{
margin-top:0em;
max-width:640px;
width:100%; 
text-align:left; 
background-color: #62C1C8; 
opacity:1 !important; 
padding:1.5em;
font-weight:500 !important;
font-size:100%;
color:#FFFFFF;
}
h1 .titre_article{
position:relative;
top:1em;
font-size:150%;
margin-bottom:4em;

}
.article2{
background:transparent;
}

h2 .titre_produits{

font-size:1em;

}
.page_rubrique .spip_logo{
position:relative;
top:50px;
}
.mipad{
padding:5px;
}
.mipad15{
padding:15px;
}
h1 .titre_rubrique{
position:relative;
top:1em;
font-size:120%;
margin-bottom:4em;

}


.slog_sommaire{
margin-bottom:15em;
}
.slog{
font-size:1.2em;
}
.page_article,
page_rubrique{
max-width:640px;
width:100%;
}
.page_article .page{
max-width:none;
width:100%;
}
.page_rubrique .page{
max-width:none;
width:100%;
}
.cibloc{
max-width:640px;
width:100%;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
    .wrapper,
    .content,
    .aside { width: 100%;}
    .content,
    .aside { clear: both; float: none; width: 100%; }

.footer{

}
.copyright{
font-size:0.85em;
}
    /* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
    
    .arbo { display: none; }
    .footer .colophon { width: auto; float: none; }
    .footer .generator { display: none; }

    /* header du calendrier full-calendar */
    table.fc-header td { display: block; text-align: left; }

}
/* largeur maximum 499x */
@media (max-width: 499px) {
.nav{margin-top:-1em;padding:0;
}

/* largeur maximum 480x */
@media (max-width: 480px) {
body{
margin:0 0 0 0;
padding:0 0 0 0;
}
.titre_top{
margin-left:0.3em; 
}

.page_sommaire{
max-width:480px;
background-position:top left;
}
.page_rubrique{

}
.slog_sommaire{
background:none; opacity:1; border:solid 1px green;text-align:center; padding-top:10em; margin-bottom:3em;
}
.slog{

}
.page{

}
.titre_sommaire h2{
font-size:1.2em;
}
h2 .som{
border:none;}
.G_titre{
margin-bottom:15em;
}
.sommaire_1 h1{
font-size:1em;
}
.article2{
padding:0.4em;
}

}
/* largeur maximum 430x */
@media (max-width: 430px) {
.nav {margin-top:0em;
}
}


/* largeur maximum 380x */
@media (max-width: 380px) {

.slog_sommaire{
background:none; opacity:1; border:solid 1px green;text-align:center; padding-top:7em; margin-bottom:3em;
}
.G_titre{
margin-bottom:6em;
}
.ma_top_barre{
padding-left:0em;width:100%;
}
.logo_top{
margin-right:0em;
margin-left:0; padding-left:0;
left:0;
}
.article2{
padding:0.1em;

}
.titre_sommaire{
position:relative;
top:20em;
}
.titre_sommaire_en{
position:relative;
top:8em;
}
.titre_sommaire h2{
font-size:1.2em;
}
.titre_sommaire_en h2{
font-size:1.2em;
}

.titre_sommaire h3{
font-size:1em;

}
.titre_sommaire_en h3{
font-size:1.2em;
margin-bottom:4em;
}
}
/* largeur maximum 330x */
@media (max-width: 330px) {
.spip_logo_site{

}
.titre_top{
margin-top:2em;
margin-left:0.3em; 
font-size:0.90em;
z-index:600;
}
.titre_sommaire h2{
font-size:1em;
}
.titre_sommaire_en h2{
font-size:1em;
}
.article2{
padding:0.1em;
}
}
/* fin */