/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 11
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */
body {
	color: #F0E39E;
	/*background: #2C2F22;
	background: #75c6a6;*/
	background-color: #7ca38a;
	
	/*background-image:url(../images/fond_ecran_neige_chalmazel.jpg);*/
	/*background-image:url(../images/fond_ecran_neige_praboure.jpg);*/
	/*background-image:url(../images/montagne_neige_3_lite.jpg);*/	
	background-image:url(../images/cascades_des_tuffs.jpg);	
	/*background-image:url(../images/noel_medium_2019.jpg);*/
	/*background-image:url(../images/arbre_fleuri_1600x1200_claire.jpg);*/	
	/*background-image:url(../images/feu_artifice_1_3.jpg);*/	
	/*background-image:url(../images/feuilles_translucides_1024_R.jpg);	*/
	/*background-image:url(../images/10_fond_ecran_automne_3.jpg);	*/
	/*background-repeat:repeat;*/
	background-attachment:fixed;
	
	
	/*background: #7ca38a;*/
}
#global {
	-webkit-box-shadow: 8px 8px 12px #555;
	-moz-box-shadow: 8px 8px 12px #555;
	box-shadow: 8px 8px 12px #555;
	/*background-color: #E0E5FF;*/
	background-color: #EDEDED;
	/*background-color: #DCDCDC;*/
	/*background-color: #FFFFFF;*/
}
a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}
strong {
	/*color: #A1B55D;*/
}

#entete {
	border-bottom:5px solid  #0F7939;
}
/* Conteneur central */
#centre {
	/*background: url(img/11-colgauche_jaune.png) repeat-y left top;*/
	/*background: url(img/11-centre_degrade_jaune.png) repeat-y left top;*/
	/*background: #FFF;*/
	/*background: url(img/11-colonne_nav200x40DCDCDC.jpg) repeat-y left top;*/
}
#centre-bis {
	/*background: url(img/11-coldroite2_jaune.png) repeat-y right top;*/
}

/* Navigation */ /* menu */

#navigation {
	/*background: #E1E1E1;*/
	
}
#navigation a {
	/*color: #FF6533;*/
	/*color:#f4c01c;*/ /* jaune anr */
	color:#000;
	/*font-weight:bolder;*/
}
#navigation a:hover, #navigation a:focus{
	/*background: #000000;*/ /* noir */
	/*background: #95b6d7;*/
	color:red;
}
#navigation .menuNiv1{
	font-weight:bolder;
	font-size:1.1em;
}
#navigation .subMenu a{font-weight:700;}
#fieldset_menu {
		background-color:#DCDCDC;
		border:2px solid #0077BE;
		/* arrondis */
		-moz-border-radius:8px;
		-webkit-border-radius:8px;	
		border-radius:8px;
		/* ombre */
		-webkit-box-shadow: 8px 8px 12px #555;
		-moz-box-shadow: 8px 8px 12px #555;
		box-shadow: 8px 8px 12px #005B90;		
}

/* Contenu principal */
#principal {
	color: #181A12;
	/*background: #cbd888;*/
}
#principal a {
	color: #332510;
}
#principal a:hover, #principal a:focus {
	color: #6E5122;
}
/*
 supprimé le 05/06/2013 suite à conflit avec la mise en forme gras+couleur de CKeditor
#principal strong {
	color: #181A12;
}
*/
/* Contenu secondaire */
#secondaire {
	/*background: #FFECA0;*/
	background: #FCF1C3;
	color: #000;
}
#formulaire_connexion input[type=text] {
	background-color:#FFF;
}
#bt_connexion {	
  background: #94ccf2;
  background-image: -webkit-linear-gradient(top, #94ccf2, #0a6fad);
  background-image: -moz-linear-gradient(top, #94ccf2, #0a6fad);
  background-image: -ms-linear-gradient(top, #94ccf2, #0a6fad);
  background-image: -o-linear-gradient(top, #94ccf2, #0a6fad);
  background-image: linear-gradient(to bottom, #94ccf2, #0a6fad);
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  -webkit-box-shadow: 5px 5px 3px #6b6a6b;
  -moz-box-shadow: 5px 5px 3px #6b6a6b;
  box-shadow: 3px 3px 9px #6b6a6b;
  font-family: Georgia;
  color: #f5ee25;
  font-size: 15px;
  padding: 4px 20px 4px 20px;
  border: solid #c3dff0 2px;
  text-decoration: none;
 cursor:pointer;
}

#bt_connexion:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

#lien_codes_oublies {	
	color:blue;
}



/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 5px 5px;
}
#global {
	width: 98%;	
	max-width: 90em;
	min-width: 850px;
	height:600px; /*pour IE */
	margin-left: auto;
	margin-right: auto;
}
/* pour les autres navigateurs */
html>body #global {
height: auto;
min-height: 600px;
} 


/* En-tête */
#entete  {
	margin: 0;
	width:100%;
	height:180px;
}
#entete  img {
	/*float: left;*/
	margin:0;
	width:100%;
	/*width:950px;*/
	height:180px;
	/*height:83px*/
	/*margin: 7px 20px 10px 0;*/
}
#entete #zone_simplyScroll{	
	display:block;
	position:relative; 
	top:-111px; left:50%; 
	width:48%; 
	height:110px; 
	background:#FFF;
	color:#000;
	-webkit-box-shadow: 8px 8px 12px #0F7939;
	-moz-box-shadow: 8px 8px 12px #0F7939;
	box-shadow: 8px 8px 12px #0F7939;
	border-top:3px solid #0F7939; 
	border-left:3px solid #0F7939;
}



/* Bloc central */
#centre-bis {
	width: 100%;
	overflow: hidden;
}

/* Menu de navigation */
#navigation {
	float: left;
	/*width: 180px;*/
	/*width: 200px;*/  /*  */
	width: 200px;
	
}
#navigation ul {
	margin: 0;
	/*padding: 7px 10px 10px 10px;*/   /*  */
	padding: 7px 8px 10px 7px;
	list-style: none;
}
#navigation a {
	display: block;
	height: 1%;
	padding: 6px 10px 6px 10px;
	line-height: 1.4;
	font-size: .9em;
	text-decoration: none;
}


/* Menu vertical deroulant accordeon (Alsacréations) */
.navigation { 
      margin: 0; 
      padding: 0; 
      list-style: none; 
      /*background: #000; */
      color: #fff; 
     /* width: 200px; 
      width: 180px; */
	  width:165px;
      font: 1.2em "Trebuchet MS", sans-serif; 
      } 
   .navigation a, .navigation span { 
      display: block; 
      padding: 4px 10px; 
      color: #fff; 
      text-decoration: none; 
      /*background: #000 url(menu-item.png) left bottom no-repeat; */
     
      } 
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
      /*background-image: url(menu-item-deroule.png); */
      } 
   .navigation .open a, .navigation .open span { 
      /*background-image: url(menu-item-enroule.png);*/ 
      } 
   .navigation a:hover, .navigation a:focus, .navigation a:active { 
      text-decoration: underline; 
      } 
   .navigation .subMenu { 
      font-weight:normal;
      /*background: #ccc url(subMenu.png) 0 0 repeat-x; */
      font-size: .9em; 
      margin: 0; 
      padding: 0; 
      border-bottom: 1px solid #666; 
      } 
   .navigation ul.subMenu a { 
      background: none; 
      padding: 3px 20px; 
      }

/* Contenu principal */

#principal {
	margin-left: 200px;
	margin-right: 260px;
	padding: 10px 20px;
}
#principal .titre_page {
	text-align:center;
	padding-bottom:10px;
	font-size:1.5em;
	font-weight:bold;
	/*color:#004d9f;
	color:#0088CC;	*/
	color:#0077B3;
	margin-left: 25px;
	text-shadow: 4px 6px 2px rgba(150, 150, 150, 1);
}
#principal .titre_encadre {
	border-right: 1px solid #ABBF3B;
	border-bottom: 2px solid #ABBF3B;
}
#principal > :first-child {
	margin-top: 10px;
}
#principal p, #principal li {
	line-height: 1.5;
}

/* Contenu secondaire */
#secondaire {
	float: right;
	width: 200px;
	padding: 15px 20px;
}
#formulaire_connexion {
	text-align:center;
	padding-bottom:5px;
}
#coord_anr42 {
	margin-top:50px;	
	text-align:center;
}
#date_maj {
	margin-top:10px;
	padding:5px;
	text-align:center;
	background-color:#DCDCDC;
	border:1px solid #0077BE;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	border-radius:5px;
}
.tit_rubrique{	
	font-weight: bold;	
	font-size: 1.2em;
	text-align:center;
	/*margin-left:20px;*/
	border-bottom: 1px solid #004d9f;
}
.fieldset_une{
	background-color:#F3E5CB;
}	
img.puce_verte {
	width:25px !important;
	height:20px !important;
}
img.icone_mail, img.icone_tel, img.icone_courrier {
	width:25px !important;
	height:25px !important;
}
img.icone_pdf {
	width:40px !important;
	height:58px !important;
}	

/* Pied de page */
#pied {
	margin: 0;
	padding: 10px 260px 10px 200px;
	font-size: .85em;
	background-color:#FCF1C3;
}
#note_site_valid{
	height:30px;
	padding: 8px 0 8px 0;
}
#agendaANR42 {
	margin-bottom:25px;
	
}
.contact_mail{
	margin-left:50px;
	color:#000;
}
.lien_pied {
	font-size:1.2em;
	color:#cc3300;
}
#lien_mentions_legales {
	margin-left:30px;
	color:#cc3300;
}
.note_agenda {
	font-size: 0.9em;
	margin-top:10px;
}

/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;
}