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

/*
 bleu : #3399cc - 51,153,204
 jaune #FDCE15 - 253,206,21
*/
/* @import "/css/formulaires.css"; */

* { margin:0; padding: 0 }
html {
	font: 11px/1.4em Verdana, sans-serif;
}

a { text-decoration:none;	}
a img { border:none}

/* liens externes */
a.externe:link
        {
            background: url(../images/gab/iconLienExterne.gif) no-repeat 100% 0;
            padding: 0 20px 0 0;
        }

a.externe:visited
        {
            color: purple;
            background: url(../images/gab/iconLienExterne.gif) no-repeat 100% -100px;
            padding: 0 20px 0 0;
        }

a.externe:hover
        {
            color: red;
            background: url(../images/gab/iconLienExterne.gif) no-repeat 100% -200px;
            padding: 0 20px 0 0;
		}
/* Fin liens externes */

body{
	text-align:center;
	}

table {
	border:3px #3399cc solid;
	border-collapse:collapse;
	width:90%;
	margin:auto;
}

caption{
	font-weight:bold;
}

thead{
	background-color:#3399cc;
	border:1px #3399cc solid;
	}

th {
	font-family:monospace;
	border: 1px #3399cc dotted;
	padding:5px;
	background-color:#3399cc;
	}

td {
	font-family:sans-serif;
	font-size:100%;
	border:1px solid #3399cc;
	padding:5px;
	text-align:left;
	}
	
#container {
	/*	width:780px;*/
	width:100%;
	margin: 0 auto;
	text-align:left;
	}

#container img {
	float:left;
}

#entete{
	background-image:url(../images/gab/gabCoinDroitSup.png);
	background-position:right;
	background-repeat:no-repeat;
	height: 47px;
}

#entete img {
	float:right;
	margin-right:55px;
}

.DecompteTemps {
	color:#3399cc;
	text-align:center;
	font-size: 1.1em;
	padding-top: 4px;
	padding-right: 10px;
}
.DecompteTemps span {
	color:#df001a;
	font-size: 1.2em;
	font-weight: bold;
}

#entete p {
	text-align:right;
}

#entete a {	/*color:#3C3C3C;*/ color:white;}

#navHaut {
	height:119px;
	background-image: url(../images/gab/gabDroitSup.png);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
}

#navHaut img {
	float:right;
	margin-right: 55px;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
}

#navHaut h1 {
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #df001a;
	line-height: 1.5em;
	font-size: large;
}

#navHaut p {
	font-family:Arial, Helvetica, sans-serif;
	color: #DF001A; /* rouge dessin*/
	font-size: 1.2em;
	font-weight: bolder;
	font-style: italic;
	margin-top: 20px;
}

.navBar {
	font-size:0.9em;
	color:#3C3C3C;
	height: 43px;
	}
#corps {
	background-image: url(../images/gab/gabRepete.png);
	background-repeat: repeat-y;
	background-position: right;
	margin-left: 166px;
	padding-left: 5px;
	text-align:left;
	}

h1,h2,h3,h4 {
	color:#3399cc;
	padding-left:5px;
	padding-top:10px;
	}
	
h1 {
	padding-top:20px;
	font-size:1.8em;
	padding-bottom: 10px;
}

h2 {
	font-size:1.6em;
}

h3 {
	font-size:1.4em;
}


#corps p {
	margin-right:30px;
	padding: 5px 0 5px 10px;
	}

#corps ul {
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 5px;

}

#corps li {
	padding-left: 25px;
}

#corps dl {
	margin: 10px 15px;
	}
	
#corps dt{
	margin-top: 5px;
	color:#3399cc;
	font-size:1em;
	}

#corps dd {
	margin-left:15px;
	margin-bottom:10px;
	}

#corps dt img {
	margin-right:5px;
	padding-right:2px;
	}

#CoinDroitHaut {
	float:right;
	width:55px;
	height:43px;
	background-image: url(../images/gab/gabCoinDroitHaut.png);
}

#CoinGaucheHaut {
	float:left;
	width:46px;
	height:43px;
	background-image:url(../images/gab/gabCoinGaucheHaut.png);
	margin-left: -5px;
}

#CoinCentre {
	margin-left:46px;
	margin-right:46px;
	padding-top:20px;
	}
#CoinCentre ul {
	text-align:center;
	}
	
#CoinCentre ul li {display:inline; margin-right:10px; 	padding-right: 11px;}

#CoinCentre ul li a { padding:4px; line-height:1em; color:#323489;}

#CoinCentre ul li a:hover {background-color:#323489; color:white; font-weight:bold; text-decoration:underline;}
	
#CoinDroitBas {
	float:right;
	width:55px;
	height:43px;
	background-image: url(../images/gab/gabCoinDroitBas.png);
		background-repeat:no-repeat;
}

#CoinGaucheBas {
	float:left;
	width:46px;
	height:43px;
	background-image:url(../images/gab/gabCoinGaucheBas.png);
	background-repeat:no-repeat;
}

#pied {
	clear:right;
	background-image:url(../images/gab/gabPiedDroit.png);
	background-position:right;
	background-repeat:no-repeat;
	height:70px;
/*	margin-left: 166px;*/
}

.align_droit {
	float:right;
	margin-right:55px;
}

.align_gauche {
	float:left;
	margin-left:10px;
	}
#piedPage{
	clear:both;
	background-image:url(../images/gab/gabCoinInf.png);
	background-position:right;
	background-repeat:no-repeat;
	height:63px;
}

#piedPage img {
	float:right;
	margin-right:55px;
}

/* Tableau utilisé dansle formulaire contact.php */
#tableContact {
	border:none;
	width:50%;
	
	}

#tableContact td {
	width:50%;
	}
	
.enValeur1{
	margin: 1% 10% 1% 10%;
	border:solid 1px #323489;
}

.enValeur1 p{
	font-weight:bold;
}

#cetPage{
	float:right;
	width:200px;
	margin: 0 30px 5px 5px;
	border:#323489 solid 1px;
}

#cetPage h3	{
	font-size:1em;
	margin: 0;
	text-align:center;
}

#cetPage ul{
	margin: 0;
	padding:0;
	/*	background-image:none;
	list-style:url(../images/gab/puce_jaune.gif);*/
	list-style:none;
	}

#cetPage li {
	margin:0;
	background:url(../images/gab/puce_jaune.gif) no-repeat;
	background-position: 0 3px;
}

#cetPage li a {
	color:black;
	text-decoration:none;
}

#cetPage li a:hover{
	text-decoration:underline;
}

/* Affiche de la page carte.php avec les cavités et le composant googlemaps*/
#krtCavites{
	float:right;
	margin: 0 30px 5px 5px;
}

.clear-both {
	clear: both;
	width: 3px;
	color: #FFFFFF;
}

.puceJaune li {
	background:url(../images/gab/puce_jaune.gif) no-repeat;
	background-position: 0 3px;
	list-style:none;
	}
	
/* Gestion d'une petite galerie de logo*/ 
.float-right dt {
	float:left;
	margin-bottom:20px;
	}

/* Gallerie old*/
.gallerie {
	width:80%;
	height:210px;
	text-align:center;
	padding:10px;
	margin: 10px 10px;
	border: solid 1px #323489;
	}
	
.gallerie ul {
	margin:0;
	padding:0;
	list-style:none;
	background-image:none;
}

.gallerie li {
	background-image:none;
	list-style-type: none;
	list-style-image: none;
	list-style-position: inside;
	}

.gallerie dl {
	text-align:center;
	padding: 0 0 10px 0;
	margin: 0 0 1em 1em;
	}
.gallerie dt{
	font-weight:bold;
	padding:5px 10px;
	margin-bottom:10px;
	display: inline;
	}
.gallerie dd img{
	margin-right: 10px;
	width: 150px;
}

.gallerie dd {
	margin: 0;
	padding: 0 10px 5px 10px;
	font-size: 85%;
	display: inline;
}

/* Liste des organisateurs*/ 
dl.organ{
	margin:0 30px 10px 20px;
	}
.organ dt {
	width:15em;
	margin:0;
	padding:0.5em;
	border-top:solid 1px #3399cc;
	font-weight:bold;
	color: #3399cc;
	}
.organ dt.first {
	border-top:none;
	}
.organ dd {
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 2em;
	float: none;
	}

.FloatDroit { float:right; }
.FloatGauche {float:left; }

/* Liste pour contact (formulaire contact.php*/ 
#LstContact {
	width:50%;
	text-align:center;
	margin-left: 10%;
	}
#LstContact dl{
	text-align:left;
	}

#LstContact dt{
	font-weight:bold;
	}
	
#LstContact dd{
	margin-left:10px;
	}

/* Formulaire suivi inscription*/
#suivi {
	float:right;
	width:300px;
	text-align: center;	/*border:#323489 solid 1px;*/
	margin-right: 25px;
	}
#suivi form {
	background-color:#FEF1C0;
	padding:5px;
	}
#suivi legend {
	color:#3399cc;
	font-weight:bold;
	}
#suivi fieldset{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	}
#suivi label {
	font-weight:bold;
	}
.submit  {
	width:88px;
	height:28px;
	color:#000066;
	margin:3px;
	background:url(../images/gab/BtnJaune_Haut.gif) no-repeat;
	}
/* Fin de formulaire suivi d'inscription */

#Actu {
	float:left;
	width: 40%;
	margin-right:30px;
	border: 1px solid #3399CC;
	}
#Actu dl {
	margin-left:0;
	padding-left:0;
	}
	
.EnValeur1{
	color:white;
	text-align:center;
	font-size:1.8em;
	border: 5px;
	background-color:#3399cc;
	margin-top: 5px;
	margin-right: 10%;
	margin-bottom: 5px;
	margin-left: 10%;
	}

.signature{
	text-align:right;
	}
	
.backTop{
	position:absolute;
	top:500px;
	right:50px;
/*	float:right;
	margin-right:50px;*/
}
html>body .backTop {
  position: fixed;
}

.invisible {
	color:white;
}

.bord-arrondi { width:80%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border:1px solid #000066; }

.puceJaune {
	list-style-image:url(../images/gab/puce_jaune.gif);
	background-position: 0 3px;
	}
	
#tabs {
	margin: 0 30px 0 0;
	border-style:none;
}


#tabs ul {
	background-image:none;
	list-style-image:none;
/*	margin: 0;*/
	border:#FFFFFF 0px;
}

tabs li {
	background-image:none;
	list-style-image:none;
	}

#tabs-1, #tabs-2, #tabs-3, #tabs-4 {
	border:1px solid #3399cc;
} 

/********************************/
/*   Page accueil
/********************************/

#Banniere {
	width:400px;
	float:left;
	}

#formSuivi {
	width:300px;
	float:right;
	margin-right: 55px;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	}

#formSuivi h2{
	font-size:0.9em;
	}
#formSuivi p{
	text-align:center;
	font-size:1em;
	line-height: normal;
	color: #000000;
	font-weight: normal;
	}
				
#contenuCentral {
	margin-right: 20px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

.boitInfo{
	float:left;
	/* margin:0 auto;*/ 
	margin-right:5px;
	width:300px;
	font-size:100%;
	border: 1px solid #4398B6;
	margin-top: 10px;
	}

.boitInfoHead{
	text-align:center;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	}

.boitInfoHead h2 {
	margin:0;
	color:white;
	background-color:#4398B6;
	font-weight:bold;
	font-size:1.2em;
	line-height:1em;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	}

.boitInfoCorp {
	margin:0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	height:200px;
	overflow:auto;
	}

.boitInfoCorp p {
	margin:0px;
	padding:0;
	line-height: 1.1em;
	}

.boitInfoCorp img {
	float:right;
	margin:0;
	}

.aSuivre {
	font-size:0.9em;
	text-align: right;
	color: #3399CC;
	}

.aSuivre a { text-decoration:none;}

.lienBleu a {
	color:#3399CC;
	text-decoration:none;
	}

.lienBleu a:hover {
	font-weight:bold;
	text-decoration:underline;
	
	}

/* Gestin du plan du site*/ 
	
#planSite {
	margin:0px;
	padding:0px;
	list-style:none;
	background-image:none;
	color: #FDCE15;
	font-size: 1.4em;
	font-weight: bold;
	}
#planSite lu {
	border-bottom-style: dotted;
	border-bottom-color: #FDCE15;
	border-bottom-width: 1px;

	}

#planSite a {
	color:#3399CC;
	text-decoration:none;
	}

#planSite a:hover {
	font-weight:bold;
	text-decoration:underline;
	
	}
#planSite li ul li{
	color:#3399CC;
	list-style-type: none;
	font-size: 1em;
	}