/*
 Theme Name:   Twenty Thirteen Child
 Theme URI:    http://example.com/twenty-thirteen-child/
 Description:  Twenty Thirteen Child Theme
 Author:       Hélène Monfort
 Author URI:   http://example.com
 Template:     twentythirteen
 Version:      1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: twentythirteen
*/

@import url("../twentythirteen/style.css");


html,
button,
input,
select,
textarea {
	font-family: "roboto 100", helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.3;
}

.site{
	max-width: 100%;
}

h3{
	color: #345c9e;
	font-size: 2.2em;
	line-height: 1.3;
}

/* Header */



#masthead{

	background: -moz-linear-gradient(bottom,#6589c6,#345c9e);
background: -webkit-linear-gradient(bottom,#6589c6,#345c9e);;
background: -ms-linear-gradient(bottom,#6589c6,#345c9e);;
background: -o-linear-gradient(bottom,#6589c6,#345c9e);;
background: linear-gradient(to bottom,#6589c6,#345c9e);; 

	width: 100%;
	margin-top: 0px;
	height: 110px;
}

.site-header{
	position: fixed;
	z-index: 99999;
}

.site-header, .home-link{

	max-height: 150px;
}

 .site-title{
 	background: url("img/logo_a2v_sans.png") no-repeat;
 	background-position: center 5px;

 	margin: auto;
 	max-width: 100%;
 	height: auto;
 	text-decoration: none;

 	font-size: 12.5px;
	font-weight: 100;
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 60px;
 }

  .site-header .site-title:hover {
	text-decoration: none;
}



/* Menu */


#navbar{
	background-color: rgba(255,255,255,0.85);
	max-width: 100%;
	height: 40px;
	padding: 0;
	margin-top: -120px;
}

.nav-menu li{
	margin: 0 15px 0 15px;
}

.nav-menu li a{
	font-size: 0.85em;
	color: #345c9e;
}

.nav-menu li a:hover{
	font-size: 0.85em;
	color: #fc8902;
    background: transparent no-repeat top center;
	background-image: url("img/bouton.png");
}
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
    color: #fc8902;
    font-style: normal;
    background: transparent no-repeat top center;
	background-image: url("img/bouton.png");
}


button:active,
a:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: none;
}

.search-field{
	float: right;
}

/* Contenu */

.site-main{
	position: absolute;
	margin-top: 110px;
	width: 100%;
	height: auto;
}



.fond-blanc #shemacomparatif{
	background-color: rgba(255,255,255,0.9);
	padding-top: 10px;
	margin-top: -60px;
	padding-bottom: 10px;
}

.fond-blanc #shemacomparatif2{
	background-color: rgba(255,255,255,0.9);
	color: #345c9e;
	font-size: 2.2em;
	line-height: 1.2;
	font-weight :100;
	padding-bottom: 50px;
}



.fond-blanc #shemalift{
	background-color: rgba(255,255,255,0.9);
	padding-top: 10px;
	padding-bottom: 10px;
}
.fond-blanc #shemalift2{
	background-color: rgba(255,255,255,0.9);
	padding-top: 10px;
	padding-bottom: 10px;
}
.fond-blanc #shemalift3{
	background-color: rgba(255,255,255,0.9);
	padding-top: 10px;
	padding-bottom: 50px;
}

.fond-blanc #shemaconso{
	background-color: rgba(255,255,255,0.9);
	padding-top: 10px;
	padding-bottom: 10px;
}










.fond-blanc #speed{
	background-color: rgba(255,255,255,0.9);
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: -32px;
}
#speed a{	
	color: #345c9e;
}
#speed a:hover{
	font-size: 1em;
	color: #fc8902;
	background : none;
}

.fond-blanc #speed1{
	background-color: rgba(255,255,255,0);
	color: #345c9e;
	font-size: 2.5em;
	letter-spacing: 4px;
	font-weight :500;
	margin-top: 0px;
	padding-bottom:50px;
}

.fond-blanc #unsteady{
	background-color: rgba(255,255,255,0.9);
	padding-top: 10px;
	padding-bottom: 10px;
}

.fond-blanc #hull{
	background-color: rgba(255,255,255,0.9);
	padding-top: 10px;
	padding-bottom: 10px;
}




.fond-blanc #proto1{
	background-color: rgba(255,255,255,0.9);
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: -125px;
}



.fond-blanc #contact{
	background-color: rgba(255,255,255,0.9);
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: -20px;
}



.entry-header{
	font-size: 0.7;
	visibility: hidden;
}

.entry-content{
	color: #182842;
	font-size: 0.9em;
	max-width: 100%;
	margin-top:-80px;
	padding-top: 20px;
	line-height: 1.4;
	text-align : center;
}



/* Menu secondaire */




.menu2{
	position: fixed;
	float: left;
	width: 230px;
	background-color: rgba(52,92,158,0.4);
	border-radius: 0 10px 10px 0;
	padding-right: 20px;
	margin-top: 150px;
	text-align: right;
	font-size: 0.9em;
}

ul{
	list-style: outside none none;
}

.entry-content a, .comment-content a {
	text-decoration: none;
	list-style: outside none none;
    color: white;
    line-height: 2;
}

.menu2 ul li a:hover{
	text-decoration: none;
	list-style: outside none none;
	color: #345c9e;
}


/* Menu 3 */
.menu3 ul{

}

.menu3 li{
	display: inline-block;
	text-align: center;
	padding: 10px 20px 0px 20px;
	color: #345c9e;
}
.menu3 li em{
	font-size: 1.2em;
}

.menu3 li a{
	color: #345c9e;
}

/* Menu 4 */
#news{	
	text-align: center;
	padding: 10px 20px 0px 20px;
	color: #345c9e;
}

#news a{	
	text-align: center;
	padding: 10px 20px 0px 20px;
	color: #345c9e;
}

#news a:hover{
	font-size: 1em;
	color: #fc8902;
	background : none;
}

/* Fond articles */

/* Page Home */

#post-4{
	background: url("img/fond_2.jpg") no-repeat;
	background-size: cover;
	width: 100%;
	position: fixed;
}

#post-4 .fond-blanc{
	background-color: transparent;
}

#post-4 p{
	color: #345c9e;
	margin-top: 20px;
	font-size: 15px;
	letter-spacing: 2px;
	text-align: center;
}

#post-4 strong{
	font-size: 25px;
	color: white;
	line-height: 1.5;
}

#post-4 .entry-content{
	max-width: 1000px;
}
.fouter {
	background-color: #345c9e;
	margin-bottom :-115px;
	font-size: 0.5em;
	letter-spacing : 3px;
	text-align:right;
}

.fouter li{
	display: inline-block;
	padding:5px 30px 15px 30px;
}


/* Page concept */

#post-328{
	background: url("img/concept.jpg") no-repeat fixed;
	background-size: cover;
}

/* Page research program */

#post-332{
	background: url("img/technologie.jpg") no-repeat fixed;
	background-size: cover;
}

/* Page applications */

#post-330{
	background: url("img/bateaux.jpg") no-repeat fixed;
	background-size: cover;
}

/* Page experimental campaign */

#post-334{
	background: url("img/expertise.jpg") no-repeat fixed;
	background-size: cover;
}

/* Page team and partners */

#post-385{
	background: url("img/news.jpg") no-repeat fixed;
	background-size: cover;
}








/*Adaptation au différents formats */

@media (max-width: 980px) {

h3{
	font-size: 1.3em;
}
.fond-blanc #shemacomparatif2{
	font-size: 1.3em;
}

.nav-menu li a{
	font-size: 0.6em;
	font-weight: bold;
	color: #345c9e;
}

.nav-menu li a:hover{
	font-size: 0.6em;
}
.entry-content{
	font-size: 0.8em;
}
.menu2{
	width: 190px;
}

}


@media (max-height: 750px)
{#post-4{
	position: inherit;
}


@media (max-width: 800px) {

.nav-menu li a:hover{
	font-size: 0.6em;
	background-image: none;
}
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {

	background-image: none;
}

.menu2{
	position: fixed;
	float: none;
	margin-left: -500px;
}

.fond-blanc #speed2{
	float : none;
	padding-left: -200px;
}





@media (max-width: 360px) {

h3{
	font-size: 1.2em;
}
.nav-menu li a{
	font-size: 0.7em;
	font-weight: bold;
	color: #345c9e;
}

.nav-menu li a:hover{
	font-size: 0.6em;
}
.entry-content{
	font-size: 0.7em;
}
#post-4 strong{
	font-size: 15px;
}
#post-4{

	background: -moz-linear-gradient(bottom,#345c9e,#6589c6);
background: -webkit-linear-gradient(bottom,#345c9e,#6589c6);;
background: -ms-linear-gradient(bottom,#345c9e,#6589c6);;
background: -o-linear-gradient(bottom,#345c9e,#6589c6);;
background: linear-gradient(to bottom,#345c9e,#6589c6);; 
	width: 100%;
}
.menu3 li{
	color: white;
}

.menu3 li a{
	color: white;
}
}




/* footer */