/************* Mise en page du site *************/

body{
	/*background-color:#B00616;*/
	background-color:#B12827;
	background-image:url(_images/fond.png);
	background-repeat:repeat-x;
	width:1000px;
	margin:0px auto 0px auto;
	}

.menu{
    height:25px;
	width:998px;
	border:1px solid grey;
	background-color:#333;
	text-align:center;
	color:#CCC;
}

.corps{
	width:998px;
	background-color:#FFF;
	border-left:1px solid grey;
	border-right:1px solid grey;
}

.corps_colonne{
	display:inline-table;
	margin:0px -4px 0px -1px;
	border-left:1px solid grey;
	border-right:1px solid grey;
	vertical-align:top; /*Pour Chrome*/
}

.texte{
	width:720px;
	background-color:#FFF;
	padding-bottom:10px;
}

.miniatures{
	width:277px;
	background-color:#CCC;
	padding-bottom:10px;
}

.pied{
	width:998px;
	background-color:#666;
	border:1px solid white;
}

/***********************************/
/************* Le menu *************/

.menu a{
	text-decoration:none;
	font:12px Arial;
	font-weight:bold;
	color:#EE8900;
	display:block;
	padding-top:2px;
	padding-bottom:2px;
}

.menu ul {
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	padding: 0;
	margin:0;
	width: 244px;
	display:inline-table;
}

.menu ul a:hover{ 
	background-color:#666;
	color:#FFF;
}

.menu ul li{ 
    position:relative; 
	list-style:none;
}

.menu ul li:hover{ 
    background-color:#666;
}

.menu ul li ul{ 
    margin-left:-1px;
	background-color:#666;
	text-align:left;
}

.menu ul li ul a{ 
	background-color:#333;
}

.menu ul li ul li{
	list-style:disc;
	margin-left:20px;
}

.menu ul li ul li:hover{
	margin-left:30px;
}

.menu ul ul { 
    position: absolute;
	display:none
    }   

.menu ul li:hover ul, .menu ul li:hover ul { 
	display:block;
}

/***********************************/
/*************Le corps *************/

.chemin{
	font:11px Arial;
	color:#666;
	margin-left:10px;
	margin-bottom:10px;
}

.chemin a{
	color:#666;
	text-decoration:none;
}

.chemin a:hover{
	color:#B12827;
	text-decoration:underline
}

.titre_texte{
	font:18px Arial;
	font-weight:bold;
	color:#B12827;
	margin-left:10px;
	margin-bottom:10px;
}

.sous_titre_texte{
	font:14px Arial;
	font-weight:bold;
	color:#EE8900;
	margin-left:25px;
	margin-bottom:5px;
}
		
.paragraphe_texte{
	font:12px Arial;
	text-align:justify;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:15px;
}

.paragraphe_texte a{
	text-decoration:none;
	color:#666;
}

.paragraphe_texte a:hover{
	color:#EE8900;
}

.image{
	padding:5px 5px 5px 5px;
	text-align:center;
}

/******** en ce moment ********************/
.paragraphe_maintenant{
	border:1px solid white;
	font:12px Arial;
	font-weight:bold;
	color:#666;
	width:680px;
	text-align:center;
	margin-left:0px;
	margin-right:0px;
	margin-top:1px;;
	margin-bottom:1px;
	padding-top:1px;
	padding-bottom:1px;
}

.maintenant_image{
	text-align:center;
}

.maintenant_image img{
	border: 1px solid #FFF;
	padding:0px 0px 0px 0px;
	text-align:center;
	text-decoration:none;
	margin-bottom:1px;


}

.maintenant_image img:hover{
	border: 1px solid #EE8900;
}


/******************************************/
/*************** Les infos ****************/

.infos{
	border:1px solid red;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	margin-top:-15px;;
	margin-bottom:10px;
	padding-top:5px;
	background-color:#FFF;
}

.titre_infos{
	color:#B12827;
	font:15px Arial;
	font-weight:bold;
	text-align:center;
}

.paragraphe_infos{
	font:11px Arial;
	text-align:center;
	text-decoration:none;
	margin:10px;
	display:inline-table;
	height:105px; /*Pour IE 8*/
}

.paragraphe_infos a{
	text-decoration:none;
	color:#0033FF;
	font:14px Arial;
	font-weight:bold;
	text-align:center;
}

/****************************************/
/************** Le post_it **************/

.postit {
	position:absolute;
	background-image:url(_images/post-it.png);
	margin-left:850px;
	margin-top:-130px;
	height:150px;
	width:170px;
	z-index:1;
}

.postit a {
	text-decoration:none;
}

.texte_postit {
	position:relative;
	font-size:18px;
	font-weight:bold;
	color:#B12827;
	text-align:center;
	vertical-align:middle;
	margin-left:-17px;
	margin-top:50px;
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);	
}

/****************************************/


/************** POP UP **************/

/****************************************/

/************* Les sponsors *************/

.sponsors{
	border:1px solid grey;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#FFF;
}

/******************************************/
/************* Les miniatures *************/

.titre_miniature{
	font:14px Arial;
	font-weight:bold;
	color:#EE8900;
	margin-left:5px;
	margin-bottom:5px;
}

.sous_titre_miniature{
	font:12px Arial;
	font-weight:bold;
	color:#000;
	margin-left:15px;
}
		
.paragraphe_miniature{
	border:1px solid white;
	font:10px Arial;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;;
	margin-bottom:10px;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#666;
}

.paragraphe_miniature a{
	text-decoration:none;
	color:#B12827;
}

.paragraphe_miniature a:hover{
	color:#EE8900;
}


.miniatures table{
    margin:0px auto 0px auto;
}

.miniatures table a{
	text-decoration:none;
	color:#FFF;
}

.miniatures table a:hover{
	color:#EE8900;
}

/************************************/
/************* Les News *************/

.news{
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	height:260px;
}

.news a{
	text-decoration:none;
	color:#000;
}

.news a:hover{
	color:#EE8900;
}

.news_image{
	text-align:center;
}

.news_image img{
	border: 1px solid #000;
	padding:5px 5px 5px 5px;
	text-align:center;
	text-decoration:none;
	margin-bottom:10px;
}

.news_image img:hover{
	border: 1px solid #EE8900;
}

.paragraphe_news{
	border:1px solid #333;
	background-color:#FFF;
	color:#000;
	text-align:justify;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
}

.titre_news{
	color:#B12827;
	margin-bottom:10px;
}

.news_date {
	text-align:right;
	padding:5px 5px 5px 5px;
	font-style:italic;	
}
/******************************************/
/*************** Les icones ***************/
		
.paragraphe_icones{
	border:1px solid white;
	font:10px Arial;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#666;
}

/******************************************/
/*************** Google ***************/

.google{
	text-align:justify;
	margin:10px 10px 10px 10px;
	padding-bottom:10px;
	background-color:#FFF;
}

.paragraphe_google{
	border:1px solid white;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;;
	margin-bottom:5px;
	background-color:#666;
}

/***********************************/
/************* Le pied *************/

.colonne_corps{
	text-align:center;
}

.colonne_pied{
	font:12px Arial;
	font-weight:bold;
	text-align:left;
	width:180px;
	display:inline-table;
	margin-left:10px;
	margin-bottom:20px;
	vertical-align:top; /*Pour Chrome*/
}

.titre_pied{
	font:12px Arial;
	font-weight:bold;
	border-bottom: 1px dotted #FFF;
	color:#000;
	width:175px;
	margin-bottom:5px;
}

.sous_titre_pied{
	font:10px Arial;
	color:#FFF;
	width:175px;
}
		
.paragraphe_pied{
	font:10px Arial;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	margin-bottom:5px;
}

.pied a{
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
}

.pied a:hover{
	color:#EE8900;
}

/***************************************/
/************* Page Presse *************/

.presse a{
	color:#000;
}

.presse a:hover{
	color:#000;
}
.presse table:hover{
	background-color:#999;
}

/******************************************/
/************* Page Evenement *************/

.evenement_texte a{
	text-decoration:none;
	color:#666;
}

.evenement_texte a:hover{
	color:#EE8900;
}
.zoom_image a {
	color:#FFF;	
}
.zoom_image a img {
	text-decoration:none;
	display:block;

}
.zoom_image a:hover {
	color:#EE8900;
	position:relative;
	z-index:500;
}
.zoom_image a b {
	display:block;
	position:absolute;
	left:-9999px;
	padding:10px;
	opacity:0;
	-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
	-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
	-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
	
	-o-border-radius: 8px;
	-icab-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

 	-webkit-transition: opacity 0.6s ease-in-out;
}

.zoom_image a:hover b {
	top:-65px;
	left:11px;
	padding:10px;
	border:1px solid #aaa;
	background:#fff;
	opacity:1.0;	
}


/**************************************/
/************* Page Photo *************/

.photo_texte a{
	text-decoration:none;
	color:#666;
}

.photo_texte a:hover{
	color:#EE8900;
}

.photo_image img{
	height:120px;
	width:150px;
}

.photo_image a{
	text-decoration:none;
	color:#666;
}

.photo_image a:hover{
	color:#EE8900;
}

/******************************************/
/************* Page activites *************/

.activite_bloc{
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	color:#666;
}

.activite_bloc:hover{
	color:#EE8900;
}

.activite_bloc img{
	height:125px;
	width:250px;
    border:1px solid #000;
}

.activite_bloc a{
	text-decoration:none;
	color:#666;
}

.activite_bloc a:hover{
	color:#EE8900;
}

.activite_bloc img:hover{
	border-color:#EE8900;
}

.activite_legende{
	font-style:italic;
	color:#666;
	margin-bottom:20px;
}

.activite:hover{
	color:#EE8900;
}

.activite img{
	height:84px;
	width:150px;
}

.activite a{
	text-decoration:none;
	color:#666;
}

.activite a:hover{
	color:#EE8900;
}

/************************************************/
/************* Page voyages_sorties *************/

.voyages_sorties a{
	color:#000;
}

.voyages_sorties a:hover{
	color:#000;
}

.voyages_sorties table:hover{
	background-color:#999;
}

.voyages_sorties_image img{
	height:84px;
	width:150px;
}

.voyages_sorties_image a{
	text-decoration:none;
	color:#666;
}

.voyages_sorties_image a:hover{
	color:#EE8900;
}

/************************************************/
/************* Page candidature *************/

.oblig {
	font:12px Arial;
	text-align:center;
	color:#B12827;
	font-weight:bold;
}
.legende {
	text-align:center;
	font-size:11px;
	font-style:italic;
}
.titre_candidature {
	text-align:left;
	font-size:14px;
	font-style:italic;
	color:#666;
	padding:10px;
}