@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;
}
.checkbox {
	width: 25px;
	margin-left: 10px;
}
a:hover {
	color: #FFFFFF;
}
#menu a {
	color: #605A4A;
	text-decoration: none;
}
#menu a:hover {
	color: #E14810;
	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: 440px;
	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;
}
.RH #container #mainContent h3 {
	color: #F0EFE4;
	font-size: 16px;
	text-transform: uppercase;
	padding-left: 20px;
	background-image: url(../img/h3.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.RH #container #mainContent h3 em {
	background-image: url(../img/right.png);
	background-position: center -20px;
	font-size: 16px;
	padding-right: 5px;
	padding-left: 5px;
}
.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: 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;
}
.RH #container #mainContent li {
	font-size: 14px;
	list-style-image: url(../img/content-li.png);
	margin: 0px;
	padding: 0px;
	width: 410px;/*alex*/
	line-height:18px;
}


.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: #CA6B3D;
	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;
}
.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;
}
img {
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#answer {
	color: #FFF;
	margin-bottom: 5px;
	padding-top: 35px;
	font-size: 12px;
	margin-top: 10px;
}


#maincontenthaut{
	padding-top: 10px;
	}/*alex*/

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

		#sidebaravantage h3{
			padding-top:50px ;
			margin-top:10px;
			margin-bottom: 10px;
		}