/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 28, 2014 */

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

HTML {
  height: 100%;
  width: 100%;
  font-size: 100%;
  	margin: 0;
	padding: 0;	
}

BODY{
	position:relative;
	width: 100%;
	height: 100%;	
	margin: 0 auto 0 auto;
	padding: 0;	
	font-size: 1.2em;	
	color:black;
	background-color:white;
	line-height:1.2;
	font-family: 'Droid Sans', sans-serif;
	text-align:justify;
	}

.print{
	display:none;
	}	

.nettoyeur{
clear:both;
}

HEADER{
	position:fixed;
	top:0;
	width:100%;
	background:white;
	z-index:500;
-moz-box-shadow: 0px 0px 10px 0px #cfcfcf;
-webkit-box-shadow: 0px 0px 10px 0px #cfcfcf;
-o-box-shadow: 0px 0px 10px 0px #cfcfcf;
box-shadow: 0px 0px 10px 0px #cfcfcf;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=10);	
}
.centrer{
	position:relative;
	width:100%;
	max-width:1100px;
	margin:0 auto 0 auto;
    min-height: 83px;	
}

#container
{
	width:100%;
	max-width:1100px;
	margin:0 auto 0 auto;
padding:140px 15px ;

}

#zone
{
	float:left;
	min-height:500px;
	width:70%;
	padding:20px 2% 20px 2%;
}


#container_colonne
{
	float:left;
	width:26%;
	padding:20px 0 0 0;
	text-align:left;

}



#filariane
{
	width: 96%;
	margin:0 2% 0 2%;
	background-color:#efefe8;
	padding:7px 5px 7px 15px;
}

A.arianne
{
	font-size: 0.9rem;
	color: black;
	text-decoration:none;
  font-weight:normal;
}

FOOTER
{
	position:fixed;
	bottom:0;
  height:100px;
  width: 100%;
	color:white;
	padding:0;
	margin-top:30px;
    z-index: 1000;	
}

FOOTER A
{
	font-size: 1rem;
	color: white;
	text-transform:uppercase;
	text-decoration: none;
	margin:5px;
}


/* MENU*/
.logo{
display:inline-block;
position:relative;
width:72%;
max-width:300px;
margin: 0.5% 2%;
}
#menu{
display:block;
font-size:3rem;
color:white;
background:#263676;
padding:10px 15px 8px 15px;
border-radius: 0 0 20px 20px;
float:right;
    margin: 0 20px 0 0;
}
#slogan{
position:absolute;
top:10px;
left:37%;
background:#82358c;
color:white;
font-size:1.3rem;
padding:5px 15px;
border-radius:20px;
text-align:center;
margin:0 2%;

}
NAV{
display:none;
position:relative;
width:100%;
background:#263676;

}
	
NAV A{	
	display:block;
	padding:15px 0 0 10px;
	text-transform:uppercase;
	color:white;
	font-size:2rem;
	font-weight:normal;
	border-bottom:1px solid white;
}
NAV A:hover{
color:#263676;
background:white;
}

NAV LI UL{	
	display:none;
	position:absolute;
	padding:0;
	top:76px;
	z-index:3;
}

NAV LI UL LI A{	
	display:block;
	height:auto;
	width:250px;
	padding:4px 0 4px 10px;
	background-color:#d2e8fd;
	border-bottom:1px solid #01346b;
	color:#01346b;
	font-size:1rem;
	z-index:3;
}
NAV LI UL LI A:hover{
	background-color:white;
	border-bottom:1px solid #01346b;
}




#barrecouleur{
	position:absolute;
	width:100%;
	max-width:846px;
	left:106px;
	top:-3px;
	height:8px;
	overflow:hidden;
	z-index:500;
	}
#bandeau_titre{
	padding-top:4px;
	font-family:georgia;
	font-size:17px;
	min-width:200px;
	}


/* BANDEAU DES PAGES */
.banniere{
	position:relative;
	float:left;
	width:70%;
	z-index:500;
	}

/* HOME PAGE */
.lien_actu{
display:block;
border-bottom:3px solid #82358c;
padding:10px 0;
}
.lien_actu:hover{
display:block;
border-bottom:3px solid #82358c;
padding:10px 0;
text-decoration:none;
color:#82358c;
}
#actu_collec{
background:white url(/images/fond-actu2.png) no-repeat left top;
float:left;
margin:0 0 0 2%;
width:25%;
}
#actu_home span,#actu_collec span,#agenda_home span, .titre_home{
color:#d2c8aa;
display:inline-block;
font-size:1.5rem;
font-weight:bold;
text-transform:uppercase;
}
#actu_home span{
padding:23px 5px 35px 140px;
}
#actu_collec span{
padding:23px 5px 35px 100px;
}
#picto2 span{
padding:7px;
}
.bloc_actu{
overflow:hidden;
height:184px;
}
.bloc_actu A{
color:#01346b;
margin:3%;
padding:1% 0;
display:block;
font-size:1.1rem;
font-weight:bold;
text-transform:uppercase;
border-bottom:5px solid #d2c8aa;
}
.bloc_actu A:hover{
color:#01346b;
margin:3%;
padding:1% 0;
display:block;
font-size:1.1rem;
font-weight:bold;
text-transform:uppercase;
border-bottom:5px solid #01346b;
text-decoration:none;
}
.bloc_agenda_home{
float:left;width:250px;padding:10px;text-align:center;
}
#agenda_home{
margin:20px 0;
width:100%;
background:white url(/images/fond-agenda.png) no-repeat left top;
min-height:115px;
}
#agenda_home span{

font-size:1.8rem;
}

#texte_pays{
position:absolute;bottom:0;width:280px;text-align:left;color:#01346b;
padding:0 2%;
font-size:1.1rem;
}

.divpays{
position:absolute;
display:none;
border-radius: 10px;
padding:3%;
opacity:0.9;
text-align:left;
width:52%;
max-width:300px;
z-index: 10;
}
area{
cursor:pointer;
}
.divpays b{
text-transform:uppercase;
font-size:1.3rem;
margin:0 0 20px 0;
display:block;
}
.divpays A{
color:black;
font-size:1.2rem;
}
.divpays166{
background:#83be61;
right: 45%;
top: 11%;
}
.divpays176{
background:#b260a1;
right: 6%;
top: 21%;
}
.divpays177{
background:#e05854;
right: 34%;
top: 18%;
}
.divpays178{
background:#35a3c9;
right: 16%;
top: 49%;
}
.divpays179{
background:#f4b917;
right: 4%;
top: 61%;
}
#ressources{
background:url(/images/fond_ressource.png) no-repeat left bottom #8dc0e9;
padding:15px 5px;
}
#ressources span{
color:#0f5381;
font-size:1.8rem;
text-decoration:underline;
}
#ressources #recherche{
width:90%;
margin:15px 5px;
}
#ressources INPUT[type="submit"]{
float:right;
}
#bandeaucolbleue{
	float:left;
	width:33%;
	margin-left:1%;
	text-align:right;
	}
	
#slider{
	position:relative;
width: 46%;
height:330px;
float:left;
	overflow:hidden;
	}

 .slide{
	height:379px;
	width:100%;
	position:relative;
	background-color:white;
	overflow:hidden;
 }
 
 .point{
	position:absolute;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:10px;
	height:10px;
	background-color:#063468;	
}

.barrediv{
	float:left;
}


#barre2 div{
	float:left;
	padding-right:10px;
}

.groupepays{
	width:245px;
	font-size:0.9rem;
	padding-right:12px;
}

/* BACKOFFICE */

.onglet1, .onglet2, .onglet3{
	display:inline-block;
	float:left;
	padding:5px;
	background-color:gray;
	border:1px solid black;
	margin:3px;
	color:white;
}
.onglet2{
	background-color:green;
}
.onglet1:hover, .onglet2:hover, .onglet3:hover{
	color:black;
	background-color:white;
	border:1px solid black;
	text-decoration:none;;
}
.erreur{
text-indent:20px;
font-size:0.8rem;
color:red;
font-weight:bold;
}

.erreur:before
{
content:url(/images/attention.png);
} 
/* PAGE ARTICLE */


H1{
 position:relative;
font-size: 1.4rem;
 text-transform:uppercase;
 padding:10px 0;
 color:#285a91;
 font-weight: 700; 
 line-height:1.2;
 page-break-before: avoid;
    font-family: 'Droid Sans', sans-serif; 
	text-align:left;;

}
H2{
 font-size:1.5rem;
 text-transform:uppercase;
 padding:8px;
 color:black;
 font-weight:700;
 margin:5px 0 20px 0;
 padding:0;
 font-weight:700;
 line-height:1.1;
    font-family: 'Droid Sans', sans-serif; 
}

H3.spip,H3.gris,H3{
 display:inline-block;
 font-size:1.1rem;
 padding:6px 15px 6px 15px;
 color:#285a91;
 background-color:#d2e8fc;
 text-transform:uppercase;
 margin:15px 0 5px 0;
 text-align:left;
    font-family: 'Droid Sans', sans-serif; 
}
H3.gris{
 background-color:#cad0d2;
  width:60%;
}
H3.titre_orga{
 background-color:transparent;
 margin-bottom:20px;
 text-align:left;
 display:block;
 color:black;
 font-size:1.8rem;
}
H4{
 font-size:1rem;
 padding:8px;
 color:black;
}
A,a.spip_out
{
	cursor:pointer;
	color: black;
	text-decoration: none;
	font-weight:700;
	color:#275A91;
}
A:hover
{
	text-decoration: underline;
	border-bottom: 0 none;
}

.auteur{
}

.cadre{
float:left;
z-index:500;
width:270px;
margin:10px;
text-align:justify;
}

#cadre{
text-align:justify;
}

A.lien_rubrique
{
	margin:25px 0 10px 0;
	padding:0 0 0 25px ;
	font-size: 17px;
	color: #513a2e;
	text-decoration: none;
	font-weight: bold;

}

A.lien_article, .lien_article
{
    display:block;
	position:relative;
	margin-top:20px;
	border:1px solid #d9daca;
	padding:30px 20px 40px 20px;
	color:black;
	font-size:0.9rem;
	cursor:pointer;
	font-weight:normal;
}
A.lien_article:hover
{
	text-decoration:none;
	background-color:#efeee9;
}

.illustration,.illustration2{
	float:left;
	margin-right:25px;
	width:200px;
	text-align:center;
}
.illustration2{
	width:100px;
}
.surtitre{
	color:#285a91;
	font-weight:700;
	font-size:1.1rem;
	
}
.titre{
	font-size:1.2rem;
	font-weight:700;
	
}
.soustitre{
	color:#2a5b93;
	font-size:1rem;
}
.introduction{
padding:15px 0 0 0;
}

A.lien_pagination
{
    display:inline-block;
	background-color:#285a91;
	color:white;
	font-size:1rem;
    padding: 3px;
	text-transform:uppercase;
	margin:5px;
	border:1px solid #285a91;
	font-weight:normal;
}
A.lien_pagination:hover
{
	text-decoration:none;
	background-color:white;
	color:black;
	border:1px solid black;
}

.titre_sommaire{
	font-size:1.6rem;
	border-bottom:1px solid black;
	margin:20px 0 20px 0;
}

A.cadre_ssrub{
	float:left;
	display:block;
	position:relative;
	width:195px;
	height:171px;
	border:1px solid #dadacb;
	margin:0 10px 15px 0;
	color:black;
	font-size:1.1rem;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
}

A.cadre_art{
	float:left;
	display:block;
	position:relative;
	width:200px;
	height:400px;
	border:1px solid #dadacb;
	margin:0 5px 15px 5px;
	color:black;
	font-size:0.9rem;
	font-weight:normal;
}
A.cadre_art:hover,A.cadre_ssrub:hover{
	background-color:#efefe8;
	text-decoration:none;
}
.date{
	color:black;
	font-weight:700;
	font-size:1rem;	
}

.cadre_date{
	float:left;
	width:43px;
	height:43px;
	text-align:center;
	background-color:#5b5650;
	padding-top:15px;
	margin:2px;
	color:white;
	font-weight:700;
	text-transform:uppercase;
	cursor:pointer;
}
/* **************************************
     CALENDRIER
***************************************** */
.global{
background:#E0E0E0;
font-size: 0.8rem;
text-align: center;
}
.rdv{
top:42px;
background:orange;
height:76px;
border-radius:20px;
padding: 10px 10px 12px 5px;
text-align:center;
border-radius:20px;
    font-size: 13px;
	cursor:pointer;
}

.rdv:hover{
background:orange;
color:white;
text-decoration:none;
}

.rdv_201{
background:#82358c;
color:white;
}

.rdv_192{
background:#3aaa35;
color:white;
}
.rdv_195{
background:white;
color:#3aaa35;
border:1px solid #3aaa35;
}

.rdv_193{
background:#e30613;
color:white;
}
.rdv_196{
background:white;
color:#e30613;
border:1px solid #e30613;
}

.rdv_194{
background:#1d71b8;
color:white;
}
.rdv_197{
background:white;
color:#1d71b8;
border:1px solid #1d71b8;
}

.rdv_198{
background:#96cdfb;
color:black;
border:1px solid #1d71b8;
}
.rdv_199{
background:white;
color:black;
border:1px solid #82358c;
}
.rdv_200{
background:#d7bc52;
color:white;

}






@media (max-width: 400px) {
	.illustration,illustration2{
	float:none;
	width:100%;
	margin:0 0 5px 0;
	max-height:200px;
	overflow:hidden;
	}
}

.titre_bleue{
	background-image:none;
	background-color:#01346b;
}
.titre_actu{
	background-image:url(/images/picto_actu.png );
}
.titre_lireaussi{
	background-image:url(/images/picto_lireaussi.png );
}
.titre_publi{
	background-image:url(/images/picto_publi.png );
}
.titre_carto{
	background-image:url(/images/pictos_carto.png );
}




.titre_doc{
    display:inline-block;
	background-color:#285a91;
	color:white;
	font-size:1.3rem;
    padding: 4px 15px 4px 15px;
	text-transform:uppercase;
}
.lien_doc{
    display:block;
	background-color:#efeee9;
	color:black;
	font-size:1rem;
    padding: 10px;
	font-weight:bold;
	margin-bottom:2px;
	text-transform:uppercase;
	overflow:hidden;
text-align:left;	
}
.lien_doc:hover{
    text-decoration:none;
	background-color:#d4d4cf;
}

.cadregris{
	background-color:#efefe8;
	width:100%;
	padding:20px;
	font-weight:bold;
	margin-bottom:2px;
}

.lien_fonce{
    display:inline-block;
	width:100%;
	background-color:#01346b;
	color:white;
	font-size:1rem;
    padding: 8px;
	font-weight:bold;
	text-transform:uppercase;
}
.lien_bleue{
    display:inline-block;
	width:100%;
	background-color:#275a91;
	color:white;
	font-size:0.8rem;
    padding: 8px;
	font-weight:bold;
	text-transform:uppercase;
}
.lien_bleue:hover,.lien_gris:hover,.lien_fonce:hover{
	text-decoration:none;
}
.lien_gris{
    display:inline-block;
	width:100%;
	background-color:#efeee9;
	color:black;
	font-size:0.8rem;
    padding: 5px 5px 5px 15px;
	font-weight:bold;
}
.lien_gris:hover{
	background-color:#d2e8fd;
}

.chapo{
    display:block;
	width:100%;
	background-color:#efeee9;
	color:black;
	font-size:1rem;
    padding: 10px;
	font-weight:bold;
	margin-bottom:2px;
}

.blocs_titre{
margin-top:15px !important;
}
/* FORMULAIRE */
.reponse_ok{
	padding:3px;
	margin:20px 3px;
	background:#d1fcd1;
	color:#01b801;
	border:1px solid #01b801;
	border-left:4px solid #01b801;
}
.erreur{
	display:block;
	padding:3px;
	margin:3px 3px 10px 3px;
	font-size:0.8rem;
	background:#fdd4d4;
	color:#fa1717;
	border:1px solid #fa1717;
	border-left:4px solid #fa1717;
}
FIELDSET{
padding:10px;
background-color:#efefe8;
}
LEGEND{
 display:inline-block;
 font-size:1.1rem;
 padding:6px 15px 6px 15px;
 color:#285a91;
 background-color:#d2e8fc;
 text-transform:uppercase;
 margin:15px 0 5px 0;
 text-align:left;
 font-weight:bold;
 left:0;
}
LABEL{
font-weight:bold;
min-width:200px;
font-size:1rem;
padding:6px 10px 0 0;
text-align:left;
}
.detail{
font-size:0.6rem;
}


LI.editer, LI.editer_texte{
list-style-type:none;
}

INPUT, SELECT{
border: medium none;
color: black;
background-color: white;
margin:2px;
}
input[type="text"] {
    width:60%;
	height: 25px;
	
padding: 0 0 0 8px;
font-size: 13px;
}

.selectmenu SELECT{
	 background: transparent;
	 width:110%;
	padding: 3px;
	font-size: 16px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  
}
div.selectmenu{
	display:inline-block;
	 position:relative;
	 max-width:235px;
	 width:100%;
	min-height:10px;
	height: 33px;
	overflow: hidden;
	background: url(/images/select.png) no-repeat 100% center #f4f4f4;
	border: 1px solid #ccc;
}

TEXTAREA{
border: medium none;
color: black;
background-color: white;
padding: 8px;
font-size: 13px;
margin:2px;
width:90%;
height:200px;
}

input[type="submit"],input[type="button"], .bouton {
    display:inline-block;
	background-color:#01346b;
	color:white;
	font-size:1.1rem;
    padding: 7px 15px;
	font-weight:700;
	cursor:pointer;
	text-transform:uppercase;
	text-align:center;
	font-weight:normal;
	border:1px solid transparent;
}
input[type="submit"]:hover,input[type="button"]:hover, .bouton:hover {
    background-color:white;
	color:#01346b;
	border:1px solid #01346b;
	text-decoration:none;

}

input[type="image"] {
    padding:0;
	height:auto;
}
#recherche{
 width:150px;
 background-color:white;
 background-image:url(/images/loupe.png);
 background-repeat:no-repeat;
 background-position:5px center;
 text-indent:20px;
}
/* Logos, documents et images */
img { margin: 0px; padding: 0px; border: none; }

.spip_logos { margin: 0px; padding: 0px; border: none; }

.spip_doc_titre {
	font-size: 11px;
	font-weight: normal;
}

.padding0{
padding:0;
}

/* ZONES */
@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
  }
}

@media (max-width: 800px) {
#slogan{
position:absolute;
top:85px;
left:0;
width:96%;
display:none;
}
}


@media (max-width: 640px) {

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, element1, element2 {
   width: auto;
   margin: 0;
   padding: 0;
 }

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 element1, element2 {
   float: none;
   width: auto;
 }

 /* masquer les éléments superflus */
 .hide_640 {
   display: none !important;
 }


}

@media print {
@page{
  margin: 1cm;
}

	#container_colonne, header, footer, .noprint{
	display:none;
	}
	#container, #zone{
	width:100%;
	}
	
	.print{
	display:block;
	}	
.banniere {
    width: 100%;
}	
}

#colorbox, #colorbox * {
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 }
#colorbox img { height: inherit; }



/* max-width pour  résolutions de 500 à 950*/
@media screen and (max-width: 950px) {
	.largeur_124{
		width:100px;
		border-right:1px solid #cad0d2;
		background-position:center 5px ;
		padding:40px 10px 0 10px;
	}
	.largeur_130{
		width:190px;
		border-right:1px solid #cad0d2;	
		background-position:center 5px ;
		padding:40px 10px 0 10px;
	}
	.largeur_136{
		width:150px;
		background-color:#e2e6e6;
		border-right:1px solid #cad0d2;	
		background-position:center 5px ;
		padding:40px 10px 0 10px;
	}
	.largeur_144{
		width:100px;
		background-color:#e2e6e6;
		border-right:1px solid #cad0d2;	
		background-position:center 5px ;
		padding:40px 10px 0 10px;
	}

	NAV LI A{	
		display:display-inline;
		float:left;
		padding:40px 10px 0 10px;
		height:76px;
		text-transform:uppercase;
		color:black;
		font-size:12px;
		z-index:3;
		font-weight:normal;
		text-align:center;
	}
}

.show_800{
	display:none;
}

/* max-width pour  résolutions en dessous de 820*/
@media screen and (max-width: 800px) {

	#container, #container_colonne, #zone{
		clear:both;
		width:100%;
	}
	#zone{
	padding:10px;
	}

	NAV LI{
	display:none;
			float:none;
		width:100%;
	}
}

@media (max-width: 500px) {
NAV A {

    font-size: 1.3rem;
	}
H1{
font-size: 1.1rem;
}
#menu{
font-size:2rem;}

#slider{
width:100%;
}
.bloc_agenda_home{
width:100%;
}
#actu_home{
width:100%;
margin:20px 0 0 0;
}
#actu_collec{
width:100%;
margin:20px 0;
}
#texte_pays{
position:relative;width:100%;
}
.divpays{
right:2%;
top:60%;
width:95%;
max-width:500px;
}
	#bandeaucolbleue{
		display:none;
	}
	#slider{
	float:none;
	width:100%;
	}

	#zone
	{padding:10px;
	}
	
	.groupepays{
		width:100%;
		font-size:0.9rem;
		padding:12px;
	}	
}