/***** Fonts *****/
@font-face{
	font-family: PT-Sans;
	src: url(../fonts/PT-Sans.ttf);		
}

/***** CSS Document *****/

html, body{
	margin:0;
	padding:0;	
	font-family:"PT-Sans","Helvetica Neue",Helvetica,Arial,sans-serif;	
}

/***** Header *****/
#header{
	background-color: #01b0f1;
	width: 100%;
	height:200px;
}

#logo{
	margin: 30px 0 0 10px;
}

#info p{
	font-size:25px;
}
#info{
	margin: 70px 30px 0;
}

#info p{
	font-family:"PT-Sans","Helvetica Neue",Helvetica,Arial,sans-serif;	
	text-align:right;
	margin:0;
	color:white;
}

#info span{
	background-position: center bottom;
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    margin: 0 0 0 10px;
    position: relative;
    top: 3px;
    width: 40px;	
}

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

.phone{
	background:url(../img/telephone.png);	
}

.location{
	background:url(../img/location.png);
}

.mail{
	background:url(../img/mail.png);
}

/***** Menu *****/

#menu{
	width:100%;
	background-color: #01b0f1;
	height:120px;	
}

#menu .grid_12, #menu .grid_12 ul{
	height:100px;	
	margin-top: 5px;
}

#menu ul li { 
	display : inline-block;
	margin-left: 8px;
    padding: 0 20px;
	font-size:1em;
	float:left;
	height:100px;
	line-height:100px;
	border: 1px solid black;
}

#menu ul {
	list-style-type : none;
	margin:0;
	text-align:center;
	padding-left: 25px;
}


#menu ul li span{
	width:100px; 
 	vertical-align:middle;
  	display:inline-block;
  	line-height:normal;
  	text-align:center;	
	font-size: 15px;
}

#menu ul a { 
	text-decoration:none;
	color:black;
}

#menu ul li{
	transition: background-color 1s ease;	
	background-color:#01B0F1;
}

#menu ul li.border-menu{
	background-image:url(../img/border-menu-2.jpg);
	background-position:right;
	background-repeat:no-repeat; 	
}
#menu ul li:hover{
	color:#01B0F1;
	background-color:white;	
}

#menu ul a:hover{
	color:#01B0F1;	
}

/***** Breadcrumb *****/

.breadcrumb{
	padding-left:0;
}

.container-breadcrumb{
	width:1272px;
	margin:0 auto;	
	color: #858585;	
}

.breadcrumb ul{
	list-style:none;
	margin-top:0;
}

.breadcrumb li{
	display: inline-block;	
}

.breadcrumb a{
	color: #01B0F1;
    text-decoration: none;
}

.breadcrumb a:hover{
	text-decoration:underline;
}

.breadcrumb > li > .divider {
    color: #ccc;
    padding: 0 5px;
}


/***** Content *****/

#contact{
	padding: 0  0 70px 0;
	text-align:justify;
}

#contact .grid_12{
	width:1000px;
	margin:0 auto;
	float:none;
	display:block;	
}

#contact p{
	font-size: 24px;
    font-weight: 100;
	line-height:40px;	
}


#contact .underline{
	text-decoration:underline;	
}

#contact .grid_4{
	margin-right:0;	
	border-top: 1px solid black;
	border-bottom: 1px solid black;	
}

#contact .grid_8{
	margin-left:0;	
}

#contact .grid_4 ul{
	list-style-type: none;
}

#contact .grid_4 li{
	font-family: "PT-Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	padding:10px;
}

/***** Formulaire *****/

#contact #mod-visform1{
	margin-top:0;	
}

#contact .field1 .visCSSlabel, #contact .field2 .visCSSlabel{
	width:15%;	
}
 
#contact .field4 .visCSSlabel, #contact .field5 .visCSSlabel, #contact .field6 .visCSSlabel, #contact .field7 .visCSSlabel{
	width:40%;	
}

#contact .field1, #contact .field2, #contact .field4, #contact .field5, #contact .field6, #contact .field7, #contact .field9, #contact .field10{
	display:inline;
	float:left;
	width:300px;
}

#contact .field12{
	clear:both;
}

#contact .field1, #contact .field4, #contact .field6, #contact .field9{
	margin-right:100px;	
}

#contact .field2{
	margin-top:87px;	
}

.form-style-5{
    padding: 10px 20px;
    background: #f4f7f8;
    margin: 10px auto;
    padding: 20px;
    background: #f4f7f8;
    font-family: "PT-Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.form-style-5 fieldset{
    border: none;
}
.form-style-5 legend {
    font-size: 1.4em;
    margin-bottom: 10px;
}
.form-style-5 label {
    margin-bottom: 8px;
}
.form-style-5 input[type="text"],
.form-style-5 input[type="date"],
.form-style-5 input[type="datetime"],
.form-style-5 input[type="email"],
.form-style-5 input[type="number"],
.form-style-5 input[type="search"],
.form-style-5 input[type="time"],
.form-style-5 input[type="url"],
.form-style-5 textarea,
.form-style-5 select {
    font-family: "PT-Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    background: rgba(255,255,255,.1);
    border: none;
    border-radius: 4px;
    font-size: 16px;
    margin: 0;
    outline: 0;
    padding: 7px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #e8eeef;
    color:#8a97a0;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    margin-bottom: 30px;
   
}
.form-style-5 input[type="text"]:focus,
.form-style-5 input[type="date"]:focus,
.form-style-5 input[type="datetime"]:focus,
.form-style-5 input[type="email"]:focus,
.form-style-5 input[type="number"]:focus,
.form-style-5 input[type="search"]:focus,
.form-style-5 input[type="time"]:focus,
.form-style-5 input[type="url"]:focus,
.form-style-5 textarea:focus,
.form-style-5 select:focus{
    background: #d2d9dd;
}
.form-style-5 select{
    -webkit-appearance: menulist-button;
    height:35px;
}
.form-style-5 .number {
    background: #01B0F1;
    color: #fff;
    height: 30px;
    width: 30px;
    display: inline-block;
    font-size: 0.8em;
    margin-right: 4px;
    line-height: 30px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 15px 15px 15px 0px;
}

.form-style-5 input[type="submit"],
.form-style-5 input[type="button"]
{
    position: relative;
    padding: 19px 39px 18px 39px;
    color: #FFF;
    margin: 0 auto;
    background: #89b6f1;
    font-size: 18px;
    text-align: center;
    font-style: normal;
    width: 100%;
    border: 1px solid #89b6f1;
    border-width: 1px 1px 3px;
    margin-bottom: 10px;
	width:400px;
	display:inline-block;
	cursor:pointer;
}
.form-style-5 input[type="submit"]:hover,
.form-style-5 input[type="button"]:hover
{
    background: #5c9df2;
}

#contact .field1 .visCustomText p{
	color:black;
}

.visCustomText{
	width:500px;	
}

#contact textarea{
    overflow: auto;
    resize: vertical;
    vertical-align: top;

}

#contact .field13 label{
	font-size:14px;	
}

#contact .field13 .visCSSinput{
 	width:auto;	
}

#contact .field13 div.visCSSclear {
	height:150px;
}

#contact .field13 #vous-etes-interesse-parlbl{
 	font-family: "PT-Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:18px;	
}

#contact .visCSSmargLeft{
	margin-left:0;	
}

#contact .visCSSright20{
	margin-right:0;	
}


#contact #field13_3, #contact #field13_4, #contact #field13_5, #contact #vous-etes-interesse-parlbl_3, #contact #vous-etes-interesse-parlbl_4, #contact #vous-etes-interesse-parlbl_5 {
	position:relative;
	left:300px;
	top:-105px;
}

#contact .visCSSclear{
	margin-left:90px;
}

#contact .visCSSrllst{
	width:35%;	
}

#contact #field15, #contact #field17{
	width:330px;
	float:left;	
}

.tooltip{
	position:absolute;	
	font-style:italic;
	color: #666;
}

#contact .field13 #vous-etes-interesse-parlbl{
	cursor: auto;
}

#contact .field15 .visCSSlabel{
	display:inline;
	float:left;
	width:auto;
	margin-top:6px;
}

#contact .field15 #field15_img{
	margin-left:5px;
	margin-top:5px;	
}


#contact .field17 .visCSSlabel{
	float:left;	
}

.captchaCont{
	margin-top:20px;
	margin-bottom:50px;
}

#dynamic_recaptcha_1{
	width:450px;
	margin-left:auto;
	margin-right:auto;	
}

#contact label{
	cursor:pointer;	
}

#contact .visBtnCon{
	margin-top:50px;
}

/***** Contact box *****/

#contact .grid_4 .moduletable{
	padding-bottom:40px;
	background-color:#F4F7F8;	
}

#contact .grid_4 ul{
	background-color:#F4F7F8;
	margin-bottom:0;
	padding:30px 20px;
	text-align:center;	
}

#contact .grid_4 ul li{
	padding-bottom:2px;	
}

#contact .grid_4 ul li a{
	text-decoration:none;	
	color: black;
}

#contact .grid_4 ul li a:hover{
	text-decoration:underline;
}

#contact .grid_4 ul li.title{
	font-weight:bold;
	font-size:18px;	
}


/***** Text*****/

h1{
	font-family:"PT-Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-align:center;
	color:#404040;
	margin:50px;	
}

#contact .grid_4 div.title{
	height:79px;
}

#contact .grid_4 h1{
	margin:0;
	padding-top:22px;
	text-align:center;	
	vertical-align:middle;	
}

#contact .grid_8 div.title{
	height:80px;	
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
#contact .grid_8 h1{
	margin:0;
	padding-top:20px;
	text-align:center;	
	vertical-align:middle;
}


/***** Footer *****/
#footer{
	background-color:#404040;
	padding:20px;	
}

#footer p{
    font-family:"PT-Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	color:white;
    font-size: 15px;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 23px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-shadow: none;
    text-transform: none;	
}

#footer a{
	text-decoration:none;
	color: #969696;	
}

#footer a:hover{
	text-decoration:underline;	
}

/***** CSS Tricks *****/
.left{
	float:left;	
}

.right{
	float:right;	
}

.border-left{
	border-left: 1px solid black;
		
}

.border-right{
	border-right: 1px solid #161616;	
}

.clear{
	clear:both;	
}