chtml
{margin:auto;

}


#content

{
max-width:1000px;

}
#bandeau
{
	background: url('http://www.raidedhec.com/aventuraid/images/banière site ar.jpg');
	width: 800px;
	height: 145px;
	float: left;
	font-size: 10em;
	text-align: center;
	z-index: 9999;
	margin-left: 12%;
	/*position:absolute ;
	left: 305px;
	top: 0px;*/
}


body
{
	/* background: url('../images/fond6.jpg') no-repeat; 
	background: url('http://www.raidedhec.com/aventuraid/images/fond2012_v3.jpg') no-repeat;*/
	/*	background: url('http://www.raidedhec.com/aventuraid/images/fond ar 3.jpg') no-repeat fixed ;*/
	background: url('../images/fond%20ar%204_2013.jpg') no-repeat fixed top left ;

	
		z-index: 9998;
		margin: auto;
		width: 100%;
		
	}

#page
{
    width: 990px;
    font-family: calibri, arial;
    margin:auto;
    
}


#menu_haut
{
	height: 80px;
	background: url('../images/menu_top.gif') bottom left no-repeat;
	width: 600px;
	margin-top: 1px;

}

#menu_droite
{
    width: 18%;
    float: left;
    min-height: 600px;
/*padding-top: 145px;*/
	font-size: 12px;
	background-color: white;
}

#menu_bas
{
	background: url('../images/menu_bottom2.gif') bottom left no-repeat;
	text-align: center;
	width: 625px;
	height: 60px;
	font-weight: bold;
}


#centre
{
    margin-left: 12%;
	margin-right: 1.8%;
    width: 61%;
    float: left;
	/*padding-top: 145px; */
	background-color: white;
	
}

#corps
{
    /*text-indent: 10px;*/
    color: black;
    padding: 10px;
    
}

.spacer
{
	clear: both;
}

/*http://raidedhec.com/aventuraid/images/menu_top.gif
621px × 65px*/


/* ################## MENU ################## */


#menu, #menu ul /* Liste */     
{
	padding : 0;
	margin : 0;
	list-style : none; /* on supprime le style par défaut de la liste */
	line-height : 21px;
	text-align : center;
}

#menu /* Ensemble du menu */
{
	font-weight : bold;
	font-family : Arial;
	font-size : 12px;
	margin-left: 54px;
}

#menu a /* Contenu des listes */
{
	display : block;
	padding : 0;
	background: #70a618;
	/*background : #85a85a;*/  
	color : #fff;
	text-decoration : none;
	width : 90px;
}

#menu ul a
{
	background : #98c066;
}

#menu li /* Elements des listes */      
{ 
	float : left; 
	/* pour IE qui ne reconnaît pas "transparent" */
	border-right : 1px solid #fff;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
	border-right: 1px solid transparent ;
}

#menu li ul /* Sous-listes */
{ 
	position: absolute;
	width: 90px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
	/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
	border-top : 1px solid #fff;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
	border-top : 1px solid transparent;
}

#menu li ul ul 
{
	margin    : -22px 0 0 95px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
	/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
	border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
	border-left     : 1px solid transparent ;
}

#menu a:hover
{
	color: #98c066;
	background: #fff;
}

#menu a:active
{
	color: #98c066;
	background: #000;
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
}

/* ################## FIN MENU ################## */



#mess_acc p
{
	text-indent: 15px;
	/*text-align: justify;*/
}

h1, h2, h3, h4
{
	color: #6caf21;
}

h1 
{
	font-size:130%;
	text-transform: uppercase;
}

h2
{
	font-size: 120%;
	font-variant: small-caps;
}

h3
{
	font-size: 110%;
	text-decoration: underline;
	font-weight: bold;
}

a
{
	color: #6caf21;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.partenaires td
{
	padding-top:20px;
	padding-left:10px;
	text-align:justify;

}

.vevent
{
padding: 10px;

}

#liste_message table
{
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
}

#liste_message caption
{
	margin-bottom: 10px;
	font-size: 20px;
	color: #5A8CC6;
}

#liste_message th
{
	height: 30px;
	font-size: 15px;
	color: #5A8CC6;
	border: 1px solid black;
	text-align: center;
}

#liste_message td
{
	border: 1px solid black;
	text-align: left;
	padding: 3px;
}

.soustitre
{
	font-size: 120%;
	text-decoration: underline;
	font-weight: bold;
}

.archives
{
	border: 1px dashed #6caf21;
}

.archives img
{
	border: 0;
	float: left;
	margin: 10px;
}

.archivestexte
{
	position: relative;
}

/*############LISTE A PUCES####################*/

.liste_aventuraid ul li
{
	list-style-image: url("../images/puce.jpg");
}


/*############ STYLES TABLEAUX SPECIAUX ####################*/

.calcul_prix table
{
	width: 70%;
	position: center;
	padding-top: 20px;
	border: 1px solid black;
	border-collapse: collapse;
}

.calcul_prix caption
{
	font-size: 80%;
	font-weight: bold;
	color: #682;
	margin: 0;
	font-style: italic;
}


.calcul_prix th
{
	font-size: 80%;
	border: 1px solid black;
	text-align: center;
	padding: 3px;
}

.calcul_prix td
{
	border: 1px solid black;
	text-align: left;
	padding: 3px;
}

/* Aventuraid */

.aventuraid table
{
	width: 100%;
	position: center;
	padding-top: 20px;
	border: 1px dashed #682;
	border-collapse: collapse;
	font-style: calibri;
}

.aventuraid caption
{
	font-size: 100%;
	font-weight: bold;
	color: #682;
	margin: 0;
	font-style: italic;
}


.aventuraid th
{
	font-size: 100%;
	text-align: center;
	padding: 3px;
}

.aventuraid td
{
	text-align: left;
	padding: 3px;
	border: 1px solid #6caf21;
	font-size: 90%;
}

.reservation table
{
	border:1px dashed #682;
	position: center;
	padding: 10px;
	margin: 10px;
	empty-cells:show;
	border-collapse:collapse;
}

.reservation td
{
	
}

.reservation caption
{
	font-size:90%;
	font-weight:bold;
	color:#682;
	font-style:italic;
}

.reservation th
{
	color:#6caf21;
}

.trhover table
{
	border-collapse:collapse;
}

.trhover tbody tr:hover
{
	background-color: #6caf21;
	cursor:default;
	border-collapse:collapse;
}

.trhover caption
{
	font-size: 120%;
	font-variant: small-caps;
	color: #6caf21;
}

.trhover tfoot td
{
	text-align: center;
	padding-top: 15px;
	font-size: 100%;
	
}

/* Pour le questionnaire de satisfaction */

.quest_degrade
{
	background: url("../images/degrade_questionnaire.png") no-repeat center;
}

td.createdate, span.small, td.modifydate {
font-size: 9px;
}

td, .pagenav_prev, .pagenav_next {
font-size: 11px;
font-family: "Trebuchet MS", arial, courier;
color: 5d5d5d; /*#999999;*/
}

/* Classement */

.classement td
{
	text-align: center;
}

.classement table
{
	border-collapse: collapse;
}

.classement caption
{
	font-size: 120%;
	font-variant: small-caps;
	color: #6caf21;
}

.classement th
{
    padding: 2px;
    border-right: 1px solid black;
}

.classement tr:last-child
{
    border-bottom: 2px solid black;
}

.classement tr td:first-child
{
    font-weight: bold;
}

.classement tfoot td
{
	padding-top: 15px;
	font-size: 100%;
}


/* Livre d'or */

.livre_or_post
{
	color:#8fb560;
	background-color:#f0f0f0;
	margin-bottom :2px;

}


.post_or input 
{
		border :2px solid #abd483;
		padding:5px;
		margin:1px;
		font-family: Calibri;


}
textarea

{
		border :2px solid #abd483;
		padding:5px;
		margin:1px;
		font-family: Calibri

}
.nompost
{
	background-color: #56A039;
	width : 350px;
	color:white;
	font-size:12px;
}


/* recherche partenaire */

#rp 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;
}
#rp input
{
		border :2px solid #abd483;
		padding:5px;
		margin:1px;
		font-family: Calibri;
}
#rp form
{	
	margin-bottom:20px;
	border: 2px solid #DDD;
	
}

#rp textarea
{
		border :2px solid #abd483;
		padding:5px;
		margin:1px;
		font-family: Calibri;
		width:380px;
}

#rp .affichage
{
	
	
	margin: 2px;
	background-color:#d5eac1;
	width:445px;
	padding-bottom:3px;

}

#rp .comment
{	
	background-color:#eaf5e0;
	width: 410px;
	margin-left:30px;
	margin-bottom:3px;
}

#rp .infoss
{
	font-size: 12px;
	background-color:#d4decb;
	width:380px;


   }

#rp a.info {/*
   position: relative;
   color: black;
   text-decoration: none;
   */
}
#rp a.info span {
   display: none; /* On masque l'infobulle. */
   text-decoration: none;
}
#rp a.info:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On dŽfinit une valeur pour l'ordre d'affichage. */
   text-decoration: none;

   cursor: help; /* On change le curseur par dŽfaut par un curseur d'aide. */
}
#rp a.info:hover span {
text-decoration: none;
   display: inline; /* On affiche l'infobulle. */
   /*position: absolute;
*/
   white-space: nowrap; /* On change la valeur de la propriŽtŽ white-space pour qu'il n'y ait pas de retour ˆ la ligne non dŽsirŽ. */

 /*  top: 30px; /* On positionne notre infobulle. */
   /*left: 20px;*/

   background: white;
text-decoration: none;
   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;
}

}
#rp a.info {
   position: relative;
   color: black;
   text-decoration: none;
   
}
#rp a.info span {
   display: none; /* On masque l'infobulle. */
}
#rp a.info:hover {
	text-decoration: none;
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On dŽfinit une valeur pour l'ordre d'affichage. */

   cursor: help; /* On change le curseur par dŽfaut par un curseur d'aide. */
}
#rp a.info:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;
text-decoration: none;
   white-space: nowrap; /* On change la valeur de la propriŽtŽ white-space pour qu'il n'y ait pas de retour ˆ la ligne non dŽsirŽ. */

    /* On positionne notre infobulle. */
   left: 250px;

   background: white;

   color: green;
   padding: 3px;
   text-decoration: none;
   border: 1px solid #ABD483;
   border-left: 4px solid #ABD483;
   border-radius : 5px;
}

/*####### PAGE COVOITURAGE ###########*/

.affichage
{
	border:solid 1px black;
	margin-bottom: 5px;
}

#form1_covoit
{

	float:left;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius: 10px;
	border-top: none;
	padding: 8px;
	width: auto;
	display: block;
	margin: 20px;
}

#form1_covoit .legend
{
border-radius: 0 0 5px 0;
	color: #777;
	font-size: 0,5em;
	font-weight: bold;
	padding: 2px 7px 3px;
	text-shadow: 0px 1px 0px white;
	background-color: #e5e5e5;
}

#form1_covoit label
{
	display: block;
    width: 250px;
    float: left;
    
}


#annonce_covoit

{
	float: left;
	width: 580px;
	border-radius: 10px;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	padding: 5px;
	margin-bottom: 5px;
}




#covoit_profile
{
	float: left;
	box-shadow: 2px 0px 0px rgba(59,56,56,0.23);
	width: 125px;
}

#covoit_info
{
	float: left;
	padding-left: 5px;
	
}

#prix_covoit
{
	float: right;
	padding: 10px;
	/*border: 1px  rgba(0,0,0,0.4) solid;*/
	border-radius: 30px 30px 30px 30px;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);

}



#affiche_rep_covoit
{
	float: left;
}


/*############# Nouvelle page partenaire #########*/


.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; }

.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;
}