html {
font-size: 100%;
height: 100%;
overflow-y: scroll;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
color:#767778;
margin: 0;
padding: 0;
}

/* [[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[ CLERMONT
#content_pages {
font-size: 1.1em;
}
*/


/*
body.home {
background: url(/images/back_blue_home.gif) 650px 393px;
background-repeat:no-repeat;
}

* html body.home {
background: url(/images/back_blue_home.gif) 650px 395px;
background-repeat:no-repeat;
}

body.level {
background: url(/images/back_blue_level.gif) 650px 276px;
background-repeat:no-repeat;
}

* html body.level {
background: url(/images/back_blue_level.gif) 650px 278px;
background-repeat:no-repeat;
}
*/
form {
	margin: 0;
	padding: 0;
}

h2 {
margin: 0;
padding: 0;
}

p {
margin:10px 0;
}

p.home_text {
margin:0;
width:260px;
}

div.hr { 
height: 15px;
background: url('/images/hr.gif') no-repeat center;
margin-bottom:7px
}

div.hr hr {
  display: none;
}

#container
{
width: 950px;
margin: 0px auto;
color: #333;
/*background:transparent url(../images/back.jpg) repeat-x;*/
}
#top1
{
/*height:343px;*/

background-position: 
               0% 0%; float:left;
padding:0;
background-color:#ffffff; background-repeat:no-repeat; background-attachment:scroll
}
#top
{
/*height:343px;*/

float:left;
padding:0;
/*HIDDEN SEPT 2011 background:#FFFFFF url(../images/back.gif) no-repeat;*/
}

#top img.printheader {
	display: none;
	float: left;
}

.short_top 
{
/*height:243px !important;*/
float:left;
}

#soumission p{
margin:45px 0 23px 0;
float:left;
color:#666666;
}


#topformpage
{
height:153px;
/*HIDDEN SEPT 2011 background:#FFFFFF url(../images/back.gif) no-repeat;*/
padding-left:0; padding-right:0; padding-top:20px; padding-bottom:0;
}
#content_home
{
width: 950px;
float:left;
clear:both;
}

.hidden {
	display: none;
}

/*#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#rightnav
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
}

#content
{
margin-left: 200px;
border: 1px solid blue;
margin-right: 200px;
padding: 1em;
max-width: 36em;
}*/


img{
border:0px none;
}

input{
color:#666666;
border:1px solid #cdcdcd;
font-size:12px;
height:16px;
margin-right:5px;
}

select{
color:#666666;
border:1px solid #cdcdcd;
font-size:12px;
/*height:16px;*/
margin-right:5px;
}
.input_small{
width:30px;
}

.input_btn{
float:left;
}

a:link, a:visited, a:active, a:hover {text-decoration: underline; color: #ff0000;}


/* [[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[ CLERMONT
a:link {text-decoration: underline; color: #0000ff;} 
a:visited {text-decoration: underline; color: #800080;} 
a:active {text-decoration: underline; color: #0000ff;} 
a:hover {text-decoration: underline; color: #3d3dfd;} 
*/


.search{
padding:10px 5px 0 0;
float:right;
color:#666666;
width:600px;
text-align:right;
}

.search .text{
float:left;
width:330px;
}

.search img{
vertical-align:middle;
padding: 0 5px 0 0;
}
.search input{
color:#666666;
border:1px solid #cdcdcd;
font-size:12px;
height:16px;
margin:0 5px 0 5px;
padding:0px 5px 0 5px;
}
.ami{
clear:right;
padding:20px 5px 10px 0;
}
.amidiv{
font-size:0.9em;
float:right;
clear:both;
}
.div_right
{
float:right;
}

.rows1{
padding: 20px 0 20px 0;
background:#d7dee2;
height:150px;
}

.rows2{
padding: 0px 0 20px 0;
background:#d7dee2;
height:150px;
}

.section, .section_small{
float:left;
padding:0 5px 0px 25px;
border-right:1px solid #afb4b7;
height:150px;
}

.section_no_border{
float:left;
padding:0 5px 0px 25px;
height:150px;
}

.section_small_no_border{
float:left;
padding:0;
height:150px;
}

.section_small_no_border_right{
float:left;
padding:0 5px 0px 22px;
height:150px;
border-right:1px solid #afb4b7;
}

.section, .section_no_border{
width:288px;
}

.section_small, .section_small_no_border, .section_small_no_border_right{
width:281px;
}

.section p, .section_small p, .section_no_border p, .section_small_no_border_right p{
margin-bottom:5px;
margin-top:0;
}


/**********************************************************************************************/
/* SOUMISSION EN LIGNE */
/**********************************************************************************************/


#soumission{
background:#004762;
width:309px;
height:144px;
float:left;
color:#ffffff;
}

#soumis_l{
float:left;
padding:10px 5px 0 15px;
width:125px;
}

#soumis_r{
float:left;
padding:10px 5px 0 5px;
width:150px;
text-align:right;
}

#soumission p{
color:#ffffff;
margin:0;
}

#soumission a{
color:#ffffff;
}

#soumission input, #soumission select{
margin-right:0;
}


/**********************************************************************************************/
/* TOP NAV */
/**********************************************************************************************/
#topnav
{
padding: 20px 0 0 0;
float:right;
}
#topnav a, #navfooter a
{
color:#666666;
text-decoration: none;
}

#topnavlist
{
list-style-type: none;
margin: 0;
padding: 0;
}

#topnavlist li
{
float: left;
line-height: 1.1em;
background: url('/images/topnav.gif') no-repeat 0 50%;; padding-left:15px; padding-right:10px; padding-top:0; padding-bottom:0

}

#topnavlist li.first{
background: none;
}
#topnavlist li.last{
padding:0 5px 0 15px;
}

/**********************************************************************************************/
/* NAV */
/**********************************************************************************************/

ul#navcontainer 
{
padding: 0;
margin: 0;
width: 950px;
clear:both;
}

ul#navcontainer li { 
display: inline; 
float: left;
height:28px;
}

* html ul#navcontainer li {
margin-bottom: -3px;
}

#menu_content_rotation{
width:320px;
height:233px;
clear:both;
float:left;
}

#menu_content{
width:320px;
float:left;
padding-top:37px
}

#menu_content_auto{
background:url('../images/back_assurance_auto.jpg') no-repeat;
width:640px;
height:144px;
clear:both;
float:left
}

#menu_content_jeune_auto{
background:url('../images/back_assurance_jeune_auto.jpg') no-repeat;
width:640px;
height:144px;
clear:both;
float:left
}

#menu_content_logement{
background:url('../images/back_assurance_logement.jpg') no-repeat;
width:640px;
height:144px;
clear:both;
float:left
}

#menu_content_habi{
background:url('../images/back_assurance_habi.gif') no-repeat;
width:640px;
height:144px;
clear:both;
float:left
}

#menu_content_perso{
background:url('../images/back_perso.gif') no-repeat;
width:640px;
height:144px;
clear:both;
float:left
}

#menu_content_espace_client{
background:url('../images/back_espace_client.gif') no-repeat;
width:640px;
height:144px;
clear:both;
float:left
}

#menu_content_carriere_avenir{
background:url('../images/back_carriere_avenir.gif') no-repeat;
width:640px;
height:144px;
clear:both;
float:left
}

#menu_content_glossaire{
background:url('../images/back_glossaire.gif') no-repeat;
width:640px;
height:144px;
clear:both;
float:left
}

#menu_content_notre_entreprise{
background:url('../images/back_notre_entreprise.gif') no-repeat;
width:640px;
height:144px;
clear:both;
float:left
}

#menu_content_plan_du_site{
background:url('../images/back_plan_du_site.gif') no-repeat;
width:640px;
height:144px;
clear:both;
float:left
}

#menu_content_specification_tech{
background:url('../images/back_specification_tech.gif') no-repeat;
width:640px;
height:144px;
clear:both;
float:left
}



/**********************************************************************************************/
/* checkList */
/**********************************************************************************************/
#checkList{
background-color:#d6dee1;
width:160px;
float:left;
height:300px;
margin-bottom:20px;
z-index:200;
color:#5c5d5e;
text-decoration: none;
}
#rightcol{
background-color:#e9eff2;
width:160px;
float:left;
height:300px;
margin-bottom:20px;

}
#checkList a, #checkList ul a, #checkList ul li a
{
color:#5c5d5e;
text-decoration: underline;
}
#checkList img
{
padding-top:5px;
}

#checkList ul
{
padding: 0px;
margin: 0px;
width:100px;
}

#checkList ul li.checked { 
color:#999a9c;
text-decoration: none;
display: inline; 
float: left;
width:112px;
background: url('images/ok_checked.gif') no-repeat right 1px;; margin-left:15px; margin-right:10px; margin-top:5px; margin-bottom:5px; padding-left:0; padding-right:20px; padding-top:0; padding-bottom:0
}
#checkList ul li.active { 
color:#FFFFFF;
text-decoration: none;
font-weight:bold;
display: inline; 
float: left;
margin: 0px;
width:135px;
background: #ff0101 url('images/active_check.gif') no-repeat right 5px;
padding-left:15px; padding-right:10px; padding-top:5px; padding-bottom:5px; background-color:#ff0101
}
#checkList ul li.notchecked { 
color:#999a9c;
text-decoration: none;
display: inline; 
float: left;
width:112px;
background: url('images/not_checked.gif') no-repeat right 1px;; margin-left:15px; margin-right:10px; margin-top:5px; margin-bottom:5px; padding-left:0; padding-right:20px; padding-top:0; padding-bottom:0
}

/**********************************************************************************************/
/* centerCol */
/**********************************************************************************************/

#centerCol{
width:600px;
float:left;
margin-bottom:20px;
padding:0 15px 0 15px;
}
#centerCol h1{
color:#333333;
font-size:16px;
padding:0;
margin:0 0 10px 0px;
clear:both;
}
.rightlabel{
text-align:right;
width:100px;
float:right;
}
.right{
float:right;
}
.left{
float:left;
}
.clearleft{
clear:left;
}
#encadre{
height:100px;
width:425px;
background-color:#d6dee1;
float:left;
margin:0;
padding:10px 10px 5px 10px;
}
#encadre p{
margin:0;
padding:5px 0px 5px 0px;
}
.pricebox{
height:100px;
width:135px;
background-color:#004763;
float:right;
margin:0;
padding:10px 10px 5px 10px;
}
.nota{
width:450px;
float:left;

}
.nota p{
font-size:10px;
clear:both;
margin:0;
}
.pricebox p{
color:#FFFFFF;
float:right;
width:130px;
text-align:right;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}
.pricebox p.small{
padding-bottom:15px;
font-weight:normal;
font-size:11px;
}
.rabais{
clear:both;
float:left;
width:450px;
margin:0;
padding:0;
}
.rabais p {
font-weight:bold;
margin:15px 0 0 0;
padding:0;
}
.rabais ul{
font-weight:bold;
padding-left:0px;
margin-left:0px;
margin-top:0;
}
.rabais ul li{
font-weight:normal;
padding-left:15px;
margin-left:15px;
}
.formbox{
width:600px;
float:left;
padding-top:20px;
}
h3{
padding:10px 0 0 0;
margin:0 0 10px 0;
font-size:11px;
clear:both;
}
h3.nobottom {
margin-bottom:0;
}
.titre{
width:255px;
float:left;
height:30px;
}
.detail{
width:75px;
float:left;
height:30px;
}

label.titre{
width:255px;
float:left;
height:30px;
margin-right: 20px;
clear: both;
}

fieldset {
	border:0px none;
	padding:0;
	margin:0
}

.formright {
	float: left;
	width: 300px;
}

.vertalign_mid {
	vertical-align: middle;
}

.formright label {
	margin: 0;
	padding: 0;	
}

.formfine {
	float: left;
	width: 255px;
	font-size: 10px;
}

.redtxt {
	color: #cc0000;
}

.formdrop{
width:100px;
float:left;
height:30px;
}
.formdroptext{
line-height:8px;
font-size:9px;
width:160px;
float:left;
height:30px;
}
.divider{
background:url('images/bg_grey.gif') repeat-x center;
height:10px;
clear:left
}
.promobox{
float:left;
padding:10px 10px 10px 0px ;
}


#breadcrumb{
font-size:0.9em;
float:left;
margin:10px 0px 0px 0px ;
padding-left:0px;
}
#breadcrumb a{
color:#cc0000;
}

#login_box {
width:410px; 
height:155px; 
margin:0 0px 0px 0px; 
padding:20px 5px 10px 14px;
background-color:#d7e0e6; 
color:#333; 
}

#login_box  h2{font-size:16px; font-weight:bold;}
#login_box .oneRow{position:relative;float:right; margin:0px 168px 0px 0; padding:0; display:inline;}

/*
#login_box .a_inscrire{
 margin:0px 168px 0 0px; padding:0px 0px 0px 0px; position:relative; float:right; display:inline; 
}*/

#login_box_content{
position:relative;
float:right;
padding:0px 60px 0px 0px; 
margin:0px 0x 0px 0px;
}


#toolbar{
text-align:right;
font-size:0.9em;
margin-top:6px;
float:right;
padding-right:15px;
padding-bottom:3px;
}
#toolbar a{
text-decoration:none;
color:#666;
}
#toolbar img{
margin-bottom:0px;
margin-right:5px;
}



#secure{
font-size:10px;
float:right;
margin:10px 0px 20px 10px ;
}
#secure img{
padding-right:10px;
vertical-align:middle;
}
#tab{
width:600px;
clear: both;
float:left;
padding: 0;
background: url('images/tab_lineBG.gif') repeat-x left bottom;; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:0px
}

#tabulator
{
float:left;
font-size:12px;
list-style-type: none;
margin: 0px 0px 0px 0px ;
padding: 0;

}

#tabulator li
{
width:135px;
color:#cc0000;
float: left;
margin-right:10px;
background: url('images/bg_tab_active.gif') no-repeat left 0px;; padding-left:10px; padding-right:0px; padding-top:6px; padding-bottom:6px
}

#tabulator li.first{
color:#FFFFFF;
background: url('images/bg_tab_non-active.gif') repeat-x left bottom;
}

/**********************************************************************************************/
/* FIRST LEVEL CENTER CONTENT */
/**********************************************************************************************/
#content_center{
width:430px;
min-height:300px;
float:left;
background-color:#fff;
padding:5px 25px 15px 25px;
}

* html #content_center{
height:300px;
}

#content_right_box{
width:265px;
height:254px;
float:left;
background-color:#d7dee2;
padding:22px;
}

#imgContentSubmit{
text-align:right; 
padding-top:7px;
}


/**********************************************************************************************/
/* FOOTER + NAV FOOTER */
/**********************************************************************************************/


#homefooter
{
clear: both;
color: #333;
background: #ffffff url('/images/linenav.gif') no-repeat top;
height:50px;
padding-top:5px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:30px
}
#footer
{
clear: both;
color: #333;
background: #ffffff url('/images/linenavgrey.gif') no-repeat top;
height:50px;
padding-top:5px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:30px
}

.footer_auto {
background: #ffffff url('/images/linenavgrey_auto.gif') no-repeat top !important;
}

.footer_home {
background: #ffffff url('/images/linenavgrey_home.gif') no-repeat top !important;
}

.footer_habi {
background: #ffffff url('/images/linenavgrey_habi.gif') no-repeat top !important;
}

.footer_perso {
background: #ffffff url('/images/linenavgrey.gif') no-repeat top !important;
}

.footer_infos {
background: #ffffff url('/images/linenavgrey.gif') no-repeat top !important;
}

.footer_espace {
background: #ffffff url('/images/linenavgrey_client.gif') no-repeat top !important;
}

#navfooter
{
margin: 35px 0 35px 0;
}

#navfooterlist
{
list-style-type: none;
margin: 0;
padding: 0;
}

#navfooterlist li
{
/*border-left: 1px solid #cccccc;*/
background: url('/fr/images/bot_navdot.gif') no-repeat left 4px;
float: left;
line-height: 15px;
margin: 0;
color:#666666; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0
}

#navfooterlist li.first
{
background: none;
border: 0px none;
margin: 0;
padding-left:0; padding-right:15px; padding-top:0; padding-bottom:0
}



/*---Left nav---*/

#leftpanel {
	clear: both;
	float: left;
	width: 160px;
	padding-bottom: 15px;
	
/* [[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[ CLERMONT
font-size: 1.1em;
*/

}

#leftnav {
	float: left;
	width: 160px;
}

#leftnav ul {
	padding: 0;
	margin: 0;
	/*background-color: #fda964;*/
	background-color: #d7dee2;
	
}

#leftnav ul li {
	/*padding-bottom: 1px;
	padding-top: 1px;*/
	margin: 0;
	
	color: #830900;
	background: url('/fr/images/menu_lvl1bg.gif') no-repeat top left;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #fff; list-style-type:none
	}

#leftnav ul li a,
#leftnav ul li a:link,
#leftnav ul li a:visited {
	text-decoration: none;
	cursor: pointer;
	display: block;
	color: #000;
	padding: 5px 15px 5px 15px;
}
#leftnav ul li a:hover {
	background: #ff0100 url('/fr/images/menu_lvl1bg_over.gif') no-repeat top left;
	color: #ffffff;
	text-decoration: none
	
}

#leftnav ul li a:active {
	text-decoration: none;
}
/* orignal 
#leftnav ul li.on {
	background: #ff0100 url(/fr/images/menu_lvl1bg_on.gif) no-repeat top left;
	text-decoration: none;
	display: block;
	color: #fff;
	
}
*/

/* ---------------------------*/
/* ajout par jf*/

#leftnav ul li.on {
	margin: 0;
	color: #830900;
	background: url('/fr/images/menu_lvl1bg_on.gif') no-repeat top left;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #fff; list-style-type:none
}

#leftnav ul li.on div {
	padding: px 15px 5px 15px;
	color: #fff;
}

#leftnav ul li.on div a, 
#leftnav ul li.on div a:link,
#leftnav ul li.on div a:visited {
	background: #ff0100 url('/fr/images/menu_lvl1bg_on.gif') no-repeat top left;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	display: block;
    padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px

}

#leftnav ul li.on div a:hover {
	text-decoration: none;
	
}

#leftnav ul li.on div a:active {
	text-decoration: none;
}

/* ------------------------ */

/* original
#leftnav ul li.on div {
	padding: 5px 0 5px 15px;
}
*/

#leftnav ul li ul.closed {
	display: none;
}

#leftnav ul li ul li {
	list-style-type: none;
	
/* [[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[ CLERMONT
font-size: .9em;
*/

	
	font-size: .8em;
	background: none;
	background-color: #bdccd5;
	font-weight: bold;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #fff;
	}

#leftnav ul li ul li a,
#leftnav ul li ul li a:link,
#leftnav ul li ul li a:visited {
	text-decoration: none;
	cursor: pointer;
	display: block;
	color: #000;
	padding: 5px 0 5px 30px;
}

#leftnav ul li ul li a:hover {
	background: none;
	background-color: #ffffff;
	color: #cc0000 !important;
	text-decoration: none;
}

#leftnav ul li ul li a:active {
	text-decoration: none;
}

/*---------left fb---------*/
.left_fb {
	background-color: #d7dee2;
	float: left;
	clear: both;
	width: 140px;
	padding:15px 5px 15px 15px;
	border-top: 1px solid #fff;
}

.left_fb h2 {
	color: #000;
	font-size: 14px;
}

.left_fb input {
	width: 75%;
}

.left_fb input.submit_btn {
	width: 12px !important;
	height: 11px !important;
	vertical-align: middle;
}

#ttt{
width:430px;
min-height:300px;
float:left;
background-color:#fff;
padding:5px 25px 15px 25px;
}

#publicForm{
position:absolute;
width:440px;
min-height:300px;
background-color:#fff;
left:15px;
top:70px;
}