body{
	margin:0px;
	background: #EAEAEA url(http://www.raidedhec.com/live2/image/IMG_4418.JPG) no-repeat fixed center top;
}

#corps{
	font-family: "Oxygen", "Trebuchet MS";
	font-size: 12px;
	text-align: center;
	margin: auto;
	/*border-right: 1px dashed #090;
	border-left: 1px dashed #090;
	box-shadow:0 0 15px #CCC;*/
	background:white;
	width:1000px;
	border-top-style: none;
	border-bottom-style: none;
	vertical-align: middle;
}

img{
	border:none;
}

.menu_h{
	background:white;
	margin:0;  
	padding:0; 
	list-style:none; 
	text-align:center;
	line-height:21px;
}	
.menu_h a{
	padding:0;
background:white;	
	margin:0 0 0 0;
	height:21px; 
	text-decoration:none;
	display:block;
	width:110px;
}
.menu_h li{
	float:left;
	border-right:1px solid black;
}

.menu_h li ul{
	position:absolute;
	width:100px;
	left:-999em;
}

.menu_h li ul li{
	border-top:1px solid black;
}

#main {
	display: inline-block;
	position: relative;
	overflow: auto;
	min-width:70%;
	max-width:70%;
	min-height:800px;
}
.bandeau {
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:10px;
	background:white;
}

a{
	text-decoration:none;
	border:0px;
}

h1{
	font-family:"Trebuchet MS";
	font-size:14px;
	text-align:left;
}
#pieddepage {
	font-size: 10px;
	color:#999;
	text-align: center;
	display:block;
}

.sidebar1 {
	float: left;
	width: 26%;
}

.sidebar1 img.facebook{
	margin-left:-55px;
	margin-top:15px;
}

.sidebar1 div.slider{
	margin-left:-85px;
}

.news{
	background:#E9E9E9;
	min-width:95%;
	min-height:50px;
	margin-bottom: 3px;
	padding-bottom: 2px;
	border-left:3px solid #CCC;
	}

.news span.dateheure{
	font-size:10px;
	color:#777;
}

.news a{
	color:#090;
}

.ajout_photo{
	margin:auto;
}

.news img.icone{
	width:14px;
	height:14px;
	padding-top: 5px;
}

.news img.mini{
	float:left;
	width:40px;
	padding:2px;
}

.news img.apercu{
	display:inline-block;
	width:150px;
}

.news div.text{
	display:inline-block;
	max-width:90%;
	vertical-align:top;
	padding:2px;
}

.news div.text_barre{
	display:inline-block;
	max-height:90%;
	vertical-align:top;
	padding:2px;
	text-decoration:line-through;
	font-style:italic;
}

.news div.comment{
	border: 1px solid white;
	margin-left: 40px;
	margin-right:10px;
	background:#FAFAFA;
	margin-bottom:3px;
	box-shadow:0 0 2px #EEE;
}

.news div.comment_barre{
	border: 1px solid white;
	margin-left: 40px;
	margin-right:10px;
	background:#FAFAFA;
	margin-bottom:3px;
	box-shadow:0 0 2px #EEE;
	text-decoration:line-through;
	font-style:italic;
}


textarea{
	width: 521px;
	height: 32px;
	border: 2px solid #cccccc;
	padding: 3px;
	font-family: Tahoma, sans-serif;
}

input{
	border: 2px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	margin:1px;
}

.email{
	width:300px;
}

.news span.encouragement{
	font-size:11px;
	display:none;
}

.equipe{
	background:#EEEEEE;
	width:98%;
	display:inline-block;
	margin:2px;
	padding:2px;
	text-align:left;
}

.equipe img{
	display:inline-block;
	width:40px;
	height:40px;
}

.equipe div.text{
	display:inline-block;
	vertical-align:top;
}

.equipe span.nom{
	text-decoration:none;
	color:black;
	font-weight:bold;
	margin-bottom:4px;
	letter-spacing:2px;
	}
	
.equipe span.nom:hover{
	text-decoration:underline;
	color:grey;
	}	


.equipe span.membre{
	padding-top:2px;
	font-size:13px
}

table{
	border-collapse:collapse;
	padding-right:5px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}

table a{
	text-decoration:none;
	color:black;
}

table a:hover{
	text-decoration:underline;
	color:grey;
}

table th.bord{
border-right:1px dashed #333;
border-left:1px dashed #333;
}

table th.rang{
width:25px;
padding:none;
}

table th.col{
width:200px;
}

table tr{
	min-height:20px;
}

table td{
	min-width:40px;
	padding-right:5px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	border-left:1px solid white;
}

table td.borddroit{
border-right:1px dashed #333;
border-left:1px dashed #BBB;
}

table td.bordgauche{
border-left:1px dashed #333;
border-right:1px dashed #BBB;
}

table td.bord{
border-left:1px dashed #333;
border-right:1px dashed #333;
color:red;
}

table tr.row1{
	background-color:#FAFAFA;
}

table tr.row0{
	background-color:#F2F2F2;
}

table tr.rowactive{
	background-color:#8cda67;
}

th {
	background:#E5E5E5;
	padding-right:5px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
}

#profil img{
	display:inline-block;
	padding:5px;
	padding-bottom:15px;
	width:250px;
	border:1px solid #666;
	}

.profil{
	display:inline-block;
	vertical-align:top;
	margin-left:5px;
	}
.profil h1{
	margin-top:5px;
	}
		
.profil h2{
	font-size:12px;
	text-align:left;
	}

#menu_h
{
    border-bottom : 1px solid #9EA0A1;
    padding-bottom : 25px;
);
}

#menu_h p{
	padding-left:2px;
}

#menu_h h1{
	padding-left:2px;
}

.onglets{
    list-style-type : none;
    padding-bottom : 33px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
    border-bottom : 1px solid #9EA0A1;
    margin-left : 0;
}

.onglets ul{
	border-style:none;
}

.onglets li{
	float : left;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
    height : 25px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
}

.onglets li:hover{
	background:#EEEEEE;
	color:black;
	}
	
.onglets li.active{
	border-bottom: 1px solid #fff;
    background-image: url(http://www.raidedhec.com/live2/image/fond.png);
	background-repeat:no-repeat;
	background-position:center bottom; 
	background-size:100px 20%;
	font-weight:bold;
}

.onglets a{
	text-decoration:none;
	color:black;
}
	
.apercu{
	width:150px;
	padding:5px;
	border:1px solid #CCC;
	display:inline-block;
	background:white;
}

.apercu:hover{
	border:1px solid #333;
}

.logo{
	width:95px;
	cursor:pointer;
	padding:2px;
}

photo{
	display:inline-block;
	max-width:100%;
	display:none;}

.etape_desc{
	float:right;
	font-family:"Myriad Pro", "Trebuchet MS";
	color:grey;
	vertical-align:middle;
}

.etape_desc h1{
	text-align:right;
	font-size:20px;
	font-weight:bolder;
	letter-spacing:5px;
	font-variant:small-caps;
}

.etape_desc h2{
	text-align:right;
	font-size:14px;
	padding-right:5px;
	letter-spacing:2px;
}

.profil_etape{
	width:100%;
}

.fermer{
	display:inline-block;
	float:right;
}

.fermer img{
	width:20px;
}

h1{
	letter-spacing:2px;
}

h2{
	font-size:15px;
	letter-spacing:1px;
}

#etape  .inactive{
	display:none;
	position:relative;
}

#onglets{
	margin:0px;
}

select{
	font-family:Tahoma, "Trebuchet MS";
}

#form_equipe{
	display:none;
}

#form_1{
text-align:left;
}

a{
	color:black;
}

a:hover{
	color:grey;
	text-decoration:underline;
}

.photo_gestion{
	display:inline-block;
	background-color:#EEE;
	vertical-align:middle;
}

.photo_gestion img{
	vertical-align:middle;
}

.detail{
	display:none;
	vertical-align:middle;
}

.affiche{
	display:inline-block;
	max-width:150px;
	margin-right:10px;
	margin-top:5px;
	float:right;
	font-family:"Myriad Pro", "Trebuchet MS";
	color:grey;
	text-decoration:none;
	font-style:normal;
}

#slider { 
   width: 240px; /* important to be same as image width */ 
   height: 200px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin:0;
}

#sliderContent {
   width: 240px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   list-style-type:none;
   -webkit-padding-start:3px;
}

.sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   width:200px;
}

.sliderImage img{
	width:200px;
	margin:auto;
}

.sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;
   text-align:left;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}


/*###### PAGE CONTACT ######  */

#page
{
	text-align:left;
}
#contact h2 
{
	font-size:14px;
	text-align:left;
}
#contact h3
{
	font-size:13px;
	text-align:left;	
}

#contact ul
{
	text-align:left;
}

/*###### TOOLTIP ######  */

.tooltip {
	text-decoration: none;
	position: relative;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	/*border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; */
	box-shadow: 3px 3px 2px #CCC; -webkit-box-shadow: 3px 3px #CCC; -moz-box-shadow: 3px 3px #CCC;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; top: 2em; z-index: 50;
	color:black;
	margin-left: 0; width: 250px;
}
.tooltip:hover span.gauche{
	left:0.1em;
}

.tooltip:hover span.droite{
	right:0.1em;
}

.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFFF; border: 1px solid white; }


/*###### Pub au chargement ######  */
.pub{
	width:300px;
	padding:5px;
	border:1px solid black;
}

/*###### Encarts ######  */
.colonne{
	margin-top:15px;
}

.gauche{
	width:64%;
	min-width:64%;
	float:left;
	margin-left:10px;
	text-align:left;
}

.droite{
	min-width:33%;
	width:33%;
	float:right;
	margin-right:15px;
}

.facebook{
	text-align:right;
}

.encart{
	width:100%;
	min-width:100%;
	text-align:left;
	margin-right:35px;
	margin-top:5px;
	margin-bottom:5px;
	padding:3px;
	border:2px solid #DDD;
	height:300px;
	background:white;
}

.encart .sub{
	overflow:auto;
	max-height:250px;
}

.encart .comment{
	display:none;
}

.encart img.mini{
	width:20px;
	float:left;
}

.encart .pleinecran{
	float:right;
}

.encart img.icone{
	display:none;
}


/* ###### Slider photo #########*/ 
   
#bloc_slider
{
	z-index: 1;
	height: 250px;
	width: 100%;
	margin: 5px auto 20px auto;
	position: relative;
	overflow: hidden;
	background:white;
	behavior: url(http://www.raidedhec.com/js/PIE.htc);
	/*-pie-background: linear-gradient(left top, #0f2d4d, #2880C3 );
	background: #0F2D4D;
	background: -moz-linear-gradient(left top, #0F2D4D, #2880C3 );
	background: -webkit-linear-gradient(left top, #0F2D4D, #2880C3 );
	background: linear-gradient(left top, #0F2D4D, #2880C3 );*/
}

#news_span
{
	background-color: transparent;
	height: 240px;
	width: 5000px;
	position: relative;
}

.slide_news
{
	background-color: white;
	height: 200px;
	width: 580px;
	padding-left:20px;
	padding-right:20px;
	float: left;
	overflow: hidden;
}

.slide_news img
{
	float: left;
	position: relative;
	margin: 0;
}

.slider_titre
{
	margin: 10px;
	font-size: 20px;
	font-weight: bold;
}

/* ###### Bivouac #########*/ 
.bivouac{
	text-align:justify;
}

.depart{
	border-bottom:1px dashed #000;
}

.arrivee{
	float:right;
	padding-left:3px;
}

.bivouac img{
	float:right;
	width:40%;
	margin-left:5px;
	padding-bottom:3px;
}


/* ###### contact #######*/

.contactform 
{
	background-color:white;
	border: 2px solid #DDD;
	
}

legend

{
	border-radius: 0 0 3px 0;
	color: #777;
	font-size: 1em;
	font-weight: bold;
	padding: 2px 7px 3px;
	text-shadow: 0 1px 0 white;
	background-color:#EAEAEA;

}
.labell
{
	color: #555;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.3em;
	text-align: right;
	vertical-align:center;
	width:150px;
	display:block;
	float:left;
	padding-top:7px;

}
#contactform  textarea
{
	width:470px;
	height:125px;
	font-size:12px;
	
}

.labeltext
{
	color: #555;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.3em;
	text-align: right;
	vertical-align:center;
	width:150px;
	display:block;
	float:left;
	padding-top: 50px;
}

#showcase {
	position: relative;
	width: 700px;
	height: 170px;
	}
#showcase li {
	width: 170px;
	height: 170px;
	float: left;	
	list-style-type: none;	
}	

#showcase li img {
	width: 100%;
	height: 100%;
}