@charset "UTF-8";
/* Rush Hour copyrighted Adebe Networks 2009  */


    body  {
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #615B4B;
	font-family: 'Lucida Grande', Lucida, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #f0efe4;
	background-image: url(../img/bg-rh.jpg);
	background-repeat: repeat-x;
    }

a {
text-decoration: underline;
color: #EFEFE3;
}
a:hover {
	color: #FFFFFF;
}

#menu a {
	color: #605A49;
	text-decoration: none;
}
#menu a:hover {
	color: #F4A11A;
	text-decoration: none;
}
.RH #container #accroche {
	color: #D46035;
}
.RH {
}
.RH #container #header #menu {
	text-align: right;
	float: right;
	margin-top: -12px;
}
.RH #container #baseline {
	text-align: left;
	float: left;
	margin-top: -12px;
	margin-left: 250px;
	color: #605A4A;
}
.RH  #container {
	width: 700px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	background: transparent;
	margin: 0 auto;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
    } 
.RH  #header {
	background-color: transparent;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	height: 60px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-top: 30px;
	margin-left: 10px;
    } 
.RH  #header  h1 {
	margin: 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
    }
.RH  #sidebar1 {
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 200px;
	color: #F0EFE4;
	background-image: url(../img/right.png);
	background-repeat: no-repeat;
	height: 610px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	background-position: center top;
	margin-top: 45px;
	line-height: 16px;
    }
	
	.RH  #bottom {
	height:15px;
	width:220px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../img/right.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: right;
	display: inline;
}
.RH  #mainContent {
	color: #605A4A;
	width: 447px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 140px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 20px;
	height: 540px;
	background-image: url(../img/bg-mainContent.png);
	background-repeat: no-repeat;
    } 
    
    
.RH   #footr { 
    	padding: 0 10px 0 20px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
    	background:#DDDDDD; 
    } 
	
.RH  #footer  p {
    	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
    	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
    }
	
.RH #container #mainContent h2 {
	color: #F0EFE4;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom:20px;/*alex*/
	margin-top: 20px;/*alex*/
}

#maincontenthaut{
margin-top: 20px;
}/*alex*/

#maincontentbas{
margin-top: 60px;
}/*alex*/
 


/* @group My Group */



/* @end */
.RH  #container #mainContent h2 em {
	background-image: url(../img/right.png);
	background-position: center -20px;
	font-size: 16px;
	padding-right: 5px;
	padding-left: 5px;
	
}
.RH #container #mainContent ul {
	background-image: url(../img/bg-ul.jpg);
	background-repeat: no-repeat;
	width: 600px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px 10px 10px 0px;
	padding-left: 25px;
}
.RH #container #mainContent li {
	font-size: 14px;
	list-style-image: url(../img/content-li.png);
	margin: 0px;
	padding: 0px;
	width: 425px;
	line-height:18px;
}
.RH #container #mainContent h4 {
	color: #F0EFE4;
	font-size: 16px;
	text-transform: uppercase;
	background-image: url(../img/h4.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
}
    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }

    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    	margin-right: 8px;
    }

    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	span {
	
	display:none;
	}
.info {
	font-style: italic;
}

input, textarea {
	background-color: transparent;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	color: #1D687B;
	font-size: 12px;
	width: 200px;
	background-position: center center;
	margin-top: 3px;
	margin-bottom: 3px;
	background-image: url(../img/bg-input.png);
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 4px;
	padding-bottom: 0px;
	text-indent: 3px;
}

input.radio{
width: auto;
height: auto;
margin-top: 0px;
margin-bottom: 0px;
height: auto;
padding-top: 0px;
padding-bottom: 0px;
}
	




.RH #container #sidebar1 h3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #F0EFE4;
	padding-bottom: 3px;
	line-height: 16px;
	padding-top: 10px;
	font-size: 14px;
}
.credits {
	font-size: 9px;
	margin-bottom: 20px;
}
#twitt {
	float: right;
	height: 50px;
	width: 500px;
}
em {
	font-size: 11px;
}
select     {
	margin-top: 5px;
	margin-bottom: 5px;
}
.btn-ok {
	float: right;
	background-image: url(../img/btn-ok.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 200px;
	color: #EFEFE3;
	text-align: center;
	padding-bottom: 10px;
}
.btn-send {
	float: right;
	background-image: url(../img/btn-send.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 110px;
	color: #EFEFE3;
	text-align: center;
	padding-bottom: 10px;
	cursor: pointer;
}
.btn-ok:hover {
	float: right;
	background-image: url(../img/btn-ok-hover.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 200px;
	color: #EFEFE3;
	text-align: center;
	padding-bottom: 10px;
	cursor: pointer;
}
.btn-send:hover {
	float: right;
	background-image: url(../img/btn-send-hover.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 110px;
	float:right;
	color: #EFEFE3;
	text-align: center;
	padding-bottom: 10px;
	cursor: pointer;
}

#answer {
	color: #FFF;
	margin-bottom: 5px;
	padding-top: 52px;/*alex*/
	font-size: 12px;
}

#sidebaravantage h3{
padding-top:50px ;
margin-top:40px;
margin-bottom: 10px;
font-size: 14px;
}

#sidebaravantage p{
margin-bottom: 20px;
}