/********************/
/******* GLOBAL *****/
/********************/

body{
margin:0;
padding:0;
background-repeat:no-repeat;
background-position:top center;
background-size:auto;
}

#Global{
margin:auto;width:100%;
height:100%;
background-color:#edece7;
border-collapse:collapse;
}

#Global tr.top{
background-image: url(/images/backgroundTop.png);
background-repeat:no-repeat;
background-position:top center;
background-size:auto;
}

#Global tr.bottom{
background-image: url(/images/backgroundBottom.png);
background-repeat:no-repeat;
background-position:top center;
background-size:auto;
}

a{color:#003c64;}
a:hover{color:#7ab41d;}

/*
#Corps .Bloc #slider1{
float:left;
padding:0;
margin:0 0 10px 0;
max-width:100%;
}
*/

#Menu .logo{
position:relative;
z-index:999;
float:left;
margin-right:30px;
}
#Menu .logo img{
float:left;
} 
#Menu .logo a{
background:none;
border:none;
float:left;
}

#Menu .facebooketc{
position:relative;
z-index:999;
line-height:25px;
vertical-align:bottom;
float:right;
margin-top:18px;
}

#Menu .facebooketc a{ margin-left:20px;}
#Menu .facebooketc a:first-child{margin-left:0px;}
#Menu .facebooketc .boutique{
line-height:25px;
background:#95b64c;
vertical-align:top;
padding:5px;
 margin-left:20px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
margin-top:-18px;
}

#Menu .facebooketc .boutique a{
text-decoration:none;
margin-left:0px;
font-family:arial\9;
font-family:'AvenirDemiBold', Arial;
color:#232721;
}

#Menu .facebooketc .boutique:hover{
background:#e7bd06;
}

/********************/
/******* CORPS ******/
/********************/

#Corps{
float:left;
clear:left;
height:100%;
}

#Corps .Titre h1{
font-size:26px;
color:#768193;
font-weight:normal;
text-transform:uppercase;
letter-spacing:0px;	
}

#Corps a{ color: #00a4f2; }
#Corps a:hover{ color: #c6c7c8; }

/*COL G - BLOCS */

#Corps .colg {
float:left;
width:74%;
border-collapse:collapse;
}

#Corps .bloc-article_pass{
cursor:pointer;
margin-top:23px;
width:70%;
margin-left:20px;
float:left;
background:#95b64c url(/images/link2Parcs.png) no-repeat 98% center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

#Corps .bloc-article_pass:hover{
background:#95b64c url(/images/link2ParcsHover.png) no-repeat 98% center;
}

#Corps .bloc-article_pass .picto{float:left;margin:10px}
#Corps .bloc-article_pass div{
float:left;
}

#Corps .bloc-article_pass h1.titre{
font-size:24px;
margin-top:15px;
color:#edece7;
font-weight:normal;
text-transform:uppercase;
letter-spacing:0px;
font-family: 'AppleBerry', Arial;
}

#Corps .bloc-article_pass p{
margin-left:0;
font-size:15px;
}

#Corps .bloc-article_pass p strong{
color:#232721;
}

#Corps .colg .Bloc{
border:20px solid #edece7;
font-family:arial;
background:#DADAB9;
background-image:url(/images/backgroundTdActu.png);
background-size:100% auto;
background-repeat:no-repeat;
background-position:bottom center;
vertical-align:top;
}

#Corps .colg .Bloc .image{
float:left;
width:100%;
height:130px;
background-position:top center;
background-size:100% auto;
background-color:#617a41;
background-repeat:no-repeat;
margin-bottom:15px;
}

#Corps .colg .Bloc .image p{
display:none;
}

#Corps .colg .bloc-texte{
padding-left:2.5%;
}

#Corps .colg .Bloc .bloc-texte{
width:auto;	
background-color:#d4d7db;
}

#Corps .colg .Bloc .bloc-image{
background-color:yellow;
margin-right:15px;
height:100%;
}

#Corps .colg .Bloc .img-accueil-article{
float:left;
border:none;
margin:0;
padding:0;
width:auto;
height:100%;
}


/*COL D - ACTU */
#Corps .cold{
width:auto;
margin-top:23px;
}

#Corps .cold .bloc-article_1er{
background:#AF403A;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
height:40px;
line-height:40px;
margin-bottom:15px;
cursor:pointer;
}

#Corps .cold .bloc-article_1er:hover{
background:#748842;
}

#Corps .cold .bloc-article_1er img{
width:auto;
float:left;
margin:4px 5px 0 15px;
}

#Corps .cold .Bloc{
margin-bottom:10px;
padding:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

#Corps .cold h1.titre{
font-size:20px;
color:#222620;
font-weight:normal;
text-transform:normal;
letter-spacing:0px;
font-family:arial\9;
font-family: 'AppleBerry', Arial;	
}

#Corps .cold .bloc-article .titre{
margin:0 5%;
padding-top:5%;
font-size:28px;
}

#Corps .cold .bloc-article_1er h1.titre{
color:#edece7;
font-size:14px;
}

#Corps .cold .bloc-article{
margin-bottom:5%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
max-width:100%;	
padding-bottom:5%;	
}

#Corps .cold .bloc-article img{
max-width:90%;	
margin:5%;
}

#Corps .cold .bloc-article p{
margin:0 5%;
margin-bottom:5px;
}

#Corps .cold .bloc-article p a{
text-decoration:none;
color:#222620;
font-family:arial\9;
font-family:'AvenirDemiBold', Arial;
}

#Corps .cold .bloc-article p a:hover{
color:#fff;
}

#Corps #tab {
border-collapse: collapse;
}



/*********************/
/******** PAGE *******/
/*********************/

#Corps .colgPage p{margin-left:0px;}

#Corps .colgPage ul.diaporama{
display:inline;
list-style-type:none;
}

#Corps .colgPage .image-principale{
width:280px;
margin-right:15px;
margin-bottom:15px;
float:left;
}

#Corps .colgPage .image-principale img{
float:left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}


#Corps .colgPage .diaporama li{
float:left;
margin:15px 15px 0 0;
}

#Corps .colgPage .diaporama li:last-child{
margin:15px 0 0 0;
}

#Corps .colgPage .diaporama li img{
width:150px;
height:150px;
float:left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

}


#Corps .colgPage .territoire{
float:left;
width:100%;
margin-bottom:10px;
}

#Corps .colgPage .territoire h2{
/*nom territoire*/
font-family:arial\9;
font-family:'AppleBerry',Arial;
font-size:18px;
color:#72845B;
margin-bottom:5px;
border-top:1px solid #232721;
padding-top:10px;
}

#Corps .colgPage .territoire h2 a{
text-decoration:none;
color:#72845B;
} 
#Corps .colgPage .territoire h2 a:hover{
color:#232721;
}
#Corps .colgPage .territoire .singes{
float:left;
text-align:center;
margin:0 2% 2% 0;
}
#Corps .colgPage .territoire .singes a{
color:#574A4D;
font-family:arial\9;
font-family:'AvenirDemiBold', Arial;
font-size:13px;
text-decoration:none;
}
#Corps .colgPage .territoire .singes img{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#Corps .colgPage .territoire .singes a:hover{
color:#95B64C;
}

#Corps .col-gauche {
max-width:280px;
}

#Corps .col-gauche .titre{
margin:0;
margin-bottom:5px;
color:#0b3b64;
font-size:26px;
font-weight:normal;
text-transform:uppercase;
letter-spacing:0px;		
}

#Corps .col-gauche .image-principale{
max-width:280px;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dotted #0b3b64;
}

#Corps .col-gauche .bloc-article{
margin-bottom:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

#Corps .col-gauche .bloc-article img{
max-width:100%;	
}

#Corps .col-gauche .bloc-article .titre{
margin:0 10px 0 10px;
padding-top:10px;
color:white;
font-size:20px;
color:#fff;
font-weight:normal;
text-transform:uppercase;
letter-spacing:0px;	
}

#Corps .col-gauche .bloc-article p{
padding-bottom:10px;	
margin:0 10px 0px 10px;
}

#Corps .col-gauche .bloc-article p a{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;	
padding:2px 5px;
text-decoration:none;
font-size:13px;
font-weight:300;
background:white;
color:#0b3b64; /*bleu*/
font-weight:bold;
}

#Corps .col-gauche .bloc-article p a:hover{
background:black;
color:white; /*bleu*/
}

/*COLONNE CENTRALE*/
#Wrapper #Corps .col-centrale{
float:right;
}

#Corps .col-centrale .bloc .image-principale{
margin-bottom:10px;
}

#Corps .col-centrale .bloc .image-principale img{
width:100% !important; 
}

#Corps .col-centrale .bloc{
height:auto;
float:left;
width:100%;
height:auto;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dotted #0b3b64;
}

#Corps .col-centrale .bloc .titre-bloc{
color:#0b3b64;
margin-bottom:5px;		
font-size:22px;
font-weight:normal;
text-transform:uppercase;
letter-spacing:0px;	
}

#Corps .col-centrale .bloc p{
margin-bottom:5px;
}
#Corps .col-centrale p{
margin-left:0;
}

/*Galerie*/
#Corps .col-centrale .galerie{
padding:10px;

}

#Corps .col-centrale .galerie img{
width:100%;
}

#Corps .youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
#Corps .youtube iframe,
#Corps .youtube object,
#Corps .youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.twitter-button{float:left;}
#Corps .Bloc .fichiers ul{
list-style-type:none;
}

#Corps .Bloc .fichiers {
float:left;
width:100%;
border-top:1px dotted #72845b;
}

#Corps .Bloc .fichiers li{
float:left;
width:100%;
padding-top:10px;
border-bottom:1px dotted #72845b;
}

#Corps .Bloc .fichiers li img.icone{
float:left;
margin-right:10px;
}

#Corps .Bloc .fichiers li span{
float:left;
width:90%;
}
#Corps .Bloc .fichiers li h3{
margin-bottom:5px;
}

#Corps .Bloc .fichiers li p{
clear:left;
float:left;
}


#Corps .Access input.passinput{
border:1px solid #72845b;
padding:5px;
margin-bottom:10px;
font-size:16px;
}

#Corps .Access .error{
color:red;
font-family:arial\9;
font-family:'AvenirRegular', Arial;
font-size:18px;
margin-bottom:5px;
}

#Corps .Access input.subinput{
font-family:arial\9;
font-family:'AppleBerry', Arial;
font-size:22px;
border:none;
background:#72845b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color:#fff;
padding:5px 5px 0px 5px;
line-height:22px;
cursor:pointer;
}

#Corps .Access input.subinput:hover{
color:#72845b;
background:transparent;
border:1px solid #72845b;
}

#Corps .colgPage .chapeau{
margin-bottom:20px;
float:left;
width:100%;
} 
#Corps .cold .bloc-article{float:left;}
#Corps .cold .fichiers ul{width:100%;list-style-type:none;float:left;}
#Corps .cold .fichiers img{width:auto;float:left;}
#Corps .cold .fichiers ul li a{color:#fff;font-size:16px;}
#Corps .cold .fichiers ul li h3{padding-top:8px;}

#Corps #linkcollection{

}
#Corps #linkcollection li{
font-size:16px;
line-height:22px;
margin-bottom:0px;
margin-left:20px;
list-style-type:disc;
}


/* PIED */
#Pied{
text-align;center;
float:left;
width:100%;
margin-bottom:50px;
min-height:672px;
}

#Pied #pictos{
float:left;
max-width:980px;
margin:auto;
}

#Pied #pictos{
float:left;
width:100%;
margin:auto;
text-align:center;
background:url(/images/transparencePiedClair.png);
border-collapse:collapse;
min-height:140px;
}

#Pied #pictos td{
vertical-align:top;
height:120px;
padding:25px 5px 5px 5px;
}
#Pied #pictos td a{
font-family:arial\9;
font-family: AppleBerry, Arial;
font-size:14px;
line-height:14px;
text-decoration:none;
color:#222620;
}

#Pied #pictos td a:hover{
color:#72845b;
}

#Pied #infosliens{
clear:left;
display:block;
height:237px;
max-width:980px;
margin:auto;
background:url(/images/transparencePiedFonce.png);
}

#Pied #infosliens .carte{float:left;width:43%;margin-top:25px;}
#Pied #infosliens .carte img{float:left;clear:none;margin:-10px 15px 0 15px;}
#Pied #infosliens .carte p{color:#fff;font-family:arial\9;font-family:'AvenirRegular',Arial;font-size:18px;}
#Pied #infosliens .carte a{color:#fff;text-decoration:none;}
#Pied #infosliens .carte a:hover{color:#72B1B8;}

#Pied #infosliens .proximite{float:left;width:17%;margin-top:25px;}
#Pied #infosliens .proximite p{color:#72B1B8;font-family:arial\9;font-family:'AvenirDemiBold',Arial;text-transform:uppercase;font-size:18px;}
#Pied #infosliens .proximite a{font-family:'AvenirRegular',Arial;color:#72B1B8; text-decoration:none;}
#Pied #infosliens .proximite a:hover{color:#e7bd06;}

#Pied #infosliens .links{float:left;width:20%;margin-top:25px;}
#Pied #infosliens .links p{color:#fff;font-family:arial\9;font-family:'AvenirRegular',Arial;text-transform:uppercase;font-size:18px;}
#Pied #infosliens .links a{color:#fff;font-size:18px;text-decoration:none;}
#Pied #infosliens .links a:hover{color:#9eb555;}

#Pied #infosliens .logovds{float:left;width:20%;margin-top:25px;}

#Pied #tableliens ul{
width:20%;
float:left;
} 
#Pied #tableliens ul li{display:block;line-height:14px;margin-bottom:5px;width:70%;}
#Pied #tableliens ul li.titre{color:#95B64C;font-family:arial\9;font-family:'AvenirDemiBold',Arial;text-transform:uppercase;font-size:14px;}
#Pied #tableliens ul li a{text-decoration:none;font-family:arial\9;font-family:'AvenirRegular',Arial;font-size:14px;color:#938F65;}
#Pied #tableliens ul li a:hover{color:#95B64C;}
#Pied #tableliens .blocliens{color:#95B64C;text-transform:uppercase;}
#Pied #tableliens .blocliens li{width:100%;}
#Pied #tableliens .blocliens a{font-family:arial\9;font-family:'AvenirDemiBold';color:#95B64C;}
#Pied #tableliens .blocliens a:hover{color:#e7bd06;}
#Pied #ecopass{float:right;margin-right:25px;}
#Pied #ecopass a{color:#938F65;text-decoration:none;font-family:arial\9;font-family:'AvenirRegular',Arial;font-size:14px; margin-right:20px; }
#Pied #ecopass a:hover{color:#95B64C}

/**/
#TA_cdsscrollingravenarrow626{padding-top:25px;margin-bottom:20px;float:left;}

#iframe-facebook_ordi,
#iframe-facebook_tablette{
margin:10px;
border-radius:10px;
background:white;
text-align:center;
margin-bottom:30px;
}
#iframe-facebook_smartphone{
width:100%;
float:left;
border-radius:10px;
background:white;
text-align:center;
margin:10px 0;
}

#Contents.ordi .coldlogos,
#Contents.portable .coldlogos,
#Contents .ordi .coldlogos{
width:100%;
position:relative;
text-align:center;
float:left;
}

#Contents.portable .coldlogos p,
#Contents.ordi .coldlogos p,
#Contents .ordi .coldlogos p{
font-size:22px;
font-family:'AppleBerry', arial;
font-weight:normal;
color:#50623c;
}

#Contents.portable .coldlogos .divlogos,
#Contents.ordi .coldlogos .divlogo,
#Contents .ordi .coldlogos .divlogo{
text-align:center;
padding:0;
float:left;
margin-bottom:10px;
width:100%;
}

#Contents.ordi .coldlogos .divlogos img,
#Contents.portable .coldlogos .divlogos img,
#Contents .ordi .coldlogos .divlogos img{
width:50px;
vertical-align:middle;
margin:0 10px 5px 10px;
padding:0;
}