/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 09
   © 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». */



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

textarea {
  resize: none;
}

.ligne {
	color: #333333;
	/*text-shadow: 0px -1px 0px #000;*/
	-moz-box-shadow: 0px 1px 0px #3a3a3a;
	text-align: center;
	padding: 18px;
	margin: 0px;
	font-weight: normal;
	font-family: "Lucida Grande", "Helvetica", "Arial", "sans-serif";
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4C8BB5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4C8BB5;
}

.middle {
	color: #0A2303;
	margin: 10px;
	padding: 5px;
	text-align: center;
}

.TextePresentation {
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "serif";
	font-size: 15px;
	line-height: 17px;
	color: #E7EACB;
	padding: 10px;
	text-align: justify;
}

.TexteTitre {
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "serif";
	font-size: 20px;
	line-height: 40px;
	color: #93d051;
	padding: 0px;
	text-align: left;
	font-style: normal;
	font-weight: bold;
}

.TexteTitreC {
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "serif";
	font-size: 20px;
	color: #93d051;
	padding: 0px;
	text-align: left;
	font-style: normal;
	font-weight: bold;
}

.TexteCorp {
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "serif";
	font-size: 15px;
	line-height: 1;
	text-align: justify;
	padding: 0px;
	margin: auto;
	text-transform: none;
	color: #222;
}

.TextePuce {
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "serif";
	font-size: 15px;
	line-height: 20px;
	color: #E7EACB;
	text-align: justify;
	font-style: italic;
}

.TexteMentions {
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "serif";
	font-size: 13px;
	color: #E7EACB;
	padding: 11px;
	text-align: justify;
}

.TexteBandeau {
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "serif";
	font-size: 20px;
	color: #050505;
	text-align: justify;
	font-weight: bolder;
	font-style: oblique;
	background-color: #4D9072;
	/*border: double;*/
	border-radius: 4px;
}
.TexteBandeauActu {
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "serif";
	font-size: 12px;
	color: #e7eacb;
	text-align: justify;
	font-weight: normal;
	font-style: italic;
	line-height: normal;
}
.PhotoCadreGauche {
	float: left;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 0px;
}
	
.TexteNewsEncadre {
	font-family: "Trebuchet MS"," Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	line-height: 20px;
	padding: 10px;
	border: 1px solid #999;
	text-align: left;
	margin: 2px;
	list-style-type: square;
	background-color: #3a7885;
}

.ImageEncadre{
	border: 1px solid #3a7885;
}

a.type1 {
	color: #93d051;
	text-decoration: none;
/*	text-decoration: blink;*/
}
a.type1:hover {
	color: #e7eacb;
	/*text-decoration: blink;*/
}

button {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #60a9b9), color-stop(1, #30616b));
	background: -moz-linear-gradient(top, #60a9b9 5%, #30616b 100%);
	background: -webkit-linear-gradient(top, #60a9b9 5%, #30616b 100%);
	background: -o-linear-gradient(top, #60a9b9 5%, #30616b 100%);
	background: -ms-linear-gradient(top, #60a9b9 5%, #30616b 100%);
	background: linear-gradient(to bottom, #60a9b9 5%, #30616b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#60a9b9', endColorstr='#60a9b9',GradientType=0);
	background-color: #3a7885;
	border: 1px solid #ccc;
    border-radius: 5px;
    color: #21409a;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 2px 5px 0;
}

button:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background: -moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background: -webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background: -o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background: -ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background: linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);	
	background-color: #6c7c7c;
	text-decoration: none;
}

.myButton {
	-moz-box-shadow: inset 0px 1px 3px 0px #91b8b3;
	-webkit-box-shadow: inset 0px 1px 3px 0px #91b8b3;
	box-shadow: inset 0px 1px 3px 0px #91b8b3;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #60a9b9), color-stop(1, #30616b));
	background: -moz-linear-gradient(top, #60a9b9 5%, #30616b 100%);
	background: -webkit-linear-gradient(top, #60a9b9 5%, #30616b 100%);
	background: -o-linear-gradient(top, #60a9b9 5%, #30616b 100%);
	background: -ms-linear-gradient(top, #60a9b9 5%, #30616b 100%);
	background: linear-gradient(to bottom, #60a9b9 5%, #30616b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#60a9b9', endColorstr='#60a9b9',GradientType=0);
	background-color: #3a7885;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #566963;
	display: inline-block;
	color: #93d051;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 10px;
	text-decoration: none;
	text-shadow: 0px -1px 0px #2b665e;	
}

.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);	
	background-color:#6c7c7c;
	color: #e7eacb;
	cursor: pointer;
}

.myButton:active {
	position:relative;
	top:1px;
}

#maxime {
	position: relative;
	display: inline-block;
	color: #3a7885;
	border-radius: 5px 5px 5px 5px;
	background-color: #346A76;
	border: 1px outset #FFF;
	text-align: center;
	height: 90px;
	width: 500px;
	top: 40px;
	left: 100px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#menuprog1, #menuprog2, #menuprog3, #menuprog4, #menuprog5 {
	position: absolute;
	display: inline-block;
	padding: 5px 10px 0px 0px;
	border-radius: 5px 5px 5px 5px;
	background-color: #787B64;
	border: 1px inset #dedede;
	height: 25px;
	width: 200px;
	left: 5px;
	text-align: left;
	list-style: none;
	font: 1em "lucida grande",arial;
	padding-left: 10px;
	float: left;
	clear: left;
	color: #93d051;
	cursor: default;
	-webkit-transition: background-color 0.5s linear, padding-left 0.3s ease-out;
	-moz-transition: background-color 0.5s linear, padding-left 0.3s ease-out;
	-ms-transition: background-color 0.5s linear, padding-left 0.3s ease-out;
	-o-transition: background-color 0.5s linear, padding-left 0.3s ease-out;
	transition: background-color 0.5s linear, padding-left 0.3s ease-out;
}

#prog
{
	position: absolute;
	top: 10px;
	left: 290px;
	width: 690px;
	display: none;
	z-index: 3;
	text-align: justify;
}

#menuprog1:hover, #menuprog2:hover, #menuprog3:hover, #menuprog4:hover, #menuprog5:hover {
	padding-left: 25px;
	color: #e7eacb;
	background-color: #676a55;
}

#menuprog1:hover + #prog, #menuprog2:hover + #prog, #menuprog3:hover + #prog, #menuprog4:hover + #prog, #menuprog5:hover + #prog {
    display: block;
}

#menuprog1 {
	top: 10px;
}

#menuprog2 {
	top: 42px;
}

#menuprog3 {
	top: 74px;
}

#menuprog4 {
	top: 106px;
}

#menuprog5 {
	top: 138px;
}

#fixe
{
	height: 70px;
	width: 20px;
	position: fixed;
	top: 60px;
	left: 10px;
	border-bottom-style: none;
	z-index: 2;
}

#fixenews
{
	margin:0;
	padding:0;
	height: 70px;
	width: 20px;
	position: absolute;
	top: 5px;
	left: 40px;
	border-bottom-style: none;
	z-index: 2;
}

#imageBandeau {
	position:relative; 
	height: 239px; 
	width: 1000px; 
	margin-left: auto; 
	margin-right: auto;
}

#menuPage {
	position:relative; 
	/*height:236px;*/
	width: 1000px; 
	background-color: #676a55; 
	margin-left: auto; 
	margin-right: auto; 
	border-top: 2px solid #dedede; 
	border-bottom: 2px solid #dedede;
	z-index:0;	
}

#connectPage {
	position:relative; 
	/*height:20px;*/ 
	width: 1000px; 
	background-color: #676a55; 
	margin-left: auto; 
	margin-right: auto;
}

#gauchebas, #milieubas, #droitbas {
	position: absolute;
	display: inline-block;
	padding: 2px 5px 0px 0px;
	color: #3a7885;
	border-radius: 5px 5px 5px 5px;
	background-color: #346A76;
	border: 1px outset #FFF;
	text-align: center;
	height: 20px;
}

#gauchebas {
	cursor: pointer;
	left: 5px;
	top: 3px;	
}

#milieubas {
	cursor: pointer;
	left: 430px;
	top: 3px;
}

#droitbas {
	right: 5px;
	top: 3px;
}

#bandeauGauche, #pageDroite {
	position: absolute;
	height:1156px;
}

#bandeauGauche, #pageDroite {
	position: absolute;
	height: 1115px;
	top: 0px;
	display: inline-block;
	border-radius: 15px 15px 15px 15px;
	border: 1px outset #FFF;	
}

#bandeauGauche {	
	width: 273px;
	background-color: #676A55;
}

#pageDroite {	
	width: 718px;
	left: 280px;
	background-image: url(../../images/fond1.jpg);
	text-align: justify;
}

#pageEntiere {
	position: absolute;
	width: 1000px;
	margin-left: auto; 
	margin-right: auto;
	background-color: #676A55;
}

#global {
	width: 1000px;
	max-width: 90em;
	min-width: 850px;
	margin-left: auto;
	margin-right: auto;
	z-index: 0;
}

h6 {
   font-family:arial, verdana, sans-serif; 
   font-size:16px;
   font-weight:bold;  
   color:#62c0f4;  
}

a.bulle {
	position: relative;
	color: #676a55;
	text-decoration: none;
	font-family: arial, verdana, sans-serif;
	text-align: center;
	font-size: 11px;
	z-index: 10;
}

a.bullenews {
	position: absolute;
	color: #676a55;
	text-decoration: none;
	font-family: arial, verdana, sans-serif;
	text-align: center;
	font-size: 11px;
	z-index: 2;
}

a.bulle:hover {
   background: none; 
   z-index: 50; 
}

a.bulle span { 
  display: none;
}

a.bulle:hover span {
	display: block;
	position: absolute;
	top: -10px;
	left: 40px;
	font-family: arial, verdana, sans-serif;
	text-align: justify;
	font-size: 10px;
	font-weight: normal;
	width: 200px;
	background: white;
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #676a55;
	border-right-color: #676a55;
	border-bottom-color: #676a55;
	border-left-color: #676a55;
}

.ombreout {
	background-color: #C0C0C0;
	border: 1px solid gray;
	padding: 5px;
	box-shadow: 2px 2px 10px gray;
	-moz-box-shadow: 2px 2px 10px gray;
	-webkit-box-shadow: 2px 2px 10px gray;
}

.ombrein {
background-color:#C0C0C0;
border:1px solid gray;
padding:5px;
box-shadow:2px 2px 10px gray inset;
-moz-box-shadow:2px 2px 10px gray inset;
-webkit-box-shadow:2px 2px 10px gray inset;
}

.ombremultiple {
background-color:#C0C0C0;
padding:5px;
box-shadow:2px 2px 2px gray,
-1px -1px 2px white;
}

ombre {
text-shadow:1px 1px 1px 1px white;
}

gravure {
text-shadow:1px 1px 2px gray;
}

.ombreinarrondi {
padding:11px;
background:#eeeeee;
border:2px solid #bbbbbb;
border-radius:12px inset;
box-shadow:2px 2px 10px gray inset;
-moz-border-radius:12px inset;
-webkit-border-radius:12px inset;
}

.arrondi 
{
  border-radius: 15px;
  border: 2px solid #999;
  padding: 0px;
  width: 1000px;
  height: 239px;
  color: white;
  font-size: 60px;
  text-align: center;
  margin: 5px;
}
  
.trait
{
	background-color: #3C9;
	height: 1pt;
	width: 80%;
}

/* Formulaire */
.Fieldset {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	left: 10px;
	right: 10px;
	border-radius: 15px;
	border-top-color: #4C8BB5;
	border-right-color: #4C8BB5;
	border-bottom-color: #4C8BB5;
	border-left-color: #4C8BB5;
	box-shadow: 5px 5px 20px rgb(51,51,51);
	/*background:#FFF;
	background-color: #8c9175;*/
}

.Table {
	color: #000;
	width: 100%;
	text-align: center;	
}

fieldset, input, textarea {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:solid 1px #444;
	font-size: 14px;
	/*width: 160px;*/
	padding: 7px 8px 7px 30px;
	-moz-box-shadow: 0px 1px 0px #777;
	-webkit-box-shadow: 0px 1px 0px #777;
	background: #ddd;
	background: -moz-linear-gradient(
		 center bottom,
		 rgb(225,225,225) 0%,
		 rgb(215,215,215) 54%,
		 rgb(173,173,173) 100%
		 );
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(225,225,225)),
		color-stop(0.54, rgb(215,215,215)),
		color-stop(1, rgb(173,173,173))
		);
	/*color:#4C98CB;*/
	color: #3A7101;
	padding: 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	/*	border: none;*/
	border-style: outset;
	border-color: #000000;
	text-shadow:0px 1px 0px #FFF;
	text-align: left;
	top: 3px !important;
	left: 35px !important;
}

#formulaire {
	color: #000000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 0px;
	margin: 10px;
	/*width: 600px;*/
	margin-left: auto;
	margin-right: auto;	/*background-color: #8c9175;*/
}

#formulaire fieldset {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	left: 10px;
	right: 10px;
	border-radius: 0px;
	border-top-color: #4C8BB5;
	border-right-color: #4C8BB5;
	border-bottom-color: #4C8BB5;
	border-left-color: #4C8BB5;
	box-shadow: 5px 5px 5px rgb(51,51,51);
	/*background: #4D9072;*/
	background: #DAEFA0;
}

#formulaire select {
    padding: 3px;
    margin: 5px;
    border-radius: 10px;
    box-shadow: 0px 3px 0px rgb(204, 204, 204), 0px -1px rgb(255, 255, 255) inset;
    background: none repeat scroll 0% 0% rgb(215, 215, 215);
    color: rgb(136, 136, 136);
    border: medium none;
    outline: medium none;
    display: inline-block;
    -moz-appearance: none;
    cursor: pointer;
}

#formulaire .adhesionChamp {
    position: relative;
}

#formulaire h2 {
	color: #e11c1c;
	text-shadow: 0px -1px 0px #000;
	border-bottom: solid #181818 1px;
	/*-moz-box-shadow: 0px 1px 0px #3a3a3a;*/
	text-align: center;
	padding: 15px;
	margin: 0px;
	font-weight: normal;
	font-size: 24px;
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
}

#formulaire .message {
	color: #F00;
	margin: 10px;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	background-color: #e7eacb;
	border-radius: 10px;
	padding: 5px;
	text-align: center;
}

#formulaire .middle {
	color: #333333;
	margin: 10px;
	padding: 5px;
	text-align: center;
}

input.text {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:solid 1px #444;
	font-size: 14px;
	/*width: 160px;*/
	padding: 7px 8px 7px 30px;
	-moz-box-shadow: 0px 1px 0px #777;
	-webkit-box-shadow: 0px 1px 0px #777;
	background: #ddd;
	background: -moz-linear-gradient(
		 center bottom,
		 rgb(225,225,225) 0%,
		 rgb(215,215,215) 54%,
		 rgb(173,173,173) 100%
		 );
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(225,225,225)),
		color-stop(0.54, rgb(215,215,215)),
		color-stop(1, rgb(173,173,173))
		);
	/*color:#4C98CB;*/
	color: #3A7101;
	text-shadow:0px 1px 0px #FFF;
	text-align: left;
	top: 3px !important;
	left: 35px !important;
	/*line-height: 29px;*/
}

input.text:hover {
	border-radius: 0px;
	text-decoration: underline;
	font-size: 16px;
}

.textarea
{
	border: 1px solid #CCCCCC !important;
	color: #000000 !important;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 14px;
	padding: 8px !important;
	width: 385px !important;
	border-radius: 10px;
	background-color: #CCC;
	text-shadow:0px 1px 0px #FFF;
}

.textarea:hover {
	border-radius: 0px;
	text-decoration: underline;
	font-size: 16px;
}

input#TB_Nom_Adherant, input#TB_Prenom_Adherant { 
	background-position: 4px -46px; 
	background-position: 4px -46px, 0px 0px; 
}

input#TB_Adresse_Email { 
	background-position: 4px 5px; 
	background-position: 4px 5px, 0px 0px;
}

input#TB_Numero_Telephone, input#TB_Numero_Fax { 
	background-position: 4px -76px; 
	background-position: 4px -76px, 0px 0px; 
}

input#TB_Mot_de_Passe, input#TB_Confirmation_Mot_de_Passe { 
	background-position: 4px -20px; 
	background-position: 4px -20px, 0px 0px;
}

::-webkit-input-placeholder {
    color: red;
	text-shadow: 0px 1px 0px #fff;
}

:-moz-placeholder { /* Firefox 18- */
    color: red;
	text-shadow: 0px 1px 0px #fff;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: red;
	text-shadow: 0px 1px 0px #fff;
}

:-ms-input-placeholder {  
    color: red;
	text-shadow: 0px 1px 0px #fff;
}

/* Google */

#google {
	
}

#google fieldset {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	left: 10px;
	right: 10px;
	border-radius: 15px;
	border-top-color: #4C8BB5;
	border-right-color: #4C8BB5;
	border-bottom-color: #4C8BB5;
	border-left-color: #4C8BB5;
	box-shadow: 5px 5px 20px rgb(51,51,51);
}

#google .h4 {
	color: #F00;	
}

.map_g {
  height:600px; 
  width:100%;
}