@charset "utf-8";
/* CSS Document */

/* 
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                        ___                                        _                             _                   
                       / _ \__ _ ___ ___  ___ _   _ _ __ ___    __| | ___   ___  __ ___   _____ (_)_ __ ___ 
                      / /_)/ _` / __/ __|/ _ \ | | | '__/ __|  / _` |/ _ \ / __|/ _` \ \ / / _ \| | '__/ __|
                     / ___/ (_| \__ \__ \  __/ |_| | |  \__ \ | (_| |  __/ \__ \ (_| |\ V / (_) | | |  \__ \ 
                     \/    \__,_|___/___/\___|\__,_|_|  |___/  \__,_|\___| |___/\__,_| \_/ \___/|_|_|  |___|   
                                                      
                                                                             #                                                        
                                                                             @                                                        
                                                                             @                                                        
                                                                            ;#                                                        
                                                                         +@@@@                                                        
                                                                          :@@@`                                                       
                                                    #@@@                   @  @@@@:                                                   
                                                   .@@@@@                 `@   +@@@@.                                                 
                                                   @@@@@@                 @ `@@@@@ @@@@                                               
                                                   @@@@@@                :@ ;@@@@@@ @@@@`                                             
                                                   :@@@@                 @   @@@@@@  @@@@                                             
                                                   +@@@@                 @   @@@@@@,;@@@@                                             
                                              @@@@@@@@@@@@@@@.          @`     #@@@@@@@@@@@                                           
                                             '@@@@@@@@@@@@@@@,          @     #@@@@@@@@@@@@                                           
                                             @@@@@@@@@@@@@@@@:         ''   #@@@@@@@@@@@@@@@@                                         
                                             @@@@@@@@@@@@@@@@,         @    @@@@@@@@@@@@@@@@@@                                        
                                            @@#  @@@@@@@@@@,.         @@ `#@@      @@@@@@@@@@@                                        
                                            @@: `@@@@@@@@@@          @@@@@@@@       @@@@@@@@@@@                                       
                                           @@@  @@@@@@@@@@@           @               @@@@@@@@@@@                                     
                                           @@  @@@@@@@@@@@@          @,               @@@@@@@@@@@@                                    
                                           @@@' @@@@@@@@@@@.        ,@               @@@@@@@@@@@@@                                    
                                           @@@  @@@@@@@@@@@.        @+               @@@@@@@@@@@@+                                    
                                          @     #@@@@@@@@@@        ;@               `@@@@@@@@@@;                                      
                                        @@      '@@@@@@@@@@        @+               @@@@@@@@@@@                                       
                                      @@         @@@@@@@@@        @'                 @@@@@@@@@@                                       
                                     @@          @@@@@@@@@        @                  @@@@@@@@@#                                       
                                  `@@#            @@@@@@@@       @@                  @@@@@@@@@;                                       
                                 @@@@             +@@@@@@        @                   .@@@@@@@@                                        
                               @@@@                 @@@+        @'                    @@@@ @@                 @#                      
                              ;@@@                  @@@@        @,                    @@@@ @@                @@'                      
                            +@@@'                   @@@@       @@                     @@@@.@+           @@@@@@@                       
                           @@@@@@@@@@@@@@@@@@@@@@@@@@@@+      @@@         :++;.       @@@@@@@  `:#@@@@@@@@@@@@                        
                         @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@,                         
                        .@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+                          
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

Agence web en Côtes d'Armor                                                                                                  

http://passeurs-de-savoirs.fr

*/



@font-face {
    font-family: 'liberation_sans';
    src: url('liberationsans-regular-webfont.eot');
    src: url('liberationsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('liberationsans-regular-webfont.woff') format('woff'),
         url('liberationsans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'liberation_sans';
    src: url('liberationsans-bold-webfont.eot');
    src: url('liberationsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('liberationsans-bold-webfont.woff') format('woff'),
         url('liberationsans-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}



@font-face {
    font-family: 'agency';
    src: url('agency2-webfont.eot');
    src: url('agency2-webfont.eot?#iefix') format('embedded-opentype'),
         url('agency2-webfont.woff') format('woff'),
         url('agency2-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}






/* Style généraux page*/
body {
	font-size: 1em;
	color: rgba(0,0,0,1);
	background-color: rgba(255,255,255,1);
	font-family: "liberation_sans", sans-serif;
	background-image: url(../images_page/background-body-hachure.gif);
}

/* Style haut de page*/

#haut_de_page {
	background-image: url(../images_page/courbes.png);
	background-position: center top;
	background-size: cover;
	padding-top: 10px;
	height: auto;
	width: 100%;
}
#bandeau_top {
	background-color: rgba(255,255,255,0.5);
	height: auto;
}

.titre_de_page {
	font-family: agency;
	font-size: 250%;
	padding-top: 0px;
	padding-bottom: 10px;
	color: rgba(119,20,105,1);
	font-weight: bold;
}.titre_de_page a {
	
	color: rgba(119,20,105,1);
text-decoration:none}
#diapo {
	position: relative;
}
#conteneur_dia a,#conteneur_dia img
{
	display: block;
	height: auto;
	width: 100%;
}

.cmt_dia {
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(255,255,255,0.5);
	padding-top: 10px;
	z-index: 8000;
	background-size: cover;
	padding-bottom: 10px;
	border-radius: 10px 0% 0px 0px;
}
@media screen and (max-width:980px) {

    .cmt_dia {
		display:none
    }   
}
#dia_titre {
	font-family: "liberation_sans", sans-serif;
	color: rgba(119,20,105,1);
	font-size: 120%;
	font-weight: bold;
	text-align: right;
	padding-bottom: 5px;
	padding-right: 10px;
	text-transform: uppercase;
}
#dia_detail {
	font-size: 100%;
	color: rgba(119,20,105,1);
	text-align: right;
	font-weight: bold;
	padding-right: 10px;
}

/* pager */
.example-pager {
	text-align: right;
	width: 50%;
	z-index: 9000;
	position: absolute;
	top: 10px;
	overflow: hidden;
	right: 10px;
}
.example-pager span {
	font-family: arial;
	font-size: 50px;
	width: 16px;
	height: 16px;
	display: inline-block;
	color: #007BA5;
	cursor: pointer;
}
.example-pager .cycle-pager-active {
	color: #FDC513;
}
.example-pager .cycle-pager > * { cursor: pointer;}




#container_menu {
	background-color: rgba(0,123,165,1);
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: rgba(253,197,19,1);
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	z-index: 9000;
	height: auto;
	width: 100%;
	margin: 0px;
}
#container_menu.floatable {
	position: fixed;
	top: 0px;
	height: auto;
	-moz-box-shadow: 0px 2px 2px 0px #555555;
	-webkit-box-shadow: 0px 2px 2px 0px #555555;
	-o-box-shadow: 0px 2px 2px 0px #555555;
	box-shadow: 0px 2px 2px 0px #555555;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#555555, Direction=180, Strength=2);

	
}
#centre_de_page {
	background-color: rgba(230,230,230,0.5);
	background-image: url(../images_page/background-body-hachure.gif);
}
/*Centre de page*/
#centre_de_page .container_12 {
	background-color: rgba(255,255,255,1);
	padding-top: 10px;
	padding-bottom: 10px;
}

#zone_texte_accueil #zone_actus {
	background-color: rgba(240,240,240,1);
	border-radius: 5px;
	padding: 10px;
}
.actu {
	/* [disabled]padding: 10px; */
	/* [disabled]background-color: rgba(255,255,255,0.5); */
	width: 100%;
}
.actu h3 {
	font-size: 120%;
	padding-bottom: 5px;
	font-weight: bold;
}
.actu img {
	height: auto;
	width: 45%;
	display: block;
	float: left;
	border-radius: 5px;
	margin-right: 10px;
}
#zone_actus .miniaturenews {
	padding-top: 10px;
	padding-bottom: 10px;
	/* [disabled]background-color: rgba(255,255,255,0.5); */
	margin-top: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: rgba(0,123,165,1);
}
#zone_actus .miniaturenews .imageminiature {
	width: 20%;
	float: left;
}
#zone_actus .miniaturenews .imageminiature a {
	display: block;
	margin-right: 5px;
}
#zone_actus .miniaturenews .imageminiature a img {
	display: block;
	height: auto;
	width: 100%;
	border-radius: 3px;
}

/*.actu  a, .agenda a {
	display: block;
	float: right;
	padding: 5px;
	color: rgba(255,255,255,1);
	background-color: rgba(0,123,165,1);
	border: 2px solid rgba(253,197,19,1);
	text-decoration: none;
}
.actu  a:hover, .agenda a:hover {
	background-color: rgba(119,20,105,1);	
}*/



.actu  a, .agenda a {
	display: block;
	float: right;
	color: rgba(253,197,19,1);
	background-color: rgba(0,123,165,1);
	border: 2px solid rgba(253,197,19,1);
	text-decoration: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	background-image: url(../images_page/fleche_jaune.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	border-radius: 3px;
}
.actu  a:hover, .agenda a:hover {
	background-color: rgba(119,20,105,1);
	background-image: url(../images_page/fleche_blanche.png);
	background-position: 10px;
	border-top-color: rgba(119,20,105,1);
	border-right-color: rgba(119,20,105,1);
	border-bottom-color: rgba(119,20,105,1);
	border-left-color: rgba(119,20,105,1);
	color: rgba(255,255,255,1);
}

#zone_actus h2 {
	color: rgba(0,123,165,1);
}

#zone_actus h2, #zone_agenda h2 {
	font-size: 200%;
	
	margin-bottom: 10px;
	font-family: agency;
	font-weight: bolder;
	font-variant: normal;
	text-transform: uppercase;
}

/*agenda page d'accueil*/
.agenda {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: rgba(136,159,79,1);
}
#zone_agenda {
	margin-top: 20px;
	margin-bottom: 10px;
	background-color: rgba(255,255,255,0.4);
	padding: 5px;
}
.agenda img {
	display: block;
	width: 20%;
	height: auto;
	float: left;
	margin-right: 10px;
	border-radius: 3px;
}
#zone_agenda h2 {
	color: rgba(119,20,105,1);
}
#zone_agenda .agenda h4 {
	/*font-family: montserratweb;*/
	font-weight: normal;
	color: rgba(201,12,15,1);
	font-variant: small-caps;
}
#zone_agenda .agenda h3 {
	font-size: 130%;
	color: rgba(119,20,105,1);
}
.boutonvoirtout {
	height: 30px;
	width: 30px;
	border: 2px solid rgba(119,20,105,1);
	background-image: url(../images_page/fleche_violette.png);
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50%;
	margin-right: 5px;
	float: left;
}
.voirtout a {
	display: block;
	font-size: 110%;
	line-height: 30px;
	padding: 2px;
	background-color: rgba(255,255,255,1);
	width: auto;
	color: rgba(119,20,105,1);
	text-decoration: none;
	text-align: center;
	border-radius: 5px;
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
	text-transform: uppercase;
}


.bloclateral {
	margin-bottom: 20px;
	background-color: rgba(240,240,240,0.8);
	padding: 10px;
	border-radius: 5px;
}
.bloclateral h3 {
	font-family: Agency;
	font-size: 200%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: rgba(119,20,105,1);
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: rgba(119,20,105,1);
}
.bloclateral  li {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	background-image: url(../images_page/fleche_violette.png);
	background-repeat: no-repeat;
	background-position: left center;
}.bloclateral  li:hover {
	background-color: rgba(253,197,19,1);
	background-position: 5px center;	
}
.bloclateral  a {
	color: rgba(119,20,154,1);
	text-decoration: none;
}
/*.bloclateral  a:hover {
	color: rgba(119,20,154,1);
	text-decoration: none;
}*/
.bloclateral p {
	line-height: 1.5;
}
#lettreinfo input {
	display: block;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding: 5px;
	width: 90%;
	border: 1px solid rgba(119,20,105,1);
	color: rgba(51,51,51,1);
	border-radius: 3px;
}
#btfb {
	display: block;
	width: 90%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	height: auto;
}

/*pied se page*/
#pied_de_page {
	color: rgba(255,255,255,1);
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba(119,20,105,1);
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: rgba(253,197,19,1);
	
}
.avecmap {
	background-image: url(../images_page/cartegdl.png);
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
}
.avecmap img {
	display: block;
	height: auto;
	width: 100%;
}
.avecmap a {
	color: rgba(255,255,255,1);
	text-decoration: none;
}
.avecmap p {
	padding: 5px;
	text-align: center;
}




.infos_bas_de.page h3 {
	font-family: agency;
	font-weight: normal;
	font-size: 180%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,1);
	letter-spacing: 1px;
}









.infos_bas_de.page a {
	color: rgba(255,255,255,1);
	text-decoration: none;
}
.infos_bas_de.page p {
	margin-bottom: 5px;
}

.infos_bas_de.page a:hover {
	color: rgba(119,20,105,1);
	background-color: rgba(253,197,19,1);	
}
.cartoucheblanc {
	background-color: rgba(255,255,255,1);
	padding: 5px;
	border-radius: 5px;
	color: rgba(119,20,105,1);
	background-image: url(../images_page/background-body-hachure.gif);
}
#armoiriesville {
	display: block;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}



#back_to-top a {
	display: block;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	height: auto;
	width: 40px;
	border: thin solid rgba(255,255,255,1);
	padding: 2px;
	border-radius: 50%;
}
#breadcrumb {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FDC513;
	font-size: 90%;
	color: #007BA5;
}
#breadcrumb a {
	color: #007BA5;
}
#texte {
	line-height: 1.5;
	font-weight: normal;
	padding-bottom: 24px;
	font-size: 110%;
}
#texte  a {
	font-weight: bold;
	color: rgba(119,20,105,1);
	text-decoration: none;
}


#texte  a:hover {
	background-color: rgba(253,197,19,1);
}
#texte  a.pdf {
	padding-left: 20px;
	background-image: url(../images_page/icopdf.png);
	background-repeat: no-repeat;
	background-position: 2px center;
}
#texte a.grosbouton {
	display: block;
	text-align: center;
	margin: 10px;
	padding: 5px;
	border: thin solid rgba(253,197,19,1);
	color: rgba(255,255,255,1);
	background-color: rgba(0,123,165,1);
	border-radius: 2px;
}
#texte a.grosbouton:hover {
	border: thin solid rgba(253,197,19,1);
	color: rgba(255,255,255,1);
	background-color: rgba(119,20,105,1);
}
#texte h1 {
	font-family: Agency;
	font-size: 250%;
	padding-bottom: 10px;
	line-height: 1;
	letter-spacing: 1px;
}




#texte h2 {
	font-size: 150%;
	font-weight: normal;
	padding-bottom: 10px;
	color: rgba(0,123,165,1);
}
#texte h3 {
	font-size: 125%;
	font-weight: normal;
	padding-bottom: 10px;
}
#texte h4 {
	font-size: 110%;
	font-weight: normal;
	padding-bottom: 10px;
	color: rgba(119,20,105,1);
}

#texte p {
	padding-bottom: 10px;
	text-align: justify;
}
#texte ul {
	padding-bottom: 10px;
}
#texte li {
	text-align: justify;
	margin-left: 24px;
	padding-left: 24px;
	padding-bottom: 10px;
	background-image: url(../images_page/puce.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
#texte table {
	padding-top: 12px;
	padding-bottom: 12px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(0,123,165,1);
	border-bottom-color: rgba(0,123,165,1);
	
}
#texte table td {
	padding: 8px;
}

#texte table tr:first-child{
	background-color: rgba(253,197,19,1);
}
#texte table tr:first-child td {
	font-weight: bold;
	font-size: 100%;
	font-variant: small-caps;
}
#texte table tr:nth-child(even) {
    background-color:#FFFFFF
}
#texte table tr:nth-child(odd) {
	background-color: rgba(253,197,19,0.5);
}
#texte img, #agenda_unique img{
	max-width: 100%;
	display: block;
}
#texte .demi_droite,#agenda_unique .demi_droite {
	float: right;
	height: auto;
	width: 45%;
	margin-bottom: 8px;
	margin-left: 8px;
	border-radius: 5px;

}
#texte .demi_gauche,#agenda_unique .demi_gauche {
	float: left;
	height: auto;
	width: 45%;
	margin-bottom: 8px;
	margin-right: 8px;
	border-radius: 5px;
}

#texte .tier_droite, #agenda_unique .tier_droite{
	float: right;
	height: auto;
	width: 30%;
	margin-bottom: 8px;
	margin-left: 8px;
	border-radius: 5px;
}
#texte .tier_gauche, #agenda_unique .tier_gauche {
	float: left;
	height: auto;
	width: 30%;
	margin-bottom: 8px;
	margin-right: 8px;
	border-radius: 5px;
}


#texte .demi_centre, #agenda_unique .demi_centre {
	
	height: auto;
	width: 45%;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 5px;
}
#texte .img_centre, #agenda_unique .img_centre{
	
	height: auto;
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: auto;
	margin-left: auto;
	
	border-radius: 5px;
}
#texte .centre
{
	text-align: center;
}
#texte .gauche
{
	text-align: left;
}
#texte .droite
{
	text-align: right;
}#texte .texte_rouge {
	color: rgba(201,12,15,1)
}
#texte .texte_mauve {
	color: rgba(119,20,105,1)
}

#texte .texte_bleu {
	color: #007BA5
}
#texte form fieldset {
	border: 1px solid rgba(243,243,243,1);
	padding: 5px;
	border-radius: 5px;
}

#texte form .formulaire {
	width: 80%;
	padding: 10px;
	border: 1px solid rgba(119,20,105,1);
	border-radius: 5px;
	font-size: 110%;
	font-family: "liberation_sans", sans-serif;

}
#texte form input[type="submit"]{
	cursor: pointer;
	background-color: rgba(0,123,165,1);
	border: 2px solid rgba(253,197,19,1);
	width: 50%;
	color: rgba(255,255,255,1);
	font-size: 110%;
}
#texte form input[type="checkbox"]{
	cursor: pointer;
	width:auto;
	border: 2px solid rgba(253,197,19,1);
	display:inline-block;
	margin:0;
	padding:0;
	margin-right:10px;
}
#texte form input[type="submit"]:hover{
	background-color: rgba(119,20,105,1);	
}
#texte form #reponse {
	padding: 10px;
	border: 1px solid rgba(119,20,105,1);
		border-radius: 5px;

}
#texte form label {
	font-weight: bolder;
	color: rgba(51,51,51,1);
}

/*reset des blocs de contenu administratif */ 
#texte div.blocservicepublic li
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background-image: none;
	background-color: transparent;
}

/*contenus responsive, carte, video etc */
.responsivecontent {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin: 10px;
}
.responsivecontent iframe,.responsivecontent object,
.responsivecontent embed,
.responsivecontent >div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




.dans_cette_rubrique {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: rgba(0,93,98,1);
}
.sousrubriques h2 {
	font-size: 120%;
	color: rgba(102,102,102,1);
	padding-top: 10px;
	padding-bottom: 10px;
}
.sousrubriques .undemi {
	width: 50%;
	float: left;
}

.sousrubriques .undemi a {
	display: block;
	height: auto;
	width: auto;
	background-color: rgba(253,197,19,1);
	margin: 5px;
	padding: 5px;
	text-decoration: none;
	color: inherit;
	font-weight: bold;
	border-radius: 5px;
	font-variant: small-caps;
	background-image: url(../images_page/background-body-hachure.gif);
}
.sousrubriques .undemi a:hover {
	background-color: rgba(0,123,165,1);
	background-image: none;
	color: rgba(255,255,255,1);	
	
}
.sousrubriques .undemi a h3 {
	/* [disabled]font-family: nexa; */
	font-size: 110%;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
.sousrubriques .undemi a img {
	height: auto;
	width: 100%;
}
/*page d'agenda*/
#page_agenda h1.titrerubique {
	font-family: Agency;
	font-size: 320%;
	padding-bottom: 20px;
	line-height: 1;
	letter-spacing: 1px;
	color: rgba(0,123,165,1);

}






#page_agenda h1 .titre_strong {
	color: rgba(119,20,105,1);
	text-transform: capitalize;
}
#page_agenda .agenda_une {
	width: 50%;
	float: left;
	margin-bottom: 20px;
}
#page_agenda .ag_gauche {
	padding: 10px;
	margin-right: 10px;
	background-color: rgba(253,197,19,0.33);
	border-radius: 5px;
	background-image: url(../images_page/trame_pt_blanc.png);
}
#page_agenda .ag_droite {
	padding: 10px;
	margin-left: 10px;
	background-color: rgba(253,197,19,0.33);
	border-radius: 5px;
	background-image: url(../images_page/trame_pt_blanc.png);
}
#page_agenda .entree_agenda h4 {
	color: rgba(201,12,15,1);
	font-variant: small-caps;
	font-weight: lighter;
	font-size: 110%;
}
#page_agenda  .entree_agenda h3 {
	font-size: 150%;
	color: rgba(119,20,105,1);
	padding-top: 5px;
	padding-bottom: 5px;
}
#page_agenda .entree_agenda img {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	height: auto;
	width: 100%;
	clear: both;
	border-radius: 5px;
}


#page_agenda .entree_agenda a {
	display: block;
	float: right;
	color: rgba(253,197,19,1);
	background-color: rgba(0,123,165,1);
	border: 2px solid rgba(253,197,19,1);
	text-decoration: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	background-image: url(../images_page/fleche_jaune.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	border-radius: 3px;
}
#page_agenda .entree_agenda a:hover {
	background-color: rgba(119,20,105,1);
	background-image: url(../images_page/fleche_blanche.png);
	background-position: 10px;
	border-top-color: rgba(119,20,105,1);
	border-right-color: rgba(119,20,105,1);
	border-bottom-color: rgba(119,20,105,1);
	border-left-color: rgba(119,20,105,1);
	color: rgba(255,255,255,1);
}









#page_agenda .navigateur_date {
	background-color: rgba(0,123,165,1);
	text-align: center;
	color: rgba(255,255,255,1);
	padding: 5px;
	margin-bottom: 10px;
}
#page_agenda .navigateur_date p {
	color: rgba(248,193,19,1);
	font-size: 110%;
	line-height: 1.2;
	padding-bottom: 5px;
	font-weight: bold;
}
#page_agenda .complement_agenda h2 {
	font-family: Agency;
	font-size: 200%;
	padding-bottom: 20px;
	line-height: 1;
	letter-spacing: 1px;
	color: rgba(0,123,165,1);
}
#page_agenda .complement_agenda {
	background-color: rgba(253,197,19,0.33);
	background-image: url(../images_page/trame_pt_blanc.png);
	padding: 10px;
	border-radius: 5px;
}

#page_agenda .complement_agenda .entree_complementaire {
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: rgba(253,197,19,1);
	padding-left: 30px;
	background-image: url(../images_page/fleche_violette.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
#page_agenda .complement_agenda h3,#page_agenda .complement_agenda h4 {
	display: inline;
}
#page_agenda .complement_agenda h4 {
	font-weight: normal;
	font-style: italic;
}
#page_agenda .complement_agenda a {
	display: block;
	color: rgba(119,20,105,1);
	text-decoration: none;
	font-size: 110%;
	line-height: 1.3;
}


/*agenda unique*/
#page_agenda .agenda_unique
{
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}
#page_agenda #agenda_unique h1 {

	font-family: Agency;
	font-size: 320%;
	padding-bottom: 20px;
	line-height: 1;
	letter-spacing: 1px;
	color: rgba(0,123,165,1);
}

#page_agenda #agenda_unique h3, #agenda_unique .pourplusdinfos h2 {
color: rgba(201,12,15,1);
	font-variant: small-caps;
	font-weight: lighter;
	font-size: 150%;	
}
#page_agenda #agenda_unique .descriptif_agenda {
	font-size: 110%;
	line-height: 1.5;
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 20px;
}
#page_agenda #agenda_unique .pourplusdinfos {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
	clear: both;
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: rgba(253,197,19,1);
}
#page_agenda #agenda_unique .pourplusdinfos  li {
	line-height: 1.5;
	font-size: 110%;
	padding-left: 30px;
	background-image: url(../images_page/fleche_violette.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
#page_agenda #agenda_unique .pourplusdinfos strong {
	font-weight: bold;
	color: rgba(119,20,105,1);
}
#page_agenda #agenda_unique .bouton_retour_agenda {
	clear: both;
	width: 50%;
	margin-top: 40px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}

#page_agenda #agenda_unique .bouton_retour_agenda a {
	display: block;
	color: rgba(253,197,19,1);
	border: 2px solid rgba(253,197,19,1);
	text-decoration: none;

	padding 5px;
	border-radius: 3px;
	background-color: rgba(0,120,161,1);
	font-size: 110%;
	text-align: center;
	padding: 5px;
}
#page_agenda #agenda_unique .bouton_retour_agenda a:hover {
	color: rgba(255,255,255,1);
	background-color: rgba(119,20,105,1);
	border-top-color: rgba(119,20,105,1);
	border-right-color: rgba(119,20,105,1);
	border-bottom-color: rgba(119,20,105,1);
	border-left-color: rgba(119,20,105,1);	
}
.navigateur_date  select , .navigateur_date #button2 {
	padding: 5px;
	color: rgba(0,123,165,1);
	
	
	margin-right: 20px;
	font-size: 110%;
	line-height: 1.5;
}


/*Afficheurs d'actualités*/
.afficheur_actualite
{
	
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 0px;
}
.afficheur_actualite h2, .afficheur_actualite h3
{
	font-family: agency;
	color: rgba(119,20,105,1);	
}
.date_actualite
{
	font-size: 12px;
	font-style: italic;
	color: rgba(255,255,255,1);
	padding: 3px;
	background-color: rgba(0,123,165,1);
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: rgba(253,197,19,1);
	clear: both;
	margin-top: 30px;
	line-height: 12px;
	display: block;
}
.titredelactuliste
{
	font-size: 130%;
}


.recent{
	display: block;
	text-align: center;
	text-decoration: none;
	/* [disabled]background-color: rgba(213,176,85,1); */
	color: rgba(119,20,105,1);
	font-size: 100%;
	/* [disabled]text-transform: uppercase; */
	border-radius: 2px;
	background-size: 20px 20px;
	background-image: url(../images_page/fleche_navigation_gauche.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 35px;
	font-weight: bold;
	font-family: nexa;
	float: left;
}
.ancien{
	display: block;
	text-align: center;
	text-decoration: none;
	/* [disabled]background-color: rgba(213,176,85,1); */
	color: rgba(119,20,105,1);
	font-size: 100%;
	/* [disabled]text-transform: uppercase; */
	border-radius: 2px;
	background-size: 20px 20px;
	background-image: url(../images_page/fleche_navigation_droite.png);
	background-position: 100% center;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-right: 35px;
	font-weight: bold;
	font-family: nexa;
	float: right;
	}
#alerte_cookies {
	text-align: center;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 40px;
	position: fixed;
	left: 0px;
	bottom: 0px;
	background-color: rgba(253,197,19,0.9);
	font-size: 90%;
	z-index: 9000;
}
.cookies_stat_oui {
	color: rgba(255,255,255,1);
	background-color: rgba(119,20,105,1);
	padding: 3px;
	border: 2px solid rgba(255,255,255,1);
	display: block;
	text-align: center;
	width: 120px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
#texte .menuarchivesactus ul {
	text-align: right;
}

#texte .menuarchivesactus ul li {
	display: inline-block;
	background-image: none;
	margin: 0px;
	padding: 0px;
}
#texte .menuarchivesactus ul li a {
	display: block;
	padding: 5px;
	background-color: rgba(253,197,19,1);
	border-radius: 2px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#texte h3.titrelistaanews, #texte h3.titrelistameteo  {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: rgba(253,197,19,1);
}
#texte .listaanews li, #texte .listameteo li {
	background-image: none;
	clear: both;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-top-color: rgba(214,214,214,1);
}
#texte .listaanews li .logodepresse {
	height: auto;
	width: 120px;
	float: left;
	margin-right: 10px;
	display: block;
}

#texte .listaanews li .dateheurepresse {
	font-size: 90%;
	font-style: italic;	
}
#meteotempreel .iconemeteo, #texte .listameteo li .icometeo {
	float: left;
	height: 64px;
	width: 64px;
	display: block;
}
#texte .listameteo li .heuremeteo
{
	float: left;
	height: 64px;
	width: 80px;
	display: block;
	margin-right: 5px;
	background-color: rgba(214,214,214,1);
	line-height: 64px;
	text-align: left;
	font-weight: bold;
	font-size: 110%;
	border-radius: 3px;
	padding-left: 36px;
	background-image: url(../images_page/heure.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}
#texte .listameteo li .temperature
{
	float: left;
	height: 64px;
	width: 86px;
	display: block;
	margin-right: 5px;
	margin-left: 5px;
	background-color: rgba(214,214,214,1);
	line-height: 64px;
	text-align: left;
	font-weight: bold;
	font-size: 110%;
	border-radius: 3px;
	padding-left: 36px;
	background-image: url(../images_page/temp.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#texte .listameteo li .plusdemeteo
{
	float: left;
	height: 64px;
	/*width: 128px;margin-right: 5px;background-color: rgba(214,214,214,1);*/
	display: block;
	
	margin-left: 5px;
	
	font-weight: bold;
	font-size: 110%;
	border-radius: 3px;
}
#texte .listameteo li .plusdemeteo .vent {
	display: block;
	padding-right: 5px;
	padding-left: 36px;
	font-size: 80%;
	line-height: 32px;
	background-image: url(../images_page/vent.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}
#texte .listameteo li .plusdemeteo .hygro {
	display: block;
	padding-right: 5px;
	padding-left: 36px;
	font-size: 80%;
	line-height: 32px;
	background-image: url(../images_page/higro.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}
#meteotempreel .iconemeteo img, #texte .listameteo li .icometeo img{
	height: 100%;
	width: 100%;
	display: block;
}
.en_images {
	display: block;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
	background-color: rgba(253,197,19,0.7);
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	border-radius: 8px;
}
.en_images h3 {
	padding-right: 4px;
	padding-left: 4px;
}
.en_images p {
	padding-right: 4px;
	padding-left: 4px;
}


.en_images .vignette_album {
	display: block;
	width: 33%;
	height: auto;
	float: left;
}
.en_images .vignette_album .album {
	margin: 4px;
	display: block;
}
.vignette_album .album img {
	display: block;
	height: auto;
	width: 100%;
	border-radius: 8px;
}
.poi {
	display: block;
	height: 300px;
	width: 100%;
	border-radius: 8px;
	border: 1px solid rgba(119,20,105,1);
	margin-top: 8px;
	margin-bottom: 8px;
}
.titreannuaire
{
	background-color: rgba(0,123,165,1);
	color: rgba(255,255,255,1);
	font-size: 120%;
	font-weight: bold;
	font-variant: small-caps;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: rgba(253,197,19,1);
}
.element_annuaire {
	padding: 5px;
	margin-bottom: 5px;
	border-bottom-style: dotted;
	border-bottom-width: thin;
	border-bottom-color: rgba(119,20,105,1);
}

.element_annuaire h2 {
	font-family: agency;
	font-size: 200%;
	color: rgba(119,20,105,1);
	letter-spacing: 0.5px;
	font-weight: bold;
	padding-bottom: 10px;
}
.element_annuaire .ann {
	padding-bottom: 10px;
	padding-top: 0px;
	font-size: 16px;
	line-height: 24px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 20px 20px;
	 
}
.an_desc {background-image: url(../images_page/an-desc.svg);}
.an_contact{
	background-image: url(../images_page/an-contact.svg);
}
.an_tel{
	background-image: url(../images_page/an-tel.svg);
}
.an_mail{
	background-image: url(../images_page/an-mail.svg);
}
.an_web{
	background-image: url(../images_page/web-tel.svg);
}
.an_post{
	background-image: url(../images_page/an-plan.svg);
}.element_annuaire a {
	background-color: #007BA5;
	color: rgba(255,255,255,1);
	text-decoration: none;
	border-radius: 2px;
}
/*player video*/
.responsivecontent {
	width: 100%;
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 0px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}




.responsivecontent iframe,
.responsivecontent object,
.responsivecontent embed
 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#tarteaucitronAlertSmall {
	color: rgba(204,204,204,1);
	background-color: rgba(51,51,51,1);
}
#tarteaucitronAlertSmall button#tarteaucitronManager {
	color: rgba(204,204,204,1);
	background-color: rgba(51,51,51,1);
}