*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

html {}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

img {max-width: 100%; height: auto;}

input {max-width: 100%; white-space: pre-line;}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}







/* ===== Initializr Styles ==================================================
   ========================================================================== */

.header-container {
	display: none;
}   
   
.wrapper {
    margin: 0 1em;
}

.grid-container {padding: 0 !important;} /* Fix unsemantic-grid */

header h1 {
	font-family: times new roman, serif;
	color: #5e5842;
	line-height: 1em;
	margin: 0.4em 0;
	
}

header h1 span {
	color: #578F25;
	font-variant: small-caps;
	font-size: 1.6em;
}

article {margin-bottom: 2em;	}

h1 {word-wrap: break-word; color: #5e5842; line-height: 1.25em;;}
.h2 {font-size: 1.5em; margin: .83em 0;}
h2.center {text-align: center;}

.button {
	display: inline-block;
	border: none;
	cursor: pointer;
	font-size: 1.3em;
	font-weight: 400;
	height: auto;
	overflow: visible;
	padding: 0.75em 0.75em 0.75em 2.5em;
	width: auto;
	text-decoration: none;
	background-color: #ec9307;
	background-repeat: no-repeat;
	background-position: 0.5em center;
	color: white;
	line-height: 1em;
}

.legende {font-size: 0.9em; color: #5F5F5F; font-style: italic;}
.messages {margin-bottom: 2em; padding: 1em !important;}
.status {background-color: #D5ECC0; border: 1px solid #74b23c;}



.block-region {margin-bottom: 1em; font-size: 0.9em;}
.block-region > div {padding: 1em; background-color: #ffffee; border: 1px solid; border-color: #eeeeee #dddddd #cccccc;}

.block-region h2, #page-cartes h2, #page-cartes h3 {margin-top: 0; color: #4F9411;}
.block-region h2 a, #page-cartes h2 a, #page-cartes h3 a {color: inherit;}
.block-region h2 span, #page-cartes h2 span, #page-cartes h3 span {color: #5F5F5F; font-size: 0.85em; font-style: italic;}

	#page-cartes h3 {font-size: 1.5em;}

.block-region h3 {color: #7BB349;}
.block-region h3 a {color: inherit;}
.block-region h3 span {color: #999; font-size: 0.85em; font-style: italic;}






/* ===================
    ALL: Green Theme
   =================== */


.footer-container {
    border-top: 0.75em solid #74b23c;
}

.footer-container {
    background: #b6df91;
}



/* ==============
    Main
   ============== */

.main {
	position: relative;
	margin-top: 1em;
}

.main article h1 {
    font-size: 2em;
}

.main aside {
	text-align: center;
	box-sizing: border-box;
}

#block-block-15, #block-block-16 {
	display: none;
}

#block-block-2 {
	margin-bottom: 1em;
}

.bottom {text-align: center; margin: 2em 0;}

.footer-container footer {padding: 0;}
footer {text-align: center;}
footer ul {padding: 0;} 
footer li {display: inline-block; margin: 0.25em 0; color: #5E5842;}
	footer li:after {content: "|"; margin: 0 0.5em;}
		footer li:last-child:after {content: "";}
footer a {color: inherit;}
	footer a:hover {text-decoration: none;}
	
	



/* ===============
    Header
   =============== */
header.wrapper {background: #b6df91; margin: 0; padding: 0 1em; position: relative; z-index: 2;}
header {/* height: 93px; */}   
header h1 {/* padding-right: 2em; max-width: auto; */}
header h1 a {color: inherit; text-decoration: inherit;}







/* ===============
    Menu
   =============== */



#block-block-14 {box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7); position: relative; z-index: 1;}

#block-block-14 .content {
	padding: 0.25em;
	background-color: #74b23c;
	/* margin-top: 1.25em; */
    *zoom: 1;
}
#block-block-14 .content:before,
#block-block-14 .content:after {
    content: " ";
    display: table;
}

#block-block-14 .content:after {
    clear: both;
}

.nav-user {list-style: none; padding: 0 !important; float: right;}
.nav-user:first-child li {margin-right: 0.5em;;}
.nav-user li {display: inline-block;}
.nav-user li a {
	display: block;
	width: 2em;
	padding: 0.35em 1em;
	color: white;
	text-decoration: none;
	text-indent: -999em;
	font-size: 1.2em;
	font-style: italic;
	line-height: 1em;
	background-repeat: no-repeat;
	background-position: center center;
	}


a.menu-link {background-image: url('/sites/all/themes/cpa/IcoMoon/SVG/menu.svg');}
.no-svg a.menu-link {background-image: url('/sites/all/themes/cpa/IcoMoon/PNG/menu.png');}

a.menu-link.active {background-image: url('/sites/all/themes/cpa/IcoMoon/SVG/close.svg');}
.no-svg a.menu-link.active {background-image: url('/sites/all/themes/cpa/IcoMoon/PNG/close.png');}

a.user-link {background-image: url('/sites/all/themes/cpa/IcoMoon/SVG/user.svg');}
.no-svg a.user-link {background-image: url('/sites/all/themes/cpa/IcoMoon/PNG/user.png');}	
	
	



/* ===============
    Responsive header
   =============== */

@media only screen and (min-width: 32em) {
	header h1 a {
		display: block;
		background: url(/sites/all/themes/cpa/logo-cpa.jpg) left center no-repeat;
		padding: 0.25em 0 0.25em 4em;
		margin: 0;
	}
}


@media only screen and (min-width: 20em) {
	.nav-user .menu-link, .nav-user .user-link {
		width: auto;
		padding: 0.35em 2.5em 0.35em 0.5em;
		text-indent: 0;
		background-position: center right;
	}
	a.menu-link.active {}
}



	
	
	
	
	
	
	
	
	
	

/* ===============
    Search Block
   =============== */


#block-block-12 {
	background-color: #EEF8E4;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	max-width: 65em;
	margin: 0 auto;
	}


.search-block {
	clear: both;
	-webkit-transition: all 0.3s ease-out;  
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.js .search-block, .search-block {
	overflow: hidden;
	max-height: 0;
}
.search-block.active {
	max-height: 31em;
	margin-bottom: 1em
}
.search-block ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid #808080;
}
.search-block li a {
	display: block;
	padding: 0.8em;
	border-bottom: 1px solid #808080;
}










/* ===============
    Tinynav
   =============== */

.tinynav { display: block; max-width: 100%;}
nav #France ul, nav #Etrangers ul, nav #Themes ul { display: none; }


#nav ul {
    margin: 0;
    padding: 0;
}

#nav > div {
    margin-bottom: 1em;
  
    text-align: center;
    font-weight: bold;

    color: white;
}

#nav > div > div {
    padding: 0.75em;
    background: #74b23c;
}

#nav a {text-decoration: none; color: inherit;}

#nav a:hover,
#nav a:visited {
    color: white !important;
}

#nav a:hover {
    text-decoration: underline;
}

#nav p {margin: 0 0 0.25em; font-size: 1.25em;}
#nav select {margin: 0 auto;}




/* ===============
    Search form
   =============== */

.search-form {margin: 1em 0; padding: 0 0.5em;}
.search-form form {text-align: center;}
.search-form form input {margin: 0.25em 0;}





/* ===============
    Slideshow
   =============== */

.slideshow {max-width: 500px; margin: 2em auto;}



/* ===============
    IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}





/* ==============
    Liste des départements
   ============== */
  
ul#dep {padding: 0;}
ul#dep li {
	list-style-type: none;
	display: inline-block;
	padding: 0.25em 0.5em;
	background-color: #E6E6E6;
	margin: 0.25em;
	color: #5e5842;
}
ul#dep li.active {
	padding: 0.5em 0.75em;
	background-color: #74b23c;
	color: white;
}
ul#dep li a {
	color: inherit;
	text-decoration: none;
}
ul#dep li a:hover {text-decoration: underline;}






/* ==============
    Actualités
   ============== */
  
#block-block-6 {
	background-color: #ECF6E2;
	padding: 1em;
}


#block-block-6 .h2 {
	color: #5e5842;
	margin-top: 0;
}


#block-block-6 .NewsSummary {
	margin-bottom: 1.5em;
}



#block-block-6 .NewsSummaryLink a {
	color: #578F25; 
	font-size: 1.3em;
}


#block-block-6 .NewsSummaryPostdate {
	font-size: 0.9em;
	font-style: italic;
	color: #5F5F5F;
}








/* ==============
    Actualités
   ============== */
   
   
#block-block-7 {
	margin: 2em 0;
}   
   
   
   
   


/* ==============
    Navigation Cartes
   ============== */
 
.carte-container {
	text-align: center;
	position: relative;
	max-width: 70em;
	margin: 0 auto;
}

.carte-nav {
	margin: 1em 0 2em;
	border: 1px solid #808080;
	width: 100%;
	background-color: #F6F6F6;
}

.carte-nav a {
	width: 50%;
	padding: 1em;
	text-decoration: none;
	color: #74b23c;
	-webkit-transition: background 0.2s ease;
	-moz-transition: background 0.2s ease;
	-ms-transition: background 0.2s ease;
	-o-transition: background 0.2s ease;
	transition: background 0.2s ease;
}

.carte-nav a:hover {
	background-color: #74b23c;
	color: white;
}

.carte-nav a.prev {text-align: left; float: left; border-right: 1px solid #808080;}
.carte-nav a.next {text-align: right; float: right;}

.carte-nav a.prev:after {content: "← Précédent";}
.carte-nav a.next:after {content: "Suivant →";}

.carte-nav img {display: none;}


@media screen and (min-width: 76em) {

	.carte-nav, .carte-nav a.prev {border: 0;}

	.carte-nav a {
		position: absolute;
		top: 40%;
		left: 6em;
		width: 8em;
		margin-top: -1em;
	}
	.carte-nav a:hover {
		background-color: transparent;
		color: #74b23c;
	}

	.carte-nav a.next {
		left: auto;
		right: 6em;
	}

	.carte-nav img {
		display: block;
		margin: 0 0 1em;
		border: 5px solid white;
		-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.35);
           -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.35);
                box-shadow: 0 0px 10px rgba(0, 0, 0, 0.35);
		-webkit-transition: all 250ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
	}	
	
	.carte-nav img:hover {
			-moz-transform: scale(1.1);
			-webkit-transform: scale(1.1);
			-o-transform: scale(1.1);
			-ms-transform: scale(1.1);
			transform: scale(1.1);
	}
	
}







/* ==============
    pagination
   ============== */
  
#pager {text-align: center; margin: 2em 0;}
#pager ul {padding: 0;}
#pager li {display: inline-block; margin: 0 0.5em; color: #5F5F5F;}
#pager li.current {color: #578F25; font-weight: bold;}
#pager li a {color: inherit;}










/* ==============
    Breadcrumbs
   ============== */

.breadcrumbs .label {display: none;}
   
.crumbs {padding: 0; margin: 0;}
.crumbs li {
	display: none;
}
.crumbs li.lastlink {
	display: inline-block;
	padding: 0.5em 0.75em;
	background-color: #74b23c;
	color: white;
}
.crumbs li a {
	color: inherit;
	text-decoration: none;
}
.crumbs li.lastlink:before {
	content: '<';
	padding-right: 0.5em;
}

@media all and (min-width: 32em) {
	.breadcrumbs {
	background-color: #ECF6E2;
	padding: 0.75em;
	display: inline-block;
	}
	.breadcrumbs .label, .breadcrumbs .crumbs {display: inline-block;}
	.breadcrumbs .label {font-weight: bold; margin-right: 0.25em;}
	.crumbs li {
		display: inline-block;
	}
	.crumbs li.lastlink {
		background-color: inherit;
		color: #5e5842;
		padding: 0;
	}
	.crumbs li a {
		color: inherit;
	}
	.crumbs li a:hover {
		text-decoration: underline;
	}
	.crumbs li.current {
		color: #74b23c;
	}
	.crumbs li:after {
		content: '>';
		padding: 0 0.25em 0 0.5em;
		color: #999;
	}
	.crumbs li.lastlink:before, .crumbs li.current:after {
		content: '';
		display: none;
	}
	
}









/* ===============
    Téléchargement des cartes
   =============== */

.DL_Confirme, .DL_NO_File, .DL_File {text-align: center; max-width: 50em; margin: 0 auto 4em;}
.DL_Confirme .grid-container div {}
.DL_Confirme .remarque {}

.DL_Confirme a, .DL_NO_File a, .DL_File a {margin: 1em;}
.DL_Confirme a + p, .DL_NO_File a + p, .DL_File a + p {margin-top: 0;}



.b-download {background-image: url('/sites/all/themes/cpa/IcoMoon/SVG/download.svg');}
.no-svg .b-download {background-image: url('/sites/all/themes/cpa/IcoMoon/PNG/download.png');}

.b-add {background-image: url('/sites/all/themes/cpa/IcoMoon/SVG/plus.svg');}
.no-svg .b-add {background-image: url('/sites/all/themes/cpa/IcoMoon/PNG/plus.png');}

.b-abn {background-image: url('/sites/all/themes/cpa/IcoMoon/SVG/credit.svg');}
.no-svg .b-abn {background-image: url('/sites/all/themes/cpa/IcoMoon/PNG/credit.png');}

.b-connect {background-image: url('/sites/all/themes/cpa/IcoMoon/SVG/user.svg');}
.no-svg .b-connect {background-image: url('/sites/all/themes/cpa/IcoMoon/PNG/user.png');}









/* ==============
    Partage
   ============== */
   
   
#partage {padding: 0; text-align: center; margin: 0.5em 0 1em;}
#partage li {display: inline-block; vertical-align: top; margin: 0.25em 0.5em;}

   
   
   
   
   
   
   
/* ==============
    Administration
   ============== */

.tabs ul {
	margin: 0;
	padding: 0;
	white-space: normal;
	border: 0;
}
.tabs ul li {
	display: inline-block;
	margin: 0 0.5em 1em 0;
	padding: 0;
	background-color: #E6E6E6;
	color: #5e5842;
}
.tabs ul li a {
	display: inline-block;
	background-color: initial;
	border: none;
	color: #5e5842;
	padding: 0.5em 0.75em;
	margin: 0;
}
.tabs ul li.active {
	background-color: #74b23c;
	color: white;
}
.tabs ul li.active a {
	background-color: inherit;
	border: none;
	padding: 0.5em 0.75em;
	color: white;
	padding: 0.75em 1em;
}

   
#user-login, #user-profile-form, #user-pass {margin-bottom: 3em;}
#user-profile-form input[size="60"] {width: 100%; max-width: 25em;}

.talbeauAchats {margin-bottom: 3em;}
.talbeauCredis {margin: 1.5em 0;}
.talbeauAchats, .talbeauCredis {width: 100%; max-width: 40em;}
.talbeauAchats caption, .talbeauCredis caption {font-size: 1.5em; margin: .83em 0; color: #5e5842;}
.talbeauAchats td, .talbeauCredis td, .talbeauAchats th, .talbeauCredis th {padding: 0.5em;}



   
   
   
   
   
   
   
   
   



/* ==========================================================================
   Media Queries
   ========================================================================== */

   



@media only screen and (min-width: 46.8em) {

	article {
		padding-right: 240px;
		margin-right: -240px;
		width: 100%;
		float: left;
		position: relative;
	}

	aside {
		width: 220px;
		position: relative;
		float: right;
	}




	/* ====================
		WIDE: CSS3 Effects
	   ==================== */

   
	
	#page-cartes img {
		border: 5px solid white;
		-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.35);
           -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.35);
                box-shadow: 0 0px 10px rgba(0, 0, 0, 0.35);
				-webkit-transition: all 250ms ease;
				-moz-transition: all 200ms ease;
				-ms-transition: all 200ms ease;
				-o-transition: all 200ms ease;
				transition: all 200ms ease;
	}
	
	
	#page-cartes img:hover {
			-moz-transform: scale(1.8) rotate(-3deg);
			-webkit-transform: scale(1.8) rotate(-3deg);
			-o-transform: scale(1.8) rotate(-3deg);
			-ms-transform: scale(1.8) rotate(-3deg);
			transform: scale(1.8) rotate(-3deg);
	}
	
	
	#carte {
		border: 8px solid white;
		-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.35);
           -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.35);
                box-shadow: 0 0px 10px rgba(0, 0, 0, 0.35);
	}


	.button {
		border-radius: 8px;
		border-top: 1px solid #fff;
		box-shadow: 0 3px 6px #995825, 0 4px 0 #995825, -2px 1px 0 #994525, 2px 1px 0 #994525, 0px 5px 8px rgba(0, 0, 0, 0.5);
		
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;

	}
	
	.button:hover {
		box-shadow: 0 3px 6px #995825, 0 3px 0 #995825, -1px 0px 0 #994525, 1px 0px 0 #994525, 0px 5px 8px rgba(0, 0, 0, 0.5);

	}
	
	.button:active {
		box-shadow: 0 0 0 #995825, 0 3px 0 #995825, -1px 0px 0 #994525, 1px 0px 0 #994525, 0px 0 0 rgba(0, 0, 0, 0.5);

	}
	
	

}








@media only screen and (min-width: 70em) {
	.main {}
	#block-block-14 .content {height: 0.75em;}
	#block-block-14 ul {display: none;}
	.search-block, .js .search-block {padding: 1em; max-height: 31em; margin: 1em 0;}
	.search-form {float: left; margin-top: 1.5em;}
	nav#nav {float: right; min-width: 56%;}
	#nav > div {margin: 0;}

	/* ===============
		Maximal Width
	   =============== */

		.wrapper {
		   /*  width: 1026px; */ /* 1140px - 10% for margins */
		
		}

		
	/* ===============
		Tinynav
	   =============== */
		/* 
		.tinynav { display: none; }
		nav #France ul, nav #Etrangers ul, nav #Themes ul { display: block; }
		 */
		 
		 
		 
		/* ====================
		Connection compte
	   ==================== */


	#block-block-15, #block-block-16 {
		display: block;
		border-top: 0.75em solid #74b23c;
		background-color: #EEF8E4;
		color: black;
		padding: 0.5em;
		margin-bottom: 2em;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	}
	
	#block-block-15 h2 {
		color: #5e5842;
		margin: 0 0 0.25em 0.25em;
		text-align: left;
	}	
	
	.login .icon-loggin {
		text-indent: -999em;
		float: left;
		background: url('/sites/all/themes/cpa/IcoMoon/SVG/user-green.svg') center center no-repeat;
		height: 3em;
		margin: 0  0.75em 0 0;
		background-size: contain;
	}		
	
	.login ul {
		float: left;
		padding: 0.5em 0 0;
		margin: 0;
		text-align: left;
	}	
	
	.login li {
		margin: 0 0 0.25em;
		list-style: none;
		line-height: 1em;
	}		
	
	.login li a {
		font-size: 0.9em;
		font-style: italic;
		color: #353535;
		text-decoration: none;
	}		
	
	.login li a:hover {
		text-decoration: underline;
	}		 
		 
		 
		 
}









/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.pbb {padding-bottom: 2em;}
.pbn {padding-bottom: 1em;}
.pbs {padding-bottom: 0.5em;}


/* ==========================================================================
   Affichage vignettes
   ========================================================================== */

#page-cartes div {padding: 1em; text-align: center; font-size: 0.8em;}
#page-cartes div.apercu {display: none;}

@media only screen and (min-width: 30em) {
	#page-cartes div {display: inline-block; vertical-align: middle; width: 50%;}
}

@media only screen and (min-width: 62em) {
	#page-cartes div {width: 33%;}
}

@media only screen and (min-width: 85em) {
	#page-cartes div {width: 25%;}
}

@media only screen and (min-width: 98em) {
	#page-cartes div {width: 20%;}
}






/* ==========================================================================
   Fancybox
   ========================================================================== */

#fancybox-content .grid-container {text-align: center;}
#fancybox-content h2 {margin-top: 0;}
#fancybox-content .clic {margin-top: 2em;}
#fancybox-content  {margin-top: 2em;}












/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}