* { margin:0; padding:0 }
html {overflow-y:scroll;}
body{
	font-family:Arial, Helvetica;
	font-size:11px;
}
a img {
	border:none;
}

#page { 
	width: 873px;
	margin:0 auto;
	margin-bottom:10px;
}

.txtC{text-align:center;}
.txtR{text-align:right;}
.txtL{text-align:left;}

/* ============================ /Centrage Flash par defaut ================================ */
#flash {text-align:center;}
#SWFObjectExprInst {position:absolute; left:50%; top:200px; margin-left:-155px;}


/* ici on défini les lignes qui contiennent les blocks, sachant que le dernier block d'une ligne 
porte les classes "unit sizeXonX lastunit"  */
.line, .lastunit {overflow: hidden;_overflow: visible; zoom:1;}
.unit{float:left;margin-right:18px; zoom:1;}
.lastunit {float:none; _float:right; display:block;  width:auto !important; zoom:1; margin-right:0 !important;}
/* template avec navigation et colonne de droite */
.size1on1{float:none !important;margin-right:0; width:auto;}
.miniHspace .unit {margin-right:1px;}
.noHspace .unit {margin-right:0px;}
/* template fullsize */
.size1on2{width:49.03%;}
.size1on3{width:32.03%;}
.size2on3{width:66.01%;}
.size1on4{width:23.54%;}
.size3on4{width:74.51%;}

#toptoolbar{
	margin-bottom:5px;
	text-align:right;	
}
#toptoolbar li{
	display:inline;
	margin-left:15px;
	font-weight:bold;
}
#toptoolbar li a{
	color:#000000;
	text-decoration:none;
}

#header #headTitle  {
	overflow:hidden;
	_overflow:visible;
	zoom:1;
}
#header #logo {
	float:left;
	margin:0 18px 0 0;
	_margin-right:15px;
}
#header #headTitle {
	height:81px;
	border-left:1px solid #000;
	background:url("../img/site-header-background.png") no-repeat right top;
	text-transform:uppercase;
	padding-left:18px;
}
#header #headTitle h2 {
	font-size:30px;
	margin-top:17px;
	height:28px;
	overflow:hidden; 
	text-indent:-5000px;
	background:no-repeat left top;
}
#header #headTitle h2 strong {
	color:#b3b3b3;
}
#header #headTitle p {
	color:#b3b3b3;
	font-size:14px;
	overflow:hidden; 
	text-indent:-5000px;
	height:15px;
	background:no-repeat left top;
	margin-top:4px;
}
#footer {
	color:#B5BABD;
	margin:auto;
	padding:3px 3px 3px 5px;
	text-align:right;
	text-transform:uppercase;
	background:url(../img/site-footer-background.png) repeat-x left top;
	margin-top:18px;
}
#footer li {
	display:inline;
	margin-left:15px;
}
#footer li a {
	color:#B5BABD;
	text-decoration:none;
}
#subText {
	color:#B5BABD;
	margin-top:18px;	
}
#mentionsLegales {
	color:#B5BABD;
	text-align	:center;
	margin-top:18px;
}
#menu {padding-left:100px;}
#menu li {list-style:none;padding:5px 0 0 0;}
#menu li a {font-weight:bold;text-decoration:none;color:#B5BABD;}

ul.row {overflow:hidden;_overflow:visible;zoom:1;}
ul.row li {float:left;list-style:none;}
ul.row li.size1on1 {width:100%;}
ul.row li.size1on2 {width:49.9%;}
ul.row li.size1on3 {width:33.2%;}
ul.row li.size1on4 {width:24.9%;}
ul.row li.size1on5 {width:19.9%;}


#content {margin-top:10px;border:1px solid #E5E5E5;padding:18px;}
#content .mentionsLegales {margin-bottom:15px;}
#content h3 {margin-bottom:15px;font-size:180%;}
#content .mentionsLegales .contentMentions {display:none;padding-left:10px;}
#content .mentionsLegalesOpened .contentMentions {display:block;}
#content .mentionsLegales h5 {margin-bottom:10px;display:block;}
#content .mentionsLegales h5 a {color:#000;font-weight:bold;font-size:1.3em;background:url('skin/arrows.png') no-repeat left 5px;padding-left:10px;}
#content .mentionsLegalesOpened h5 a {background-position:left -139px;}
#content .planItem {margin-bottom:15px;}
#content .planItem h5 a {color:#000;font-weight:bold;font-size:1.3em;background:url('skin/arrows.png') no-repeat left 5px;padding-left:10px;}
h1 {margin-top:10px;font-size:220%;text-transform:uppercase;}


.popupPass {color:#4b4b4b;}
.popupContent {padding:18px;}
.txtC {text-align:center;}
.context {overflow:hidden;}
.floatL {float:left;}
.floatR {float:right;}
.popupPass h4 {font-size:13px;}
.popupPass a {color:#8c8c8c;}
.popupPass label {display:block; font-weight:bold;}
.popupPass input.textinput {width:98%; border:1px solid #e2e2e2;padding:1px 2px;}
html.popup {overflow:auto;}
.popupPass p {margin:10px 0;}
.errormsg {color:#da0000;display:block;}
.error {color:#da0000;display:block;}
.preventMessage {color:#cd3736;}



/* packshots */
#headTitle {position:relative;}
#headTitle .packshot{background:no-repeat left top; position:absolute; top:10px; right: 45px; width:230px; height:79px; }



.topRenoFilled h3 {font-size:190%;color:#fbb315;margin-bottom:15px;}
.topRenoFilled h3 strong{ display: block;color:#000;}
.topRenoFilled .gray {color:#b3b3b3; font-size:120%;margin-bottom:15px;}
.topRenoFilled li {list-style:none;}
.topRenoFilled .body {border: 1px solid #e2e2e2;padding:12px;background:url('/static/img/topRenoFilled.png') no-repeat right bottom;min-height:190px;_height:190px;}


.topRenoLogin .body {border: 1px solid #e2e2e2;padding:12px;background:url('/static/img/topRenoLogin.png') no-repeat left top;min-height:190px;_height:190px;}
.topRenoLogin h3 {font-size:190%;color:#fbb315;margin-bottom:15px; *margin-bottom:5px;}
.topRenoLogin h3 strong{ display: block;color:#000;}
.topRenoLogin .login {margin-left:110px; min-height:90px;_height:90px;}
.topRenoLogin .login .formLine label {color:#464447; display:block;margin-top:15px;margin-bottom:5px;*margin-top:7px;*margin-bottom:2px;}
.topRenoLogin .login .formLine input {height:20px;line-height:20px;}
.topRenoLogin .login .formLine .btn input {font-weight:bold;margin:0;*margin-left:5px;}
.topRenoLogin .login .formLine .btn {padding-left:3px;left:-3px;position:relative;top:-1px;*top:-4px}
.topRenoLogin .login .formLine .btn span {padding-right:3px;}
.topRenoLogin .login .formLine .btn:hover input {color:#fff;}
.topRenoLogin .login .formLine .text {background:url(skin/inputs.png) repeat-x left top; border:none;width:139px;}
.topRenoLogin .login .formLine .pass {background:url(skin/inputs.png) repeat-x left top; border:none;width:108px;*width:100px;}
.topRenoLogin .error {color:#da0000;}
.topRenoLogin .oubli {color:#666;display:block;}
.topRenoLogin .conditions, .topRenoLogin .oubli a  {text-decoration:underline;color:#666;}



/* boutons : <a href="#" class="btn"><span>texte bouton</span></a> ou  <span class="btn"><span><input type="submit" value="texte bouton" /></span></span>*/
.btn,.btn span,.btn input{ display:-moz-inline-stack;display:inline-block;vertical-align:middle;line-height:24px;white-space:nowrap;background:url(skin/btns.png) left  top no-repeat;color:#666;text-decoration:none !important;cursor:pointer;text-align:center;}
.btn:hover {background-position:left bottom;color:#fff;}
.btn{padding-left:10px;_width:1%;font-size:11px; font-weight:bold;}
.btn span{display:block;background-position:right top;padding-right:10px;}
.btn:hover span {background-position:right bottom; color:#fff;}
.btn span  input{border:none;background:none;text-align:left;display:block;position:relative;z-index:1;overflow:visible;font-family:inherit;margin-left:-13px;_width:1%;*margin-left:-11px;!padding-right:8px;}


/* Lien connexion PGR */
.pgrLogin{
	float: left;
	margin-left: 99px;
	overflow: hidden;
	border: 1px solid #A2A5A4;
	color:#A2A5A4;
	padding: 1px 10px;
	position: relative;
	top: 15px;
	
}
.pgrLogin a{
	text-decoration: none;
    color: #A2A5A4;
}
.yellow{
    color: #F7B100 !important;
}