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

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
	margin: 0;
	padding: 0;
}

body { 
	margin: 0;
	/*background: url(../images/body.png) no-repeat center top #6f9acf;*/
	/*background-color: #1b9cfd;*/
	background: url("../images/entreprise-3426397.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	font-family: Roboto black, Arial, Verdana, Helvetica, sans-serif; 
	color: #000; 
	font-size: 14px;
	position: relative;
	min-height: 100vh;
}

a {
	text-decoration: none;
	color: #000;
	font-weight: normal;
}

#logo {
	margin-right: 30px;
	height: 60%;
	float: right;
	margin-top: 20px;
	font-size: 40px;
	color: white;
}

h1 {
	/*width: 510px;*/
	height: 110px;
	margin: auto;
	text-align: center;
	font-size: 40px;
	font-family: Roboto, Sans-Serif; 
	/*text-shadow: 0px 2px 1px #767676;*/
	color: #555;
	font-weight: bold;
	letter-spacing: -3px; 
	padding-left: 20px;
	margin-bottom: 60px;
	/*background: url(../images/h1.jpg) no-repeat center top;*/
	line-height: 110px;
	font-variant: small-caps;
	font-size: 3.5em;
}

h2 {
	position:relative;
	margin-bottom: 30px;
	color:#195184;
	font-size: 16px;
	font-weight: normal;
}

				/******** LES CLASSES ********/
.bleu {
	color: #595959;
}

.bold {
	font-weight: bold;
}

.retour {
	clear: both;
}

				/******** HEADER ********/
ul#minitabs 
{
	list-style: none;
	margin: 0;
	padding: 22px 0;
	/*border-bottom: 1px solid #CCC;*/
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	height: 60px;
	display: inline-block;
}

ul#minitabs li 
{
	display: inline;
	margin: 0 3px;
}

ul#minitabs a 
{
	text-decoration: none;
	padding: 3px 10px;
	border-bottom: 4px solid #2481d7;
	/*color: #072A79;*/
	/* color: #2481d7; */
	text-align: center;
	margin-top: 50px;
	padding-top: 50px;
	/* text-shadow: 1px 1px #2481d7; */
	font-weight: bold;
}

ul#minitabs a#current 
{
	border-color: #072A79;
	margin-top: 50px;
}

ul#minitabs a:hover 
{
border-color: #75B0D9;
color: #2481d7;
}

#header {
	width: 100%;
	height: 75px;
	background: #fff;
	margin-bottom: 40px;
	-webkit-box-shadow: 0px 3px 7px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 7px 1px rgba(0, 0, 0, 0.1);

}


				/******** SLIDER (voir aussi : global.css) ********/

#page { /*div qui contient le slider*/
	width: 957px;
	background-color:white ;
	margin: auto;
	-webkit-box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1);
	/*ajouter les compatibilités autres navigateurs*/
}


				/******** CONTENU ********/

#contenu{
	width: 60%;	/*837px; 957px*/
	text-align: left;
	margin: auto;
	padding: 50px 60px 240px 60px;
	background-color: rgba(235, 235, 235, 0.7);
	padding-bottom: 200px;
}

#contenu p {
	padding-bottom: 20px;
	text-indent:30px;
	line-height: 20px;
	text-align: justify;
	padding-left: 30px;
	padding-right: 30px;
	font-family: Roboto black;
	font-size: 1.3em;
}

#contenu ul {
	padding-left: 150px;
	padding-bottom: 5px;
	list-style: square;
}

#contenu ul.notpadding {
	padding: 0!important;
}

#contenu li {
	padding-top: 5px;
}


.text{
	padding-top: 30px;
}
.text ul{
	padding-top: 10px;
	padding-left:150px;
	padding-bottom: 20px;
}
.emp{
	background-color: EAF5FF;
	border:thin solid;
	text-align:center;
	font-style:italic;
	font-weight:bold;
}
.subt{
	text-align: right;
	font-size: 8pt;
}

.text .gauche{
	float: left;
	border-right: thin solid #666;
	padding-right: 50px;
}

.text .gauche .mapframe{
	height: 400px;
	width: 400px;
	
}

				/******** FOOTER ********/
				
#footer {
	clear: both;
	background-color: #fff;
	width: 100%;
	margin: 0 auto;
	color: #252b2d;
	font-size: 9pt;
	padding: 15px 0 0 0;
	/*position: absolute;
	bottom: 0;*/
	text-align: left;
	/*display: inline-block;*/
	position: absolute;
	bottom: 0;
	height: 125px;
}

#footer h3 {
	/*border-bottom: solid 2px;*/
	width: 150px;
	font-size:14px;
	font-weight:none;
	margin-bottom:10px;
	text-align: left;
}

#footer li {
	/*border-bottom:dotted 1px;*/
	/*width: 120px;*/
	list-style:none;
	text-align:left;
	padding-left: 15px;
	display: inline-block;
}

#footer a {
	color:#01214e;
	text-decoration: none;
	font-weight: bold;
}

#footer img {
	width: 100px;
	height: 50px;
}

.partenaire_footer {
	/*float: left;*/
	/*width: 100px;*/
	display: inline-block;
	padding-left: 50px;
	/*margin-left: 10px;*/
	margin-top: 10px;
	height: 80px;

}

.partenaire_footer p {
	text-align: center;
}

#partenaire_footer2
{
	margin-top: 39px;
	margin-left: 20px;
}

#menu_footer {
	/*width: 100px;*/
	height: 80px;
	margin-right: 100px;
	/*margin-left: 35%;*/
	padding-left: 50px;
	margin-top: 10px;
	float: left;
}

#footer ul {
	padding-left: 25px;
}

.legal{
	display: inline-block;
	text-align: center;
	font-size: 8pt;
	margin: 10px 35%;
}


.copy {
	display: inline-block;
	text-align: right;
	font-size: 8pt;
	padding: 10px 20px;
}


				/******** ... ********/

.bcontact {
	padding-top: 50px;
	margin:auto !important;
	text-align:center;
	line-height: 40px;
	height:40px;
}

.bcontact a:hover {
	text-decoration: none !important;
	background:url(../images/hbcontact.jpg) no-repeat center top;
	color:white !important;
}

.bcontact a {
	background:url(../images/bcontact.png) no-repeat center top;
	color:#CCC !important;
	height:40px;
	display: block;
}


				/******** PAGE REFERENCES ********/
				
#table { /*la div qui contient le table*/
	margin: 0 auto;
	padding-left: 43px;
}

#table table { /*le table avec les logos*/
	width: 100%;
}

#table table tr {
	height: 200px;
}

#table table td {
	width: 200px;
	vertical-align: center;
}

#table table img {
	display: block;
	border: none;
	width: 180px;
}

				/******** PAGE CONTACT ********/
				
#formulaire {
	width: 411px;
	float: left;
}

#adresse {
    /*border-left: 1px solid #999;*/
    float: left;
    padding-left: 52px;
    width: 340px;
}	

#adresse p {
	text-align: center!important;
	padding: 0!important;
	text-indent: inherit!important;
	margin-bottom: 30px;
}				

#contactForm input {
	width: 363px;
	height: 30px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.nomprenom {
	width: 315px!important;
}

.voie {
	width: 70px!important;
	margin-bottom: 7px;
}

.rue {
	width: 288px!important;
}

.code {
	width: 120px!important;
}

.ville {
	width: 238px!important;
}

.verif {
	width: 200px!important;
}

.envoyer {
	width: 116px!important;
	float: right;
	margin-right: 46px!important;
}

#contactForm select.civ {
	with: 30px;
	height: 30px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#contactForm textarea {
	height: 150px;
	width: 362px;
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
}

#contactForm #sub{
	width: 76px;
	margin: 21px 0px;
	padding: 5px 0px;
	color: #f1f1f1;
	
	background: #515558;
	background: -webkit-gradient(linear, left top, left bottom, from(#515558), to(#131313)); 
	background: -moz-linear-gradient(top,  #515558,  #131313);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515558', endColorstr='#131313', GradientType=0);
	
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	box-shadow: 0px 1px 2px rgba(0,0,0,.5);
	
	border: 1px solid transparent;
}

#contactForm #sub:hover{
	background: #515558;
	background: -webkit-gradient(linear, left top, left bottom, from(#131313), to(#515558)); 
	background: -moz-linear-gradient(top,  #131313,  #515558);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#515558', GradientType=0);	
}

#contactForm label {
	display: block;
	font-size: 14px;
	line-height: 2.5em;
	font-weight: light;
}

#contactForm fieldset {
	border: none;
}

.warning {
	color: #9F6000;
	background-color: #fef5cf;
	background-image: url('../images/error_button.png');
	background-repeat:no-repeat;
	width: 300px;
	padding-left: 50px;
	line-height: 40px;
}

.info {
	color: #175f8c;
	background-color: #d6eff8;
	background-image: url('../images/info_button.png');
	background-repeat:no-repeat;
	width: 300px;
	padding-left: 50px;
	line-height: 40px;
}

.success { /* succes formulaire de contact*/
	padding-top: 250px;
	font-size: 13pt;
}


				/******** ... ********/

.addr{
	text-align:center!important;
	font-weight:bold;
	color:#002782;
}

.map {
	position:relative;
	width:450px;
	float:right;
	padding-bottom:20px;
	padding-left: 30px;
	border-left:solid 1px #A7A7A7;
}

.map a {
	margin-left: 35px;
}

.mapframe {	
	border: solid 1px; 
}

.champobl { 
	color: red;
}

#send {
	margin-left:120px;
	margin-top:20px;
}

.verif{
	visibility:hidden;
}

.verift {
	background:#e03d3d;
	padding:3px;
	text-align:center;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:white;
}

.arrow_verif {
	width: 0;
	height: 0;
	position:relative;
	top:0px;
	margin-left:140px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #e03d3d;	
}

.tg {
	background:white url("images/tg.html") right;
	width:25px;
	height:180px;
	float:left;
}

.td {
	background:white url("images/td.html") left;
	width:23px;
	height:180px;
	float:right;
} 
.plan{
	padding-right: 18px;
	width: 200px;
}


.little-load {
	background: url("../images/loading4.gif");
	float: right;
	height: 16px;
	width: 16px;
}

#contenu #rounded-corner {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	margin: 45px;
	width: 800px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company{
	background: #1f338c url('../images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4{
	background: #1f338c url('../images/right.png') right -1px no-repeat;
}
#rounded-corner th{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: white;
	background: #1f338c;
}
#rounded-corner td{
	padding: 8px;
	background: #f3f3f3;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot{
	font-style:italic;
	font-size: 11px;
}
#rounded-corner tfoot td.rounded-foot-left{
	background: #f3f3f3 url('../images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right{
	background: #f3f3f3 url('../images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td{
	background: #DEDEDE;
}

.accroche{
	font-size: 24px;
	color: #5468a0;
}