@charset "utf-8";

/* GENERAL
------------------------------------------------------------------------------------------------------*/

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}

*{
	margin:0;
	padding:0;
}

@font-face {
    font-family:'open_sanscondensed_light';
    src: url('../images/font/opensans-condlight-webfont.eot');
    src: url('../images/font/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/font/opensans-condlight-webfont.woff') format('woff'),
         url('../images/font/opensans-condlight-webfont.ttf') format('truetype'),
         url('../images/font/opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight:normal;
    font-style:normal;
}

body{
	background-color:#f8f8f8;
	font-family:'open_sanscondensed_light', Arial, sans-serif;
}

h1{
	font-size:30px;
	font-weight:normal;
	opacity:0.8;
    filter:alpha(opacity=80);
	letter-spacing:1px;
}

h2{
	font-family:Arial, sans-serif;
	font-size:17px;
	color:#2697bb;
	margin:25px 0 15px 0;
}

a{
	color:#2697bb;
  	outline:none;
  	text-decoration:none;
}

.align_left {
	float:left;
}

/* HEADER
------------------------------------------------------------------------------------------------------*/

header{
	width:100%;
	height:179px;
	margin-top:48px;
	position:relative;
	z-index:1;
	background:url(../images/top.jpg) repeat-x;
}

#banner_img{
	width:1000px;
	height:179px;
	background:url(../images/header.jpg) no-repeat;
	margin:0 auto;
}

#wrap_top{
	width:100%;
	height:179px;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
}

#wrapper_top{
	width:1000px;
	height:179px;
	margin:0 auto;
}

#logo{
	width:417px;
	height:179px;
	float:left;
}

#right{
	width:583px;
	height:179px;
	float:right;
}


/* NAVIGATION
------------------------------------------------------------------------------------------------------*/

nav{
	height:70px;
	line-height:70px;
}

nav ul{
	list-style-type:none;
	float:right;
}

nav li{
   float:left;
   margin-left:70px;
}

nav ul li a:link, nav ul li a:visited{
	color:#fff;
	font-size:23px;
	text-transform:uppercase;
	letter-spacing:1px;
}

nav ul li a:hover{
	color:#155265;
}

/* TITRE
------------------------------------------------------------------------------------------------------*/

#titre{
	height:98px;
	line-height:98px;
	margin-top:2px; /*11*/
	text-align:center;
	text-transform:uppercase;
	color:#f8f8f8;
	position:relative;
}

#connexion{
	width:159px;
	height:31px; /*47*/
	position:absolute;
	right:0;
	bottom:0;
}

.btn_connexion_fr{
	width:159px;
	height:40px; /*47*/
	display:block;
	background:url(../images/btn_connexion_fr.jpg) no-repeat;
}

.btn_connexion_nl{
	width:159px;
	height:40px;
	display:block;
	background:url(../images/btn_connexion_nl.jpg) no-repeat;
}

.btn_connexion_en{
	width:159px;
	height:40px;
	display:block;
	background:url(../images/btn_connexion_en.jpg) no-repeat;
}

.btn_connexion:hover{
	background:url(../images/btn_connexion_hover.jpg) no-repeat;
}

/* CONTENT
------------------------------------------------------------------------------------------------------*/
.delete{
	cursor:pointer;
}

#container{
	width:1000px;
	min-height:550px;
	margin:0 auto;
	padding-top:60px;
	position:relative;
}

#content{
	width:1000px;
	min-height:550px;
	position:relative;
}

#contenu{
	width:1000px;
	color:#6b6b6b;
	font-family:Arial, sans-serif;
	font-size:14px;
	position:relative;
	z-index:2;
}

#contenu ul{
	margin:20px 40px;
}

#contenu ul li{
	padding-bottom:5px;
}

.suite{
	font-family:'open_sanscondensed_light';
	color:#fff;
	background-color:#2697bb;
	padding:10px 20px;
	font-size:18px;
	letter-spacing:1px;
}

.suite:hover{
	background-color:#50ABC8;
}

#photo_pres{
	width:648px;
	height:445px;
	position:absolute;
	right:0;
	bottom:-16px;
	z-index:1;
}

/* CONTACT
------------------------------------------------------------------------------------------------------*/

#box_contact{
	width:1000px;
	min-height:460px;
}

#adresse{
	width:480px;
	min-height:472px;
	float: left;
}

#adresse_texte{
	width:480px;
	height:200px;
}

.adresse_texte_bloc {
	margin-left: 8px;
}

span.blue{
	color:#2697bb;
}

#adresse_coord_wrap{
	width:480px;
}

#adresse_coordonnees{
	width:419px;
	min-height:181px;
	background-color:#f5f5f5;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	padding:30px;
}

.logo_integre{
	position:absolute;
	top:0;
	right:0;
	width:54px;
}
#wrap_contact_form{
	width:480px;
	float: left;
	margin-left: 40px;
}

#contact_form{
	width:418px;
	min-height:401px;
	background-color:#f5f5f5;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	padding:30px;
}

#contact_form input[type=text]{
    width:406px;
  	height:40px;
  	border:none;
  	background-color:#e2e2e2;
	padding-left:10px;
	font-size:14px;
	color:#989895;
}

#contact_form input[type=password]{
    width:406px;
  	height:40px;
  	border:none;
  	background-color:#e2e2e2;
	padding-left:10px;
	font-size:14px;
	color:#989895;
}

#contact_form select {
    width:406px;
  	height:40px;
  	border:none;
  	background-color:#e2e2e2;
	padding-left:10px;
	font-size:14px;
	color:#989895;
}

#contact_form  textarea{
	width:406px;
	min-width:406px;
	max-width:406px;
  	height:90px;
	min-height:90px;
	max-height:90px;
  	border:none;
  	background-color:#e2e2e2;
	padding:10px 0 0 10px;
	font-size:14px;
	color:#989895;
}

#contact_form  input[type=submit]{
  	width:100px;
  	height:30px;
  	border:none;
  	cursor:pointer;
  	background-color:#2697BB;
	font-family:'open_sanscondensed_light';
	color:#fff;
	font-size:18px;
	letter-spacing:1px;
}

#contact_form  input[type=submit]:hover{
  	background-color:#50ABC8;
}

#contact_form  input[type=disabled]{
  	width:100px;
  	height:30px;
  	border:none;
  	cursor:pointer;
	text-align:center;
  	background-color:#606060;;
	font-family:'open_sanscondensed_light';
	color:#fff;
	font-size:18px;
	letter-spacing:1px;
}

.border{
	width:480px;
	height:10px;
	background-color:#2697bb;
	margin-bottom: 20px;
}

#box_carte{
	width:1000px;
	height:260px;
	border-bottom:14px solid #2697bb;
	margin:45px 0 80px 0;
}

/* CONNEXION
------------------------------------------------------------------------------------------------------*/

#box_connexion{
	width:390px;
	height:430px;
	margin:40px auto 0;
}

#logo_portal{
	width:172px;
	height:107px;
	margin:0 auto;
}

#panel{
	width:370px;
	height:230px;
	margin:30px auto 0;
	background-color:#fff;
	border:1px solid #d4d4d4;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	box-shadow:1px 1px 16px #d4d4d4;
	-moz-box-shadow:1px 1px 16px #d4d4d4;
	-webkit-box-shadow:1px 1px 16px #d4d4d4;
	padding-top:35px;
}

#panel_form{
	width:300px;
	height:195px;
	margin:0 auto;
	position:relative;
}

#panel_form input{
    width:274px;
  	height:37px;
  	border:1px solid #d8d8d8;
  	background-color:#ececec;
  	color:#6b6b6b;
	font-family:Arial, sans-serif;
	font-size:14px;
	padding:0 10px;
}

#panel_form input[type=submit]{
  	width:140px;
  	height:40px;
  	border:none;
  	cursor:pointer;
  	background-color:#2697BB;
	font-family:'open_sanscondensed_light';
	color:#fff;
	font-size:16px;
}

#panel_form input[type=submit]:hover{
  	background-color:#50ABC8;
}

#panel_form a{
  	width:40px;
  	height:40px;
	line-height:40px;
  	border:none;
	display:block;
  	background-color:#2697BB;
	font-family:'open_sanscondensed_light';
	color:#fff;
	font-size:16px;
	text-align:center;
	position:absolute;
	right:2px;
	bottom:10px;
}

#panel_form a:hover{
	background-color:#50ABC8;
}

/* CHOIX
------------------------------------------------------------------------------------------------------*/
#omission-form input[type=submit]{
	width: 200px;
}

#delai-form input[type=submit]{
	width: 200px;
}

#versdeclaration-form input[type=submit]{
	width: 200px;
}

.choix_li {
	height: 130px;

}


/* FOOTER
------------------------------------------------------------------------------------------------------*/

footer{
	width:100%;
	height:177px;
	background:url(../images/footer.png) repeat-x;
	clear:both;
	position:relative;
	z-index:2;
	font-family:Arial, sans-serif;
}

#wrap_footer{
	width:1000px;
	height:177px;
	margin:0 auto;
}

#coordonnees{
	width:50%;
	height:177px;
	float:left;
	color:#fff;
	font-size:13px;
}

#coordonnees p{
	margin-top:48px;
}

#coordonnees a{
	color:#fff;
}

#maintenance{
	width:50%;
	height:177px;
	float:right;
}

#btn_maintenance{
	width:198px;
	height:59px;
	float:right;
	margin-top:66px;
}

#btn_maintenance a{
	width:198px;
	height:59px;
	display:block;
	background:url(../images/btn_maintenance.jpg) no-repeat;
}

#btn_maintenance a:hover{
	background:url(../images/btn_maintenance_hover.jpg) no-repeat;
}

.no_border {
	border: 0px;
}

/* LOADING */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('../images/loading.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}



/* FOOTER
------------------------------------------------------------------------------------------------------*/
.upload { margin-top: 100px; }
.upload .filelists { margin: 20px 0; }
.upload .filelists h5 { margin: 10px 0 0; }

.upload .filelist { margin: 0; padding: 10px 0; }
.upload .filelist li { background: #fff; border-bottom: 1px solid #eee; font-size: 14px; list-style: none; padding: 5px; }
.upload .filelist li:before { display: none; }
.upload .filelist li .file { color: #333; }
.upload .filelist li .progress { color: #666; float: right; font-size: 10px; text-transform: uppercase; }
.upload .filelist li .delete { color: red; cursor: pointer; float: right; font-size: 10px; text-transform: uppercase; }
.upload .filelist li.complete .progress { color: green; }
.upload .filelist li.error .progress { color: red; }