html,body{margin:0;padding:0;font-family:Arial,Sans-Serif;font-size:12px;color:#000}
html{background:#FFF;margin:5px}
h1,h2,h3,h4,h5,p,form,div,ul,ol,li{margin:0;padding:0}
ul,ol,li{list-style:none}
a{color:#1E5BAB;text-decoration:none}
.a{color:#1E5BAB;text-decoration:none}
.ana{color:#6B6B6B}
img,.noborder{border:0}
nav{padding:6px;background:#F2F2F2;font-size:11px;letter-spacing:1px;color:#666}
nav a{color:#666;text-decoration:none}
nav ol{list-style:none;margin:0;padding:0}
nav li{display:inline;margin:0;padding:0}
#page{margin:auto;width:auto;background:#FFF}
#header_content{margin:auto;width:100%;background:#FFF;border-bottom:5px solid #0087cf;text-align:center}
#footer_content{margin:auto;width:100%;border-top:5px solid #0087cf;color:#FFF;text-align:center;padding:10px 0}#footer_content a{color:#FFF}#footer_content a:hover{text-decoration:underline}
header{background: #154789;
background: -moz-linear-gradient(top,  #154789 0%, #0087cf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#154789), color-stop(100%,#0087cf));
background: -webkit-linear-gradient(top,  #154789 0%,#0087cf 100%);
background: -o-linear-gradient(top,  #154789 0%,#0087cf 100%);
background: -ms-linear-gradient(top,  #154789 0%,#0087cf 100%);
background: linear-gradient(to bottom,  #154789 0%,#0087cf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#154789', endColorstr='#0087cf',GradientType=0 );
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 1000;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
body{padding-top:120px}
@media only screen and (max-width: 768px) {
    #header_image {
        position: static;
        margin: 20px auto;
    }

}
#header_image {
    width: 220px;
    margin: 5px auto;
}
#header_image img {
    max-width: 100%;
    height: auto;
}
footer{width:100%;background: #0087cf;
background: -moz-linear-gradient(top,  #0087cf 0%, #154789 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0087cf), color-stop(100%,#154789));
background: -webkit-linear-gradient(top,  #0087cf 0%,#154789 100%);
background: -o-linear-gradient(top,  #0087cf 0%,#154789 100%);
background: -ms-linear-gradient(top,  #0087cf 0%,#154789 100%);
background: linear-gradient(to bottom,  #0087cf 0%,#154789 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0087cf', endColorstr='#154789',GradientType=0 );}
#header_title{text-align:center;font-size:22px;font-weight:700;color:#154789;letter-spacing:2px;padding-top:20px;border-bottom:1px solid #154789;cursor:pointer}
#btnsuivi{margin:13px auto auto;background:#154789;width:230px;hight:18px;text-align:center;padding:5px 0;border-radius:10px;color:#FFF;text-decoration:underline;cursor:pointer}
#btnsuivi:hover{background:#0087cf}
#btnnum{margin:10px auto;width:200px;height:44px;background:url(/img/numero_demarche.png) no-repeat top left;}
#pagecontent{width:100%;padding:10px 0}
#content{display:inline-block;vertical-align:top}
#sidebar{text-align:justify;line-height:1.5em;margin-left:10px;display:inline-block;width:280px;vertical-align:top;background:#E7F0F7;border:1px solid #DDD;padding:10px}
.intro{margin:10px 0 20px 0;line-height:1.5em; text-align:justify;}
.msgcontact{width:450px;height:85px;}
.ifdemarche{width:100%;height:700px;overflow:hidden;border:0}
#cgu p{margin:10px 0;text-align:justify}
#cgu li{text-align:justify}
#cgu .ol{margin:20px 0}
#cgu .oltitle{font-weight:700;margin-top:30px}
#cgu .olsub{padding-left:15px}
#cgu .olsub li{margin:10px 0}
h1{background:#E7F0F7;padding:5px;color:#154789;border-bottom:1px solid #ddd;margin-bottom:10px}
h2,.h2{background:#E7F0F7;padding:5px;margin:10px 0;color:#154789;font-size:18px}
h3,.h3{margin:10px 0;padding:5px 0;color:#154789;border-bottom:1px solid #ddd}
.ul3{float:left;width:33%}
.btn-header-cta{
	display: inline-block;
	background: #0087cf;
	background: -moz-linear-gradient(top, #0087cf 0%, #2A9FDD 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0087cf), color-stop(100%,#2A9FDD));
	background: -webkit-linear-gradient(top, #0087cf 0%, #2A9FDD 100%);
	background: -o-linear-gradient(top, #0087cf 0%, #2A9FDD 100%);
	background: -ms-linear-gradient(top, #0087cf 0%, #2A9FDD 100%);
	background: linear-gradient(135deg, #0087cf 0%, #2A9FDD 100%);
	color: #ffffff !important;
	padding: 12px 25px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0, 135, 207, 0.25);
	transition: all 0.3s ease;
	letter-spacing: 0.3px;
	text-align: center;
	white-space: nowrap;
}
.btn-header-cta:hover{
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 135, 207, 0.35);
}