/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; background:url(images/bg.gif) repeat-x top #f0f0f0}
body #page6 {font-size:100%; line-height:1.125em; background:url(images/bg2.gif) repeat-x top #f0f0f0}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#494949;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top;}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#fc5f8f; text-decoration:underline} 
a:hover{text-decoration:none}

.link{color:#212121;  }

.link1{color:#fff; text-transform:uppercase; background:url(images/marker-1.gif) center right no-repeat; padding-right:20px; text-decoration:none; font-size:1.05em; font-family:Arial Narrow; font-weight:bold  }
.link1:hover{text-decoration:none; color:#61c3cc }

.link2{color:#7dc666; background:url(images/marker2.gif) center left no-repeat; padding-left:15px; background-position:0 5px; }

.button{color:#fff; background:url(images/button.gif) no-repeat top left; padding:1px 10px 2px 10px; font-weight:bold; text-decoration:none; float:right; vertical-align:middle}
.button:hover{text-decoration: underline}

ul{margin:0; padding:0; list-style:none;}
ul li{background:url(images/marker-1.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }
ul li a{color:#4b4b4b; text-decoration:none; line-height:1.71em; font-size:1.16em} 
u1 li a:hover { text-decoration:underline; }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker-1.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:10px; }
#content ul li a{color:#e5156d; text-decoration: underline; line-height:1.5em} 
#content ul li a:hover { text-decoration:none; }

#content .ul1 li{background:url(images/marker-1.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }
#content .ul1 li a{color:#4b4b4b; text-decoration:none; line-height:1.71em; font-size:1.16em} 
#content .ul1 li a:hover { text-decoration:underline; }
#content .ul2 li{background:url(images/marker-2.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }
#content .ul2 li a{color:#4b4b4b; text-decoration:none; line-height:1.71em; font-size:1.16em} 
#content .ul2 li a:hover { text-decoration:underline; }
#content .ul3 li{background:url(images/marker-3.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }
#content .ul3 li a{color:#4b4b4b; text-decoration:none; line-height:1.71em; font-size:1.16em} 
#content .ul3 li a:hover { text-decoration:underline; }

#content .ul4 li{background:url(images/marker3.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:15px; }
#content .ul4 li a{color:#212121; text-decoration: underline; line-height:1.41em; font-weight:bold} 
#content .ul4 li a:hover { text-decoration:none; }
#content .ul4 li span a{color:#fc5f8f; text-transform:uppercase; text-decoration: underline; line-height:1.5em; font-weight:bold} 
#content .ul4 li span a:hover { text-decoration:none; }

#content .ul5 li{background:url(images/tail3.gif) repeat-x bottom; padding-left:0; font-size:1.16em; line-height:1.71em; }
#content .ul5 li span{color:#4b4b4b; line-height:1.5em; background:url(images/tail4.gif) repeat-x bottom; float:right; padding-bottom:2px} 
#content .ul5 li a{color:#4b4b4b; text-decoration:none ;  background:url(images/tail4.gif) repeat-x bottom; padding-bottom:2px;} 
#content .ul5 li a:hover { text-decoration:underline; }


.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 15px 4px 20px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}
.link-2 { display:block; float:left; background:url(images/link_bg1.gif) left top repeat-x; color:#000000; text-decoration:none; margin-left:10px }
.link-2 em { display:block; background:url(images/link_left1.gif) no-repeat left top;}
.link-2  b { display:block; background:url(images/link_right1.gif) no-repeat right top; padding:2px 15px 4px 20px; font-weight:bold; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#ffffff}
.link-3 { display:block; float:left; background:url(images/link_bg2.gif) left top repeat-x; color:#000000; text-decoration:none; font-weight:bold; }
.link-3 em { display:block; background:url(images/link_left2.gif) no-repeat left top;}
.link-3  b { display:block; background:url(images/link_right2.gif) no-repeat right top; padding:2px 15px 4px 20px; font-weight:bold; font-style:normal;}
.link-3:hover{ text-decoration:none; color:#ffffff}
.link-4 { display:block; float:left; background:url(images/link_bg3.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-4 em { display:block; background:url(images/link_left3.gif) no-repeat left top; font-size:.916em}
.link-4  b { display:block; background:url(images/link_right3.gif) no-repeat right top; padding:0 15px 4px 20px; font-weight:normal; font-style:normal;}
.link-4:hover{ text-decoration:none; color:#53b6c3}

.buttons{
	width:220px;
	margin-left:auto;
	margin-right:auto;
}
.link-5 { display:block; float:left;margin:10px; background:url(images/link_bg3.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-5 em { display:block; background:url(images/link_left3.gif) no-repeat left top; font-size:.916em}
.link-5  b { display:block; background:url(images/link_right3.gif) no-repeat right top; padding:0 15px 4px 20px; font-weight:normal; font-style:normal;}
.link-5:hover{ text-decoration:none; color:#53b6c3}

fieldset
{
  border: none;
  background-color : #ffffff;
  border-style:groove;
  border-color : #d3d3d3;
  border-width : 1px;  
  /*color:#527EA7;*/
  color:#306A9A;
  width: 80%;
  margin-left:9%;
  padding-bottom:2em;
}


/*header*/
#header {font-size:1.125em; color:#FFFFFF }
#header .logo{ margin:118px 0 0 0; text-transform:uppercase; padding-right:5px; position:relative }
#header .img{ margin:136px 0 0 10px; position:absolute}
#header .img1{ margin:55px 0 0 0;}
#header .indent{padding:22px 20px 0 48px}
#header .slogan{ position:absolute; margin:331px 0 0 135px}
#header h2 {color:#ffffff; font-size:3.05em; line-height:1em; margin-bottom:9px; font-family:"Arial Black", Gadget, sans-serif; font-weight:normal;}
#header h2 a{color:#ffffff; text-decoration:none}
#header h2 a:hover{color:#a8e9f2; text-decoration:none  }
#header h3{color:#a8e9f2; font-size:1.33em; margin-bottom:13px; font-family:Arial Narrow; font-weight:normal; line-height:1em; text-align:center  }

#header ul{margin:0; padding:0; list-style:none; position:absolute}
#header ul li{ margin:0; display:inline}
#header ul li a{color:#0c0c0c; text-decoration:none; margin:0 0 0 0; width:137px; text-align:center; display:block; float:left ; padding:18px 0 19px 0; background:url(images/bg_menu.gif) top left no-repeat;} 
#header ul li a:hover { text-decoration:none; background:url(images/bg_menu-act.gif) top left no-repeat;}
#header ul li .current{ text-decoration:none; background:url(images/bg_menu-act.gif) top left no-repeat;  }

#header ul .first a{ width:138px; background:url(images/bg_menu-first.gif) top left no-repeat;} 
#header ul .first a:hover { background:url(images/bg_menu-first-act.gif) top left no-repeat;}
#header ul .first .current{ background:url(images/bg_menu-first-act.gif) top left no-repeat;  }

#header ul .last a{background:url(images/bg_menu-last.gif) top left no-repeat;} 
#header ul .last a:hover { text-decoration:none; background:url(images/bg_menu-last-act.gif) top left no-repeat;}
#header ul .last .current{ text-decoration:none; background:url(images/bg_menu-last-act.gif) top left no-repeat;  }

.row-1{min-height:100%; height:auto  !important; height:100%; margin:0 auto -45px;}
/*.row-2{height:35px; background:url(images/tail.gif) repeat-x top; margin:0 0 0 -36px}*/
.row-2{height:35px; margin:0 0 0 -36px}
/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{padding:28px 52px 27px 75px}
#content2 .indent-main75{padding:20px 52px 0px 0px; float:left; display:block; width:70%;}
#content2 .indent-main25{padding:0 0 10px 0; float:left; display:block; width:24%; background-color:#dbe9de; border:0px solid #306a9a; margin-top:20px}
.titreFormulaire{
	color:#fff;
	background-color:#9acc9b;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:5px;
}
.indent-main25 .container{
	width:100%;
	text-align:center;
}
.indent-main25 .container p{
	padding:0;
	margin:0;
	width:100%;
	text-align:center;
}

.indent-main25 .btetape2{
	padding:0;
	padding:0;
	margin-top:10px;	
	width:80%;
	margin-left:23px;
	margin-right:20px;
	text-align:center;
	color:#fff;
	display:block;
	font-style:normal;
	font-weight:bold;	
	text-decoration:none;
	background-color:#2c364b;
}
#content .indent-main1{padding:3px 0 0 41px}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-indent{ margin:0 0 16px 0}
#content .img-indent1{ margin:41px 0 0 -7px; position:absolute}
#content p{ margin:0 0 10px 0}
#content .p{ margin:0 0 17px 0}
#content .p1{ margin:0 0 7px 0}
#content h3{color:#2f2f2f; font-weight:normal; font-size:2.5em; line-height:1.1em; background:url(images/marker1.gif) no-repeat left  center; padding-left:35px; margin-bottom:0; margin-top:20px; }

#content .h-3{margin-bottom:20px;  }
#content h4{color:#53b5c2; text-transform:uppercase; font-size:1.16em; margin-bottom:7px;  }
#content h5{color:#53b5c2; text-transform:uppercase; font-size:1.14em; margin-bottom:7px;  }
#content h6{color:#53b5c2; text-transform:uppercase; font-size:1.12em; margin-bottom:7px;  }
#content .tail{ background:url(images/tail1.gif) repeat-x bottom; padding-bottom:11px; margin-bottom:19px}

#content .indent{padding:34px 0 0 138px}
#content .indent-1{padding:20px 0 0 69px}
#content .indent-3{padding:20px 0 0 0}
#content .indent-4{padding:0 20px 7px 0}

#content .indent-3 .container{
	background:url(images/fleche2.png) no-repeat left;
	padding-left:40px;	
}

#content2{ font-size:0.75em; width:100%; text-align:left;}
#content2 .indent-main{padding:28px 52px 27px 75px}
#content2 p{ margin:0 0 17px 0}
#content2 h1{color:#2f2f2f; font-weight:normal; font-size:2.5em; line-height:1.1em; background:url(images/marker1.gif) no-repeat left  center; padding-left:35px; margin-bottom:20px;  }
#content2 h2{color:#53b5c2; text-transform:uppercase; font-size:1.16em; margin-bottom:7px;  }
#content2 h3{color:#53b5c2; text-transform:uppercase; font-size:1.14em; margin-bottom:7px;  }
#content2 h4{color:#53b5c2; text-transform:uppercase; font-size:1.12em; margin-bottom:6px;  }
#content2 h5{color:#53b5c2; text-transform:uppercase; font-size:1.10em; margin-bottom:6px;  }
#content2 h6{color:#53b5c2; text-transform:uppercase; font-size:1.08em; margin-bottom:5px;  }

#page6 #content2 .container p{
	margin:0;
	margin-bottom:5px;
}


/*box*/
.box{ background:#fcfcfc; width:100%; color:#4b4b4b}
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .border-top1 {background:url(images/border_top.gif) repeat-x top;}
.box .border-top2 {background:url(images/border_top2.gif) repeat-x top;}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(images/border_left.gif) repeat-y left;}
.box .border-right {background:url(images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-top-left1 {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right1 {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-top-left2 {background:url(images/corner_top_left2.gif) no-repeat left top;}
.box .corner-top-right2 {background:url(images/corner_top_right2.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:61px 33px 23px 64px; }
#content .box h1, #content .box h2{color:#2f2f2f; font-size:2.5em; margin-bottom:15px; margin-left:0; font-weight:normal; line-height:24px;}
#content .box .h-2{color:#2f2f2f; font-size:2.5em; margin-bottom:45px; margin-left:20px; font-weight:normal  }
#content .box h4{color:#71c050; font-size:1.16em; font-weight:normal; text-transform:none; margin:0  }
#content .box .h-4{color:#62b9c7; font-size:1.16em; font-weight:normal; text-transform:none; margin:0  }
/*#content .box h1{color:#000000; font-size:2.5em; font-weight:normal; text-transform:none; margin:0; }*/

/*box1*/
.box1{ background:#f7f7f7; width:100%; }
.box1 .corner-top-left {background:url(images/corner_top_left-1.gif) no-repeat left top;}
.box1 .corner-top-right {background:url(images/corner_top_right-1.gif) no-repeat right top;}
.box1 .corner-bottom-left {background:url(images/corner_bottom_left-1.gif) no-repeat left bottom;}
.box1 .corner-bottom-right {background:url(images/corner_bottom_right-1.gif) no-repeat right bottom; width:100%; }
.box1 .indent-box{ padding:20px 20px 15px 28px; }


/*footer*/
#footer2 { color:#757575; font-size:0.54em; /*background:url(images/bot.gif) repeat-x top;*/
	text-align:justify;
	line-height:12px;
}
#footer2 .indent-footer{ padding:27px 50px 0 7px;}
#footer2 .tel{  margin:21px 0 0 627px; position:absolute}
#footer2 span{ text-transform:uppercase}
#footer2 a {color:#757575; text-decoration:underline}  
#footer2 a:hover {  text-decoration:none}

#footer{
	position:relative;
}

.jamp2{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px;	font-family:Tahoma;}

.indent-2{ position:relative; padding-left:10px; float:left}
.h{ height:30px}
.h1{ height:28px}
.block-contact span{ float:right; margin-right:60px}
.block-contact a{ color:#212121}
.input{
	background:#FFFFFF;
	width:146px; height:18px;
	font-size:1em;
	vertical-align:middle;
	padding-left:5px;
	color:#525252;
	padding-top:2px
}
label {
  width: 30em;
  float: left;
  display:block;
  font-size:11.5px;
  text-align: right;
  margin-right: 0.5em;  
}
.centrage{
	text-align:center;
}
.radio, .checkbox{
	width:10px;
	margin-top:5px;
	height:10px;
}
input{
	background:#FFFFFF;
	/*width:213px; height:18px;*/
	font-size:11px;
	padding-left:5px;
	padding-top:2px
}
textarea{
	background:#FFFFFF;
	width:213px; height:123px;
	font-size:11px;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	

p.err	{
	padding:0;
	margin:0;
	color:#306A9A;
	line-height:10px;
}

pre{
	color:#000000;
	font-size:12px;
	font-style:italic;
	font-family:"Courier New", Courier, monospace;
	background-color:#CCCCCC;
	border:solid 1px #666666;
	padding:10px;

	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	
}

/* LAYOUT */
.right_bgd { position:absolute; top:0; right:0; width:50%; height:417px; background:url(images/bg1.gif) left top repeat-x;}

.col1, .col2, .col3, .col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:980px; position:relative }

/*======= header =======*/
#header {height:417px; }

#header .col-1{ width:294px; background:url(images/bg_col.gif) no-repeat top left; height:382px; margin:0}
#header .col-2{ width:686px}
/*======= index.html =======*/
#page1 #content .col1{ width:290px; margin-right:14px}
#page1 #content .col2{ width:290px; margin-right:14px}
#page1 #content .col3{ width:290px}
#page1 #content .col-1{ width:486px; margin-right:81px}
#page1 #content .col-2{ width:286px}
#page1 #content .bg{ background:url(images/tail1.gif) repeat-y 527px top } 
/*======= index-1.html =======*/
#page2 #content .col1{ width:442px; margin-right:14px}
#page2 #content .col2{ width:442px}
#page2 #content .col-1{ width:390px; margin-right:64px}
#page2 #content .col-2{ width:390px}
#page2 #content .bg{ background:url(images/tail1.gif) repeat-y 414px top } 
#page2 #content .box h1, #page2 #content .box h2 {
     margin-bottom:0;
}
/*======= index-2.html =======*/
#page3 #content .col1{ width:592px; margin-right:14px}
#page3 #content .col2{ width:290px}
#page3 #content .col-1{ width:490px; margin-right:78px}
#page3 #content .col-2{ width:285px}
#page3 #content .bg{ background:url(images/tail1.gif) repeat-y 527px top } 
/*======= index-3.html =======*/
#page4 #content .col1{ width:290px; margin-right:14px}
#page4 #content .col2{ width:290px; margin-right:14px}
#page4 #content .col3{ width:290px}
#page4 #content .col-1{ width:245px; margin-right:64px}
#page4 #content .col-2{ width:543px}
#page4 #content .bg{ background:url(images/tail1.gif) repeat-y 266px top } 
/*======= index-4.html =======*/
#page5 #content .col1{ width:442px; margin-right:14px}
#page5 #content .col2{ width:442px}
#page5 #content .col-1{ width:240px; margin-right:62px}
#page5 #content .col-2{ width:218px; margin-right:71px}
#page5 #content .col-3{ width:247px}
#page5 #content .bg{ background:url(images/tail1.gif) repeat-y 261px top } 
#page5 #content .bg1{ background:url(images/tail1.gif) repeat-y 560px top } 

/*======= footer =======*/
#footer2 { 
	/*height:68px;*/ 
	margin:0; 
	display:inline-block;
	float:none; 
}
    
/* Ancien site */

TABLE {
    border-style: solid;
    border-width: 0;
}
TD {
    font-size: 10px;
}
input, select {
    font-size: 10px;
    font-family: Verdana;
}
.button {
    font-size: 9px;
    font-weight: bold;
    color: #FFFFFF; background-color: #4774AF;
}
.TDpart {
    color: #4774AF;
    font-weight: bold;
    font-size: 18px;
    padding: 20px;
    text-align: center;
}
.choix
{
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    color: #2F2F2F;
}

/*Tableaux d'exmple de remboursement*/
    table.c4 {background-color: #D3D9E2; color:#000000; border-collapse:collapse; border:solid 1px #000000;}
	table.c4 td, table.c4 th{border:solid 1px #000000;padding-left:20px;padding-right:20px;padding-top:10px;}
	table.c4 td strong{font-weight:bold;font-size:11px;}
    tr.c3 {background-color: #F3F9F2}
    tr.c2 {background-color: #FFFFFF}
    table.c1 {background-color: #D3D9E2}


div.exemple {
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}