*{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
margin:0;
padding:0;
border-collapse:collapse;
}
a{
text-decoration:none;
}
body{
text-align:center;
background-color:#44486b;
}
li{
list-style:none;
}
#c1{
	margin-top:20px;
	width:990px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}
#c1-1{
	height:18px;
	width:995px;
	background: url(/images/fond1.png) 0px no-repeat;
}
#c1-2{
	margin-left:1px;
	width: 980px;
	background: url(/images/fond1.png) -998px repeat-y;
	padding:10px;
	
}
#c1-3{
	height:18px;
	width:995px;
	background: url(/images/fond1.png) -1996px no-repeat;
}
#logo{
width:300px;
float:left;
height:80px;
text-align:left;
}
#logo img{
display:block;
}
#logo span{
display:block;
color:#414141;
font-size:12px;
text-indent:5px;
font-weight:bold;
}
#liens{
float:right;
width:500px;
height:80px;
text-align:right;
overflow:hidden;
}
#liens a{
height:60px;
display:block;
width:190px;
float:right;
text-align:left;
margin-right:3px;
padding-left:35px;
background: url(/images/bouton1.png) 0px 0px no-repeat;
}
#liens a:hover{
background: url(/images/bouton1.png) 0px -60px no-repeat;
}
#liens a span{
color:#414141;
font-size:14px;
font-weight:bold;
display:block;
}
#liens a p{
display:block;
}
#header{
height:80px;
}
div#menu{
margin-left:auto;
margin-right:auto;
height:29px;
width:950px;
margin-bottom:10px;
}
a#home{
display:block;
background: url(/images/bouton1.png) 0px -128px no-repeat;
width:45px;
height:29px;
float:left;
}
div#menu div.corps{
float:left;
background: url(/images/bouton1.png) 0px -158px repeat-x;
width:880px;
height:29px;
}
div#menu div.fin{
float:left;
background: url(/images/bouton1.png) 0px -189px no-repeat;
width:20px;
height:29px;
}
div.corps a{
color:#fff;
display:block;
float:left;
height:29px;
line-height:29px;
margin-right:15px;
margin-left:3px;
}
div.corps a:hover{
color:#0498FF;
}
#footer{
color:#fff;
}
#gauche{
float:left;
width:570px;
padding:5px;
padding-left:10px;
}
#droite{
float:right;
width:355px;
padding:5px;
padding-right:10px;
}
div.contact{
text-align:left;
width:345px;
height:95px;
background-image:url(/images/bloc1.png);
font-size:20px;
padding-top:5px;
text-indent:10px;
color:#fff;
}
div.contact span{
font-size:16px;
color:#fff;
}
div.contact label{
color:#fff;
font-size:13px;
display:block;
float:left;
width:120px;
text-align:right;
}
div.contact span{
font-size:17px;
font-weight:bold;
}
div.simulateur{
margin-top:20px;
width:300px;
height:76px;
background: url(/images/bouton1.png) 0px -223px no-repeat;
position:relative;
}
div.simulateur:hover{
margin-top:20px;
width:300px;
height:76px;
background: url(/images/bouton1.png) 0px -305px no-repeat;
}
div.simulateur h3{
font-size:14px;
color:#000;
position:absolute;
top:5px;
left:60px;
}
div.simulateur form input[type=text]{
position:absolute;
top:35px;
left:110px;
border:1px solid #000;
width:70px;
height:20px;
text-align:right;
}
div.simulateur form input[type=text]:hover{
border:1px solid #0498FF;
}
div.simulateur form a{
display:block;
height:27px;
width:102px;
background: url(/images/bouton1.png) 0px -385px no-repeat;
border:0;
position:absolute;
top:33px;
left:200px;
color:#fff;
font-size:14px;
line-height:25px;
font-weight:bold;
}

div.outil{
position:relative;
margin-top:15px;
display:block;
height:133px;
width:335px;
background: url(/images/bouton1.png) 0px -425px no-repeat;
margin-bottom:15px;
}
div.outil h3{
color:#B20D37;
font-size:16px;
position:absolute;
top:5px;
left:170px;
}
div.outil p{
display:block;
width:160px;
position:absolute;
top:30px;
left:173px;
text-align:left;
}
div.outil a{
position:absolute;
top:100px;
left:173px;
font-weight:bold;
}
div.outil a:hover{
color:#0498FF;
}
a.inscription{
display:block;
height:40px;
line-height:40px;
width:265px;
color:#fff;
font-weight:bold;
font-size:16px;
background: url(/images/bouton1.png) 0px -560px no-repeat;
margin-left:auto;
margin-right:auto;
text-align:center;
}
div#type_portage{
position:relative;
display:block;
height:235px;
width:593px;
}
div#internet{
position:absolute;
top:0;
left:0;
display:block;
background: url(/images/fond2.png) 0px 0px no-repeat;
height:235px;
width:593px;
text-align:left;
}

div#internet div{
position:absolute;
top:2px;
right:0px;
}
div#consultant{
position:absolute;
top:0;
left:0;
display:none;
background: url(/images/fond2.png) 0px -235px no-repeat;
height:235px;
width:593px;
text-align:left;
}
div#domicile{
position:absolute;
top:0;
left:0;
display:none;
background: url(/images/fond2.png) 0px -470px no-repeat;
height:235px;
width:593px;
text-align:left;
}
div#type_portage a{
position:absolute;
display:block;
height:44px;
width:215px;
color:#fff;
line-height:48px;
font-size:20px;
font-weight:bold;
}

div#type_portage a.nosel{
background: url(/images/bouton1.png) 0px -652px no-repeat;

}
div#type_portage a.sel{

background: url(/images/bouton1.png) 0px -604px no-repeat;
}

div#internet h1,div#consultant h2,div#domicile h2{
margin-left:10px;
margin-top:15px;
color:#fff;
font-size:18px;
font-weigh:bold;
}
div#internet p,div#consultant p,div#domicile p{
margin-top:5px;
color:#fff;
font-size:14px;
display:block;
width:350px;
margin-left:10px;
}
div#internet strong{
color:#fff;
font-size:14px;
font-weight:bold;
}
div#internet u{
color:#fff;
font-size:14px;
}
div#internet span,div#consultant span,div#domicile span{
display:block;
margin-top:10px;
color:#fff;
margin-left:10px;
font-weight:bold;
font-style:italic;
font-size:13px;
}
div#internet ul,div#consultant ul,div#domicile ul{
margin-top:10px;
margin-left:20px;
}
div#internet ul li,div#consultant ul li,div#domicile ul li{
color:#fff;
display:block;
height:25px;
line-height:25px;
font-weight:bold;
font-size:14px;
background: url(/images/fleche.png) no-repeat;
text-indent:28px;
}
div#internet a,div#consultant a,div#domicile a{
display:block;
width:269px;
height:38px;
color:#fff;
font-size:16px;
font-weight:bold;
line-height:38px;
background: url(/images/bouton1.png) 0px -732px no-repeat;
text-align:center;
position:absolute;
top:188px;
left:30px;
}
div#raison,div#metiers{
margin-top:10px;
position:relative;
display:block;
width:593px;
text-align:left;
}
div#raison h2,div#metiers h2{
color:#414141;
font-size:18px;
font-weight:bold;
}

div#raison div{
padding:5px;
margin-left:10px;

}
div#raison div table tr td a{
font-size:13px;
font-weight:bold;
}
div#raison div table tr td p{
width:413px;
text-align:justify;
}
div#raison div:hover{
background-color:#dcf1ff;
}
div#metiers ul{
margin-top:15px;
}
div#metiers ul li
{
margin-top:3px;
display:block;
float:left;
width:180px;
margin-right:10px;
text-align:left;
}
div#feedback{
margin-top:15px;
text-align:left;
}
div#feedback h3{
color:#414141;
font-size:18px;
font-weight:bold;
}
div#feedback div{
padding:5px;
text-align:left;
width:300px;
}
div#feedback div a{
font-weight:bold;
font-sise:13px;
}
div#feedback p{
font-weight:normal;
font-sise:12px;
text-align:justify;
}
div#page{
text-align:left;
width:100%;
}
div#page h1{
color:#414141;
font-size:18px;
font-weigh:bold;
margin-bottom:10px;
}
div#page h2{
color:#B20D37;
font-size:14px;
font-weigh:bold;
margin-bottom:5px;
margin-top:10px;
}
div#page h3{
color:#B20D37;
font-size:14px;
font-weigh:bold;
margin-bottom:5px;
margin-top:10px;
}
div#page div.bloc{
background-color:#DCF1FF;
padding:10px;
}
div#page div.bloc a{
font-weight:bold;
font-size:13px;
}
div#page p{
color:#414141;
font-size:12px;
margin-bottom:10px;
text-align:justify;
}
div#page img{
margin-right:auto;
margin-left:auto;
}
/* ---------------------------- FORMULAIRE INSCRIPTION -------------------------------------*/
form#inscription fieldset,div.formulaire form fieldset{
margin-bottom:10px;
}
form#inscription fieldset legend,div.formulaire form fieldset legend{
font-size:16px;
color:#414141;
}
form#inscription fieldset p ,div.formulaire form fieldset p{
display:block;
width:550px;
height:20px;
}
form#inscription fieldset label ,div.formulaire form fieldset span{
display:block;
float:left;
width:200px;
text-align:right;
font-size:12px;
height:20px;
margin-right:10px;
}
form#inscription fieldset select,div.formulaire form fieldset select{
display:block;
float:left;
width:150px;
text-align:left;
font-size:12px;
height:20px;
line-height:20px;
border:1px solid #ccc;
}
form#inscription fieldset input[type=text],div.formulaire form fieldset input[type=text]{
display:block;
float:left;
width:150px;
text-align:left;
font-size:12px;
height:20px;
line-height:20px;
border:1px solid #ccc;
}
form#inscription fieldset textarea,div.formulaire form fieldset textarea{
display:block;
float:left;
width:300px;
text-align:left;
font-size:12px;
height:100px;
border:1px solid #ccc;
}
div.formulaire form fieldset br{
line-height:30px;
}

form#inscription fieldset p label.tarif{
line-height:25px;
height:25px;

}

form#inscription fieldset p span.tarif{
line-height:25px;
height:25px;
font-weight:bold;
}
input[type=submit]{
font-weight:bold;
color:#fff;
font-size:14px;
width:100px;
height:25px;
line-height:25px;
background-color:#0498FF;
border:1px solid #fff;
margin-top:10px;
margin-left:5px;
margin-bottom:10px;
}
input[type=submit]:hover{
cursor:pointer;
}
input[type=button].button_submit,a.button_submit{
display:block;
font-weight:bold;
color:#fff;
font-size:14px;
height:25px;
line-height:25px;
background-color:#0498FF;
border:1px solid #fff;
margin-top:10px;
margin-bottom:10px;
}
input[type=button].button_submit:hover{
cursor:pointer;
}
/*---------------------------------------------------------------------------*/
div.commentaire h3{
text-align:left;
color:#B20D37;
font-size:14px;
font-weigh:bold;
margin-bottom:5px;
margin-top:10px;
}
div.commentaire p{
text-align:left;
}
form.commentaire_mycms fieldset{
padding-top:10px;
border:0;
padding-bottom:10px;
}
form.commentaire_mycms fieldset legend{
font-weight:bold;
font-size:12px;
color:#414141;
}
form.commentaire_mycms fieldset p{
color:#414141;
font-size:10px;
}
form.commentaire_mycms label{
float:left;
color:#414141;
}
form.commentaire_mycms textarea.area_input{
border:1px solid #ccc;
height:50px;
width:250px;
}
/*------------------------------------------ RATING ---------------------------------------------*/

.ratingblock {
	display:block;
	border-bottom:1px solid #999;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 30px;
	background: url('/images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('/images/starrating.png') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('/images/starrating.png') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('/images/starrating.png') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}
ul.rating{
display:block;
width:350px;
}
ul.rating li{
list-style:none;
}
ul.rating li a{
font-size:12px;
color:#000;
display:block;
float:left;
width:250px;
text-align:right;
}		
ul.rating li span {
display:block;
float:left;
margin-left:10px;
}
ul.rating li span img{
height:15px;
}
/*-----------------------------------------------------*/
p.commentaire{
display:block;
color:#414141;
font-size:12px;
margin-bottom:10px;
padding-bottom:5px;
border-bottom: 3px dashed #DCF1FF ;
}
/*------------------------------------------------------*/
div#offre ul{
margin-left:5px;
margin-bottom:25px;
background-color:#fff;
}
div#offre8 ul{
margin-left:5px;
margin-bottom:25px;
}
div#offre ul li{
list-style:none;
display:block;
width:500px;
margin-top:10px;
height:28px;

background: url(/images/bouton1.png) 0px 0px no-repeat;
padding-left:30px;
line-height:28px;
font-size:13px;
}
div#offre8 ul li{
list-style:none;
display:block;
width:500px;
margin-top:10px;
height:28px;

background: url(/images/bouton1.png) 0px -793px no-repeat;
padding-left:35px;
line-height:28px;
font-size:13px;
}
div#offre p span,div#offre8 p span {
color:#B20D37;
font-weight:bold;
font-size:16px;
}
div#offre p label,div#offre8 p label{
font-weight:bold;
font-size:16px;
margin-left:25px;
}
div#offre{
padding:10px;
}
div#offre8{
padding:10px;
background-color:#DCF1FF;
}
div.liste{
text-align:left;
}
div.liste ul li{
margin-top:5px;
}
div#internet form p label
{
color:#fff;
font-size:13px;
display:block;
float:left;
width:120px;
text-align:right;
}
div#internet form p input[type=text],div#internet form p input[type=password]{
margin-left:10px;
border:1px solid #000;
width:150px;
height:18px;
text-align:left;
}
div.inscri{
position:absolute;
top:10px;
right:10px;
width:200px;
height:165px;
}
div.inscri img:hover{
cursor:pointer;
}
span.password{
text-indent:100px;
}
span.password:hover{
cursor:pointer;
}
div#raison div table {
width:450px;
overflow:hidden;
}
div#raison div img.image_liste{
float:left;
}
table.offre{
width:590px;
}
table.offre tr{
height:35px;
line-height:25px;
}
table.offre tr td{
text-indent:10px;
}
table.offre tr td.basic,table.offre tr td.premium{
background-color:#B20D37;
color:#ffffff;
font-weight:bold;
border:1px solid #B20D37;
text-align:center;
}
table.offre tr td.ligne0{
background-color:#ffcccc;
}
table.offre tr.ligne0{
background-color:#ffcccc;
}
table.offre tr.ligne0 td,table.offre tr.ligne1 td{
border-left:1px solid #B20D37;
border-right:1px solid #B20D37;
}
table.offre tr.ligne1{
background-color:#ffffff;
}
table.offre tr.ligne2{
background-color:#363636;
}
table.offre tr.ligne2 td{
border-top:1px solid #B20D37;
color:#ffffff;
text-align:center;
}
div.step{
background-image:url(/images/fond-step.png);
width:590px;
height:96px;
margin-top:7px;
text-align:left;
padding-top:5px;
padding-left:5px;
}
div.step p{
border-top:1px dashed #CCCCCC;
margin-top:5px;
color:#ffffff;
}
div.step h3{
font-size:16px;
color:#FFFFFF;
margin-top:15px;
}