@import url(http://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);
/*
----------------------------------------------------------------------------------------------------------------------------------
color 1 : #0F72AC ;
color 2 : #0D8876 ;
color 3 : #AD2E0E ;
----------------------------------------------------------------------------------------------------------------------------------
*/


/*
==================================================================================================================================
	COMMON
==================================================================================================================================
*/

p,img,h1,h2,h3,h4,h5,h6,fieldset,legend,input,select,textarea,ul,li
{
	margin:0;
	padding:0;
}
img
{
	width:auto;
	border:0;
}
.left { float:left; clear:left; margin-right:1em; overflow:hidden; }
.right { float:right; clear:right; margin-left:1em; overflow:hidden; }
a{outline: none; }

/*
==================================================================================================================================
	INTERFACE
==================================================================================================================================
*/

.limit
{
	max-width:1000px;
	margin:auto;
	overflow:hidden;
}
html, body
{

	margin:0;
	padding:0;
	overflow-x:hidden;
}
body
{
	background:white;
	font-family: 'Lato', sans-serif;
	font-size:15px;
	color:#202020;
}
#header
{
	border-bottom:1px solid #DDDDDD;
}







/****formulaire***/
.formulaire h1
{
	padding:10px 0 0 0;
}
.formulaire .right
{
	float:right;
	margin:0 0 20px 20px;
	overflow:hidden;
}
.formulaire .pc25 { width:28%; }
.formulaire .pc50 { width:48%; }
.formulaire .pc75 { width:68%; }
.formulaire fieldset
{
	margin:0 0 10px 0;
	padding:5px 20px 15px 20px;
	border:1px solid #CCCCCC;
	border-radius:5px;
}
.formulaire fieldset legend
{
	padding:10px;
	margin:0 0 0 -10px;
	font-family:"font-title",Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:120%;
	color:#0F72AC;
}
.formulaire fieldset legend a
{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	border-left:1px solid #CCCCCC;
	font-family:"font-common",Arial, Helvetica, sans-serif;
}
.formulaire input[type=radio],
.formulaire input[type=checkbox]
{
	width:18px;
	/*height:18px;*/
	cursor:pointer;
}
textarea
{
	height:5em;
	font-family:"font-common",Arial, Helvetica, sans-serif;
}
.formulaire input,
.formulaire select,
.formulaire textarea
{
	padding:3px;
	width:100%;
	box-sizing:border-box;
	font-family:"font-common",Arial, Helvetica, sans-serif;
}
.formulaire select
{
	background:#F6F6F6;
	border:1px solid #BBBBBB;
	cursor:pointer;
}
.formulaire .captcha
{
	line-height:30px;
	font-size:.8em;
}
.formulaire .captcha img
{
	margin-right:5px;
	float:left;
	border:1px solid #999999;
}
.formulaire .captcha input
{
	float:left;
	width:70px;
	height:32px;
	margin:0 5px 0 5px;
	text-transform:uppercase;
}
input[type=button],
input[type=submit]
{
	width:auto;
	margin:5px auto 5px auto;
	padding:6px 20px 6px 20px;
	background:#0F72AC;
	border:2px solid #0D5784;
	border-radius:4px;
	color:#FFFFFF;
	cursor:pointer;
}
input[type=button]:hover,
input[type=submit]:hover
{
	background:#1F3852;
	border:2px solid #1F3852;
	color:#FFFFFF;
}
.formulaire input[type=submit]
{
	display:block;
}
.formulaire .label
{
	width:200px;
	font-weight:normal;
	color:#333333;
}
.formulaire.mini .label
{
	width:140px;
}
.formulaire.mini input[type=button],
.formulaire.mini input[type=submit]
{
	width:100%;
	box-sizing:border-box;
}
/*.formulaire .label.mini
{
	width:100px;
}*/
.formulaire .obligatoire
{
	font-weight:bold;
	color:#0F72AC;
}
.formulaire .obligatoire span
{
	font-weight:normal;
	color:#333333;
}
.formulaire table
{
	width:100%;
}
.formulaire > p a
{
	font-size:.8em;
}

div.ok, div.ko
{
	margin:20px 0 20px 0;
	padding:10px;
	background:#FFF6F6;
	border-bottom:3px solid #FF0000;
	border-top:3px solid #FF0000;
	color:#FF0000;
}
div.ok
{
	background:#EFFFEA;
	border-color:#2AB100;
	color:#2ab100;
}
#center .back
{
	display:block;
	float:right;
	margin:0 0 0 0;
	padding:6px 20px 6px 28px;
	background:#F0F0F0 url(../img/back.png) 8px 50% no-repeat;
	border:2px solid #F0F0F0;
	border-radius:4px;
	text-decoration:none;
	color:#666666;
	overflow:hidden;
}
#center .back:hover
{
	background:#DDDDDD url(../img/back.png) 8px 50% no-repeat;
	border:2px solid #DDDDDD;
	color:#202020;
}
ul.ok, ul.ko
{
	margin:20px 0 20px 0;
	padding:10px 10px 10px 10px;
	list-style-type:none;
}
ul.ok li, ul.ko li
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
}
ul.ok
{
	background:#EFFFEA;
	border-bottom:3px solid #2AB100;
	border-top:3px solid #2AB100;
	color:#2AB100;
}
ul.ko
{
	background:#FFF6F6;
	border-bottom:3px solid #FF0000;
	border-top:3px solid #FF0000;
	color:#FF0000;
}
.form_desc
{
	margin:15px 0 0 0;
	padding:0 0 0 40px;
	text-align:justify;
	overflow:hidden;
}
	.form_desc .title
	{
		margin:0 0 5px 0;
		padding:0 0 5px 0;
		border-bottom:1px solid #CCCCCC;
		font-size:1.5em;
	}
	.form_desc p
	{
		margin:10px 0 10px 0;
	}


/***fin formulaire**/



a.btn{
	text-transform: uppercase;
	padding:10px;
	background-color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	text-decoration: none;
	display: block;
	width:150px;
	float:left;
	margin:10px;
	color:#737373;
	text-align: center;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
		
	border:1px solid white;	
	text-shadow:0px 1px 0px white;
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#d1d1d1),
		to(#ffffff)
	);
	background: -webkit-linear-gradient(
		top,
		#d1d1d1,
		#ffffff
	);
	background: -moz-linear-gradient(
		top,
		#d1d1d1,
		#ffffff
	);
	background: -o-linear-gradient(
		top,
		#d1d1d1,
		#ffffff
	);
	background: linear-gradient(
		top,
		#d1d1d1,
		#ffffff
	);
}

a.btn.small{
	font-size:11px;
	padding:5px;
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

a.btn.blue{
	background:none;
	background: #0278C3;
	color:white;
	text-shadow: none;
}

















div#top{
	background-color: #282828;
	height: 34px;
	color:#8e8e8e;
	top:0px;
	position: fixed;
	width: 100%;
	z-index: 99999;
	
	
}
div#top ul
{
	float:right;
	margin-top:7px;
	position:absolute;
	width:1000px;
}
div#top ul li{
	list-style: none;
	display: inline;
	margin-right: 0px;
	padding: 0px;

}
div#top ul li a{
	color:white;
	text-decoration: none;
	margin:0 15px 0 0;
	padding:0 15px 0 0;
	font-size:85%;
	border-right: 1px solid #8e8e8e;
	
}
div#top li#monnaie,
div#top ul li.panier,
div#top ul li.tel,
div#top ul li.contact,
div#top ul li.extranet
{
	float:right;
}
div#top ul li.panier a{
	background-color: white;
	padding:5px;
	border-radius:5px;
	color:black;
	border-left: 1px solid #8e8e8e;
}
div#top ul li.panier a:hover{
	color:#0278C3;
}
div#top li#monnaie span{
	cursor: pointer;
	font-weight: bold;
	padding: 2px;
	font-size: 18px;
}

div#top li#monnaie span.active{
	color: white;
}
		#ui-menu1
		{
			display:none;
		}
		/**ss-menu***/
		
		div#top ul li ul {
			position: absolute;
			background-color: rgba(0,0,0,0.8);
			
			z-index: 9;
			display: none;
			margin:10px 0 0 -15px;
			width:auto;
			min-width:250px;
		}
		div#top ul li ul li{
			display:list-item;
			padding:5px;
		
		}
		div#top ul li ul li a{
			border:0px;
			
		}
		
		div#top ul li ul li a i{
			margin-right: 5px;
		 }
		
		div#top ul li ul li a:hover{
			color:white;
		}

div#top ul li.lg{
	margin:0px;
}
div#top ul li.lg a{
	background-image: none;
	padding:0px 20px 0px 0px;
}

div#top2{
	/*height: 121px;*/
	background-color: white;
}

div#top2 img.logo
{
	margin:40px 20px 0 0;
}
div#top2 img.sentence
{
	position:relative;
	top:20px;
}
div#top2 .title
{
	margin:5px 0 10px;
	text-transform:uppercase;
	font-style:italic;
	font-size:.75em;
	color:#989898;
}

div#top2 form{
	width:300px;
	height: 30px;
	float:right;
	margin:0px;
	margin-right:100px;
	margin-top:-70px;
	padding:0px;
	
}


div#top2 div.langue{
	position:relative;
	width:85px;
	float:right;
	margin-top:-68px;
	font-size:12px;
	border:1px solid #cccccc;
	padding:3px 2px 0px 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
div#top2 div.langue a{

	background-image: url(../img/arrowlangue.gif);
	background-repeat: no-repeat;
	background-position:right 5px;
	display: block;
	
	
}
div#top2 div.langue a:hover{
	color:black;	
}
div#top2 div.langue a img{
	width:23px;	
	float:left;
	margin-right: 5px;
	margin-top:-4px;
	
	
	
}
div#top2 ul.listlangue{
	position:relative;
	margin:0px;
	margin-top:-45px;
	width:89px;
	height: auto;
	border:1px solid #cccccc;
	background-color: white;
	display: none;
	
	
	
}
div#top2 ul.listlangue li{
	border:0px;
	
	margin:0px;
	padding:0px;
	display: block;
	padding-left:5px;
	padding-bottom: 2px;
}
div#top2 ul.listlangue li a img{
	height:20px;
	float:left;
	margin-right: 5px;
}
div#top2 ul.listlangue li a{
	font-size:11px;
	font-style: normal;
	text-transform: none;
	padding:0px;
	margin:0px;
	border:0px;


}

div#top2 ul.listlangue li a:hover{
	border:0px;	
}

div#top2 form input[type=search]{
	width:86%;
	padding:5px 35px 5px 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:0px;
	background-color: #0278c3;
	color:#FFFFFF;
}

div#top2 form input[type=submit]{
	background-image: url(../img/btsearch.png);
	text-indent: -55555px;
	width:20px;
	height: 25px;
	background-color: transparent;
	margin:-4px 0px 0px -30px;
	cursor: pointer;
	border:0px;
	padding:0px;	
	
}
div#top2 ul{
	float: right;
	margin-top:-20px;
	/*height: 50px;*/
}
div#top2 ul li{
	display: inline;
	padding:0px 20px 0px 20px;
	border-right: 1px  solid #9b9b9b;
}
div#top2 ul li a{
	color:#9b9b9b;
	text-decoration: none;
	
	text-transform: uppercase;
	
}

div#top2 ul li a:hover{
	border-bottom:3px solid #0278c3;
	color:#0278c3;
}




		/***ss-menu***/
		div#top2 ul li ul{
			float:inherit;
			margin-top: 10px;
			height: inherit;
			
			position:relative;
			z-index: 10;
			background-color: white;
			padding:5px;
			min-width: 200px;
		    -khtml-opacity:0.9;
		    -moz-opacity : 0.9;
		    -ms-filter: "alpha(opacity=90)";
		    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
		    filter : alpha(opacity=90);
		    opacity : 0.9;	
		    position: absolute;
		    display: none;		
			
			
			
		
		}
		div#top2 ul li ul li{
			display: list-item;
			list-style: none;
			border:0px;
			font-size:80%;
			padding:5px;
		}
		
		div#top2 ul li ul li a:hover{
			border:0px;
			color:#0278c3;
			
		}



div#slide{
	height: 381px;
	margin:0 0 0 0 !important;
	overflow: hidden;
	background-color: #0278C2;
}
div#slide ul.slides{height: 381px; margin:0 !important;	}
div#slide ul.slides li{
	background-image: url(../img/slide1.jpg);
	background-position:70% 0px;
	background-repeat:no-repeat;
	height: 381px;
	padding:0px;
		color:white;
	
}
div#slide ul.slides li.industrie{
	background-image: url(../img/slide2.jpg);

}
div#slide ul.slides li.marine{
	background-image: url(../img/slide3.jpg);

}
div#slide ul.slides li.rafale{
	background-image: url(../img/slide5.jpg);

}
div#slide ul.slides li.industrie2{
	background-image: url(../img/slide4.jpg);
}

div#slide ul.slides li.industrie p{
	background-color: #0278c3;
	padding:10px;	
    -khtml-opacity:0.7;
    -moz-opacity : 0.7;
    -ms-filter: "alpha(opacity=70)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    filter : alpha(opacity=70);
   opacity : 0.7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;   
   
}

div#slide .flex-control-nav {
	display: none;
}

div#slide .flex-direction-nav{

	width:100%;
	margin-left:auto;
	margin-right: auto;	
	margin-top:-200px;
	z-index: 5;
	position:relative;
}
div#slide .flex-direction-nav li{
	list-style: none;
	
}

div#slide .flex-direction-nav li a.flex-next,
div#slide .flex-direction-nav li a.flex-prev{
	background-image: url(../img/slidearrow.png);
	background-repeat:no-repeat;
	font-size:0px;
	width:21px;
	height:30px;
	text-indent: -50000px;
	display: block;
}

div#slide .flex-direction-nav .flex-next{
	float:right;
	margin-top:-20px;
	margin-right: 10%;
	background-position: -27px 0px;

}
div#slide .flex-direction-nav .flex-prev{
	margin-left:10%;
	
}

div#slide ul li p{
	max-width: 670px;
	height:320px;

	margin-left:20px;
	margin-top:20px;
}

div#slide ul li p span.title{
	font-size:260%;
	font-weight: 300;
	display: block;
	text-align: center;
	margin-bottom:30px;
	text-shadow:0 0 10px #000000;
}
div#slide ul li p em{
	display: block;
	font-style: normal;
	margin-bottom: 15px;
	font-size:120%;
	background-image: url(../img/check.png);
	background-repeat: no-repeat;
	padding: 5px 0px 5px 30px;
	text-shadow:0 0 10px #000000;
}

div#slide ul li p.brochetitle{
	float:right;
	margin-top:-300px;
	margin-left:10px;
	margin-right:10px;
	height:50px;
	top:20px;
	text-transform: uppercase;
	font-size:22px;
	color:black;
	
	background-image: url(../img/titlebrocheslide.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-left: 10px;

}

div#slide ul li p.brochetitle u{
	display: block;
	font-size:12px;
	text-decoration: none;
	color:#3CD77C;
}


div#slide ul li p a.btn{
	width:115px;
	font-size:13px;

}


@-webkit-keyframes bounce {
0%{box-shadow:0px 0px 10px #ff0000;}
50%{box-shadow:0px 0px 0px #ff0000;}
100%{box-shadow:0px 0px 10px #ff0000;}
}
@-moz-keyframes bounce {
0%{box-shadow:0px 0px 10px #ff0000;}
50%{box-shadow:0px 0px 0px #ff0000;}
100%{box-shadow:0px 0px 10px #ff0000;}
}
@keyframes bounce {
0%{box-shadow:0px 0px 10px #ff0000;}
50%{box-shadow:0px 0px 0px #ff0000;}
100%{box-shadow:0px 0px 10px #ff0000;}
}

div#slide ul li p a.aog{
	background: #ffe87d;
	color:#ff6c00;
	font-weight:bold;
	box-shadow:0px 0px 10px #ff0000;
-webkit-box-shadow:0px 0px 10px #ff0000;
-moz-box-shadow:0px 0px 10px #ff0000;
-webkit-animation-name: bounce;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count:infinite;
-moz-animation-name: bounce;
-moz-animation-duration: 1s;
-moz-animation-iteration-count:infinite;
animation-name: bounce;
animation-duration: 1s;
animation-iteration-count:infinite;
}

div#center{
	/*padding-top:30px;*/
	padding-bottom:30px;
	min-height: 500px;

}
div#center h1{
	font-size:200%;
	font-weight: 300;
	font-style: italic;
	text-transform: uppercase;
}

#center div.ariane
{
	padding:10px 0 10px 0;
	text-align:left;

	padding:10px 0 20px 0;
}
#center div.ariane a
{
	background:url(../img/puce2.gif) 0 50% no-repeat;
	padding:0 10px 0 10px;
	text-decoration:none;
	font-size:80%;
	color:#999999;
}

.steps{
	margin:0px 0px 50px 0px;
	padding: 0px;

}
.steps li{
	display: inline;
	background-color: #DDDDDC;
	padding:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
}

.steps li.selected{
	background-color: #0278C3;
}

.steps li a{
	color:gray;
}
.steps li.selected a{ color:white;}

div#footer{
	background-color: #282828;
	padding:30px 0px 30px 0px;
	font-size:90%;
	color:white;
}

div#footer div.left{	
	max-width: 427px;
	width:427px;
	border-right: 1px solid #565656;

}

div#footer div.center{
	text-align: right;
}

div#footer div.center .map{
	float:right;
	margin-left:10px;	
}

div#footer span.title{
	font-size:220%;
	color:#565656;
	text-transform: uppercase;
	font-weight: 300;
	margin-top:10px;
	display: block;
	
}
div#footer a{
	color:white;
	text-decoration: none;
}
div#footer a.groupe{
	color:#0278c3;
	font-weight: bold;
}

div#footer a.rs{
	display: block;
	width:33px;
	height:33px;
	background-image: url(../img/iconrs.png);
	background-repeat: no-repeat;
	background-position:0px 0px;
	float:left;
	text-indent: -5555px;
	margin:5px;
}

div#footer a.rs:hover{ background-position:0px -35px;}

div#footer a.rs.tw{	background-position:-47px 0px;}
div#footer a.rs.tw:hover{	background-position:-47px -35px;}
div#footer a.rs.gplus{	background-position:-94px 0px;}
div#footer a.rs.gplus:hover{	background-position:-94px -35px;}


.alphagroup,
div#footer a.alphagroup {
	text-transform: uppercase;
	color:#0278c3;
	font-weight: bold;
}



.modal{
	position: fixed;
	width:100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	top:0px;
	left:0px;
	z-index: 9999;
	display: none;
		
}

.modal .content{
	background-color: white;
	max-width:500px;
	margin: auto;
	padding:20px;
	margin-top:80px;
	border-radius:5px;
}

.modal .body{
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
	padding:10px 0px 10px 0px;	
}

.modal .btn, .modal .btn.blue{
	float:inherit;
	width:inherit;
	
}





#map-ref
{
	height:400px;
	width:100%;
	margin:0 0 2em 0;
}
.blox
{
	margin:0;
	padding:0;
	overflow:hidden;
	clear:both;
}
	.blox li
	{
		list-style-type:none;
		float:left;
		width:33%;
		margin:0 0 2em 0;
		padding:0;
		background:none !important;
		text-align:center;
	}