/* Thème couleurs :
Vert : #99cc00
Bleu : #3399ff
Orange : #ffcc00
Rouge : #cc0000
Gris-Noir : #363131

*/


/* Page */
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
body {
    margin: 0;
    padding: 1em; /* Remettre à zéro si nécessaire. */
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, FreeSans, sans-serif; 
    font-size: .8em; /* À adapter pour la police choisie. (3) */
    line-height: 1.4; /* À adapter au design. (4) */
    color: #363131;
    background: #99cc00;
}

h1,h2,h3,h4,h5,h6{
	clear:both;
}

a{
		text-decoration:none;
}

a:hover{
		text-decoration:underline;
}

a img{
border:0;
margin:3px 3px 3px 3px;
text-decoration:none;

}

a:hover img{
/*margin:6px 6px 0 0;*/
text-decoration:none;
}

.page{
		margin:auto;
		margin-top:0px;
		width:910px;
}


.banniere{
/* 		border:1px solid blue; */
		margin:0;
		padding:0;
		width:730px;
		height:125px;
		background: url('/images/haut.gif') top left no-repeat #3399ff;

}

.banniere .titre{
		float:left;
}

.banniere h1{
		margin:0;
		padding:0;
		padding-left:60px;
		padding-top:5px;
		color:white;
		font-size:40px;
}

.banniere h2{
		padding:0;
		margin:0;
		padding-left:90px;
		margin-bottom:11px;
		color:white;
		text-align:center;
		font-size:15px;
		font-style:italic;
}

.banniere .liens{
		margin-left:430px;
}

.banniere .liens a{
		padding:20px;
		width:55px;
		height:50px;
		float:left;
		color:white;
		font-size:15px;
		text-align:center;
}

.banniere .liens a:hover span{
		display:none;
}

.banniere .liens a:hover.accueil{
		display:block;
		background:url('/images/fa.gif') no-repeat center center;
}

.banniere .liens a:hover.contact{
		display:block;
		background:url('/images/croche.gif') no-repeat center center;
}

.banniere .liens a:hover.search{
		display:block;
		background:url('/images/croche.gif') no-repeat center center;
}

.menu_principal{
/* 		border:1px solid green; */
		position:absolute;
		top:110px;
		clear:both; 
		margin:0;
		padding:0;
}

.menu_principal li{
/* 		border:1px solid blue; */
		display:block;
		float:left;
		width:113px;
		height:53px;

		margin:0;
		margin-right:25px;
		padding:0;
		list-style-type:none;
}

/* , .menu_principal li a:hover.selectionne */

.menu_principal li a{
/* 		border:1px solid red; */
		width:113px;
		height:53px;
		padding:10px;
		display:block;

		background:url('/images/menu_1-inactif.gif') no-repeat;
/* 		color:#3399ff; */
		color:white;
		text-decoration:none;
		
}



.menu_principal li a:hover, .menu_principal li a.selectionne{
		display:block;
		float:left;
		padding:10px;
		height:53px;
		width:113px;
		background:url('/images/menu_1-actif.gif') no-repeat;
		color:#3399ff;
/* 		color:white; */
		text-decoration:none;
		
}


.menu_principal li a:active,.banniere .liens a:active{
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  transform: rotate(-5deg);
		
}

.dates{
		position:absolute;
		font-size : 12px;
		text-align:center;
		padding:20px;
		padding-top:0;
		width:400px;
		top:205px;
}

.dates a{
		color: #3399ff;
}



.menu_actu{

		padding:0;
		margin:0;
/* 		margin-top:-20px; */
		width:964px;
 		height:332px; 
		background: url('/images/actu-menu_2.gif') no-repeat top right;
}

.menu_actu .actu{
/*  		border:1px solid green; */
		margin:0;
		padding:0;
		margin-left:480px;
		padding-top:10px;
}

.menu_actu .actu h4 {
		font-weight:bold;

		margin:0;
		display:block;
/*		margin-top:-20px;*/
/*  		border:1px solid green; */
		color:#cc0000;
}

.menu_actu .actu h4 .nouvelle_actu{
		font-size:10px;
		padding-right:10px;
		vertical-align: super;
}

.menu_actu .actu a{
/*  		border:1px solid green; */

		color:#363131;
		text-decoration:none;
}

.menu_actu .actu a:hover{
		text-decoration:underline;
}

.menu_secondaire{
/*  		border:1px solid green; */
		font-size:13px;
		margin:0;
		padding:0;
		margin-top:35px;
		margin-left:730px;
}
.menu_secondaire ul{
		margin:0;
		padding:0;
}
.menu_secondaire li{
/*  		border:1px solid green; */
		margin:0;
		margin-bottom:2px;
		padding:0;

		list-style-type:none;
/*		margin-left:730px;*/
}

/* , .menu_secondaire li a:hover.selectionne */

.menu_secondaire li a{


/*  		border:1px solid green; */
		margin:0;
		padding:1px;
		padding-left:7px;
		text-decoration:none;
		color:white;
		background:#99cc00;
/* 		list-style-type:none; */
/*		margin-left:730px;*/
}

.menu_secondaire li a:hover, .menu_secondaire li a.selectionne{
		background:white;
		color: #99cc00;

}

.menu_secondaire li a:active{
		background:#99cc00;
		color: white;

}


.contenu{

/* 		border:1px solid yellow; */
		margin:0;
		margin-top:-225px;
		padding-top:0;
		padding:20px;		
		padding-bottom:60px;
		background:white;
		text-align:justify;
		width:690px;
}

.contenu
{
height: 100px ; /*hauteur mini pour IE*/
}

html>body .contenu
{
height: auto;
min-height: 100px; /*hauteur mini pour les autres*/
} 

.contenu a{
		color: #3399ff;
}

hr {
	margin-bottom:40px;
	border:0px;
	border-bottom:1px dashed #3399ff;
}

fieldset{
	border:1px dashed #3399ff;
	width:600px;
	margin:auto;
	margin-top:50px;
}

legend{
	color:#363131;
	background:white;
}

.footer{
/* 		border:1px solid red; */
		margin:0;
		padding:0;
		width:730px;
		height:61px;
		font-size:12px;
/* 		padding-right:80px; */
		padding-top:5px;
/* 		margin-top:-20px; */
		background: url('/images/bas-mentions_legales.gif') top left no-repeat;
		text-align:center;
}

.footer a{
		color:#cc0000;

}

a.tooltip{
font-weight:bolder;
font-size:20px;
}

 a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
/*     background: #ffc; */
/*     width:170px; */
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
/*     background: transparent url(image-infobulle.gif); */
    margin:0;
    padding: 0;
    border: 0;
}

.plan dl{
display:block;
float:left;
}

.flottant-d{
float:right;
border:1px solid black;
margin:20px;
text-align:right;
margin:10px;
}

.flottant-g{
float:left;
border:1px solid black;
margin:20px;
text-align:left;
margin:10px;
}

.legende{
margin:10px;
clear:both;
padding:10px;

}


.tableau_equipe{
	margin:auto;
}

.tableau_equipe td{
	text-align:center;
}

.admin_sous_classe{
	display:block;
	height:150px;
	clear:both;
}

.admin_sous_classe li{
		list-style-type:none;
		text-align:center;
		width:80px;
		float:left;

}

.admin_sous_classe a span{
	display:none;
}

.admin_sous_classe a:hover span{
	display:block;
}
.saut_de_ligne{
  list-style-type:none;
  clear:both;
  }

.galerie_paysage, .galerie_portrait{
    list-style-type:none;
  float:left;

  width:200px;
  height:220px;
  padding:0px;
  margin:0;

}



.galerie_paysage a{

  display:block;
  margin:auto;
  height:160px;
  width:200px;

}

.galerie_portrait a{
	margin:auto;
  display:block;
  height:200px;
  width:160px;

}

.galerie_paysage a span, .galerie_portrait a span, .galerie_paysage a:hover span, .galerie_portrait a:hover span{
  color:#363131;
}

.galerie_paysage a:hover{
text-decoration:none;
}

.galerie_portrait a:hover{
text-decoration:none;
}

.galerie_paysage a img,  .galerie_portrait a img{
/*  margin-top:20px;
  margin-left:20px;*/
  display:block;
  margin:auto;
}

.galerie_paysage .legende, .galerie_portrait .legende{
	display:block;  
background:none;
  margin:6px;
  margin-top:10px;
  padding:0;
  text-align:center;
}

.gestion_image, .gestion_image li{
margin:0;
padding:0;

}



.galerie_ul{
  margin:0;
  padding:0;
  margin:auto;
}

.liste_galeries li{
  list-style-type:none;

}

.liste_galeries,.liste_albums, .liste_galeries li{
  padding:0;
  margin:0;
}

.liste_galeries li span, .liste_albums li{
  display:block;
  height:40px;
  width:600px;
  padding-top:10px;
  border:1px solid #C8C8C8;
/*   border-bottom:0; */
  background:white;
}

.liste_galeries li span{
  font-weight:bold;
  padding-left:40px;
}

.liste_albums li a{
    padding-left:10px;
}


.liste_galeries li:hover span, .liste_albums li:hover{
  background:#E9F4FF;
}


.actions_album{
  display:block;
  float:right;
}


.form_renommer{
    position:relative;
    top:-45px;
/*   float:bottom; */
}

.form_commentaire{
    position:relative;
    top:-130px;
/*   float:bottom; */
}

#cadre_accueil{
	float:left;
	width:350px;
	padding-right:15px;
	margin-right:15px;
	border-right:1px solid black;
	height:700px;
}

#div_photo1, #div_photo2{
/*border:1px solid black;*/
  float:left;
	margin:auto;
/*  height:500px;*/
  width:300px;

text-align:center;
}

#div_photo1{

  padding-top:200px;
}

#conteneur_photos1 , #conteneur_photos2{
margin:auto;
  float:left;
  width:300px;
  text-align:center;
}

#conteneur_photos1{
	height:620px;
}

#conteneur_photos2{
	height:350px;
}

#photo_musicolos{
	margin:auto;
}

#tags_nie, #tags_minie{
background:#fff9e5;
	float:left;
	height:100px;
	border:1px solid #cccccc;
	margin:5px;
	margin-bottom:10px;
	padding:10px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;

}

#load_photos{
	margin-top:150px;
}

#tags_nie{
	width:300px;
}

#tags_minie{
	width:325px;
}


#tags_nie .a_1, #tags_minie .a_1{
  text-decoration:underline;
	font-weight:bold;
	color:#739900;
}

#tags_nie .a_2,#tags_minie .a_2{
  text-decoration:underline;
font-weight:bold;
color:#ff9900;
}


#description_sejour{
float:left;
margin-left:40px;
padding:20px;
text-align:justify;
width:300px;
}

/*#photo_musicolos{
  border: 5px solid #fff;
  
  -webkit-box-shadow: 1px 1px 5px #555; 
  -moz-box-shadow: 1px 1px 5px #555; 
  box-shadow: 1px 1px 5px #555; 
  
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

a img, #photo_musicolos, .flottant-d, .flottant-g{
  border: 3px solid #dfeabd;
  
  
  box-shadow:1px 1px 7px #333333;
  -webkit-box-shadow:1px 1px 7px #333333;
  -moz-box-shadow:1px 1px 7px #333333;
  	filter: Shadow(Color=#666666,Direction=135,Strength=5);	
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff00ff,strength=5);
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff00ff,strength=5);

  
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	padding: 1px;
}*/

#photo_musicolos{
	padding:5px;
}

a img, .flottant-d, .flottant-g{
  border: 1px solid  #cccccc;
  
  
  box-shadow:1px 1px 7px #333333;
  -webkit-box-shadow:1px 1px 7px #333333;
  -moz-box-shadow:1px 1px 7px #333333;
	
	padding: 5px;
}
	

a:hover img, #photo_musicolos:hover, .flottant-d:hover, .flottant-g:hover{
	background:#EFFFBF;
	text-decoration:none;

    filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8;

	
/* padding: 2px 2px 0px 0px;*/
 /* -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  transform: rotate(2deg);*/
  
}

a:active img, #photo_musicolos:active, .flottant-d:active, .flottant-g:active{
 
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  transform: rotate(5deg);
  
}


/*#photo_musicolos:hover{
 
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  transform: rotate(5deg);
}*/

.liste_membres_equipe{
	margin:auto;
}

.liste_membres_equipe li{
	height:220px;
	list-style-type:none;
	width:200px;
	text-align:center;
}