/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}


html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{border:0; margin:0; padding:0;}

h1{
	color: #03538E;
	font:18px Arial;
	margin-bottom:10px;
}
h2{
	color: #03538E;
	font:13px Arial bold;

}
h3{
	font:10px Arial;
	color:#ffc20e;
	font-weight: bold;
}
/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 ;
	text-align:left;
	width:770px;
}
#container{
	margin: 0 auto;
	background-color: #00bef2;
	text-align:center;
	height: 1000px;
	width: 100%;

}
#indexGauche{
	float:left;
	display:block;
	background-color: #153580;
	width:50%;
	text-align: right;
	height: 100%;
}
#indexDroit{
	float:left;
	display:block;
	background-color: #00bef2;
	width:50%;
	*width:49%;
	text-align: left;
	height: 100%;
}

#indexContenu{
	margin-top: 150px; 
	width: 348px;
	
}

#indexContenu p{
	color:#fff; 
	text-align: center;
	font-size:12px;
}

#header{
	height: 135px;
	width: 100%;
}

/* MENU LATERAL
--------------------------------------------------------------------------------------- */
#menuLateral{margin:0; padding:0; background-color:#c2eafc;width:108px;float:left;display:block;}
#menuLateral ul{margin:0;padding:0;background-color:#c2eafc;}
#menuLateral ul li{padding:0; margin:0; display:block; width:108px;list-style-type:none;}
#menuLateral ul li a, #menuLateral ul li a:link, #menuLateral ul li a:visited{
	
	background-color: #afe4fb;
	color: #0485a2;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	padding: 5px 5px 5px 10px;
	margin-bottom:6px;
	text-decoration: none;
	display: block;
	
}
#menuLateral ul li a:hover, #menuLateral ul li a:visited:hover{background-color: #78d8f9;}
#menuLateral ul li a.actif, #menuLateral ul li a.actif:visited{background-color: #05A2C6 ;color:#FFF;}
/* CONTENU
--------------------------------------------------------------------------------------- */
#contenu{
	background-color:#c2eafc;
	width:100%;
	width:632px;_width: 662px; float:left; display:block;
	_height:500px;
	min-height: 500px;
	padding: 40px 15px;
}

/* AVIS
--------------------------------------------------------------------------------------- */
div#avis{
	border: 1px solid #00bef2;
	background-color: #d2f0fd;
}
div#titreAvis{
	background-color: #93e1fa;
	padding:5px;

}

/* ESCAPADES
--------------------------------------------------------------------------------------- */
.photoEscapade{
	min-width: 95px;_width:95px;
	min-height: 95px;_height:95px;
	background-color: #78d8f9;
	float: left; display: block;
	margin-right:10px;
}
.detailEscapade p{
	width: 600px;_width:500px;
	
}

.titreEscapade{
	width: 600px;_width:500px;
	font-size: 13px;
	color: #03538E;
	font-weight: bold;
	/*min-width: 400px;_width:480px;*/
	border-top: #629ec5 solid 1px; 
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#555; font-family:Tahoma; font-size:10px; height:50px; padding:0;}
#piedPage a{color:#BD9500; text-decoration:underline;}
#piedPage a:hover{color:#000;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#555;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p img{
	margin:5px;
}
p{font-size: 11px; line-height: 150%; color: #03538E;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited, h2 a{ color: #03538E;text-decoration: underline;}

p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover, h2 a:hover{
	color:#00BEF2; text-decoration:underline;
}
ul li{font-size:11px; line-height:150%; color:#03538E; list-style:square; margin-left:16px;}
ol li{font-size:11px; line-height:150%; color:#03538E; margin-left:16px;}

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

a.lien, a.lien:visited, a.lien:link{
	background: url(gx/m/link_off.gif) no-repeat 0px 2px;
	padding-left:15px;color:#105d95;
	font-weight: bold;
	float: right;display:block;
	text-decoration: none;
}
a.lien:hover, a.lien:visited:hover{
	text-decoration: none;
	color:#00BEF2;
	background: url(gx/m/link_on.gif) no-repeat 0px 2px;
}

a.langue{
	font-size: 10px;
	font-family: Arial;

	color: #fff;
	text-decoration: none;
	
}
a.site2, a.site2:visited, a.site2:link, a.site1, a.site1:visited, a.site1:link{ 
	color: #fff;
	background-color: #078eca;
	display: block;
	width:70px;
	_height: 22px;
	margin-left: 140px; _margin-left:0px;*margin-left:0;
	line-height:22px;
	margin-top: -4px;_margin-top:-3px;*margin-top:-3px;
	font-size: 11px;
	text-decoration: none;
}
a.site1, a.site1:visited, a.site1:link{ 
	background-color: #153580;
}

a.site1:hover, a.site1:visited:hover{
	background-color: #078eca;text-decoration: none;color:#fff;
	
}

a.site2:hover, a.site2:visited:hover{
	background-color: #00bef2;color:#fff;
	text-decoration: none;
}


table#horaire{
	font-size: 11px; color: #03538E;
}
table#horaire tr{
	height:16px;
}
/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}

*/

.lienRSS{
	background: url(Gx/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #78d8f9;font-size: 11px;width:600px;}
fieldset legend{font-size: 14px; font-weight: bold; background-color:#afe4fb;color:#03538E; padding:3px;border: 1px solid #afe4fb;}
fieldset label{font-size: 11px; color:#03538E;margin:2px 0 2px;float:left;text-align:right;display:block;}
fieldset textarea{overflow: auto; line-height: 12px;}
fieldset input{height:18px;}
.champTexte{	
	background: #EEF3F7;
	border: none;
	color: #4E677A;
	font-size: 11px;
	
	
	margin:2px 0 2px;
	float:left;display:block;
	
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px;
}
.bouton{
	background-color: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}
.bouton:hover{background-color: #1A80B6;} /* FF seulement */
.boutonRadio{
	background: transparent;
	color: #4E677A;
	font-size: 11px;
	float:left;display:block;
}
.caseaCocher{
	border: none;
	float:left;display:block;
}
.erreur{
	color: #FF0000;
}