html,body{margin:0;padding:0;font-family:Arial,Sans-Serif;font-size:12px;color:#000}
html{background:#FFF;width:100%}
body{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 );}
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%}
.ullist li{margin-bottom:5px}
.tac{text-align:center}
#button_form{
background-color: #ff5c35;
color: #fff;
padding: 0.55em 1.111em;
font-weight: 500;
text-align: center;
border-radius: 5px;
display: inline-block;
text-decoration: none;
border: 0;
line-height: 1.57;
}
@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;
}