@charset "utf-8";
* {
	margin:0;
	padding:0;
}
html, body {
    height:100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
}
a {
	text-decoration:none;
    outline:none;
}
a:hover {
	text-decoration:underline;
}
hr {
    clear:both;
    background:#ddd;
    border: 0;
    height: 1px;
}
h3 {
	font-size:16px;
	font-weight:bold;
	color:#043f6b;
	text-align:left;
	display:block;
    margin:8px 0;
	padding-bottom:-2px;
}
    h3 a {
        color:#043f6b;
    }
    h4 { font-size: 14px; }
    h5 { font-size: 12px; }
    h6 { font-size: 12px; }


/*HTML5 hack*/
section, header, article, footer, aside {
    display:block;
}
/*/HTML5 hack*/

/* Header */
.headerPlace {
	position: relative;
	width:100%;
    margin-bottom: 20px;
}

    .headWrapper {
        padding-top:1px;
        height:120px; /* hauter heard*/
        background: #010003;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#010003), to(#f70101));
        background: -moz-linear-gradient(#010003, #f70101);
        background: -o-linear-gradient(#010003, #f70101);
        /*background: linear-gradient(#010003, #f70101);*/
        -pie-background: linear-gradient(#010003, #f70101);
        position:relative;
        -webkit-box-shadow: #666 0px 5px 5px;
        -moz-box-shadow: #666 0px 5px 5px;
        box-shadow: #666 0px 5px 5px;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#010003,endColorStr=#f70101)';
    }
.head {
    height: 120px;
    margin: 0 auto;
    padding-top: 1px;
    position: relative;
    width: 1024px;
}
/*position img*/
    .logo {
	background: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: 0 17px;
	}

/*fonction du menu*/
    .logo a {
        display: block;
        height: 20px; /*largeur des bouton*/
        width: auto;/*largeur des barre de navigation*/
        position: absolute;
        text-indent: auto;/*texte menu navigation*/
    }
#lavamenu {
	margin-left:200px; /*position de la bare menu*/
	margin-top:18px;   /*position de la bare menu par a por au haut*/
    position: relative;
}

    #lavamenu > li {
        margin-right: 5px;
        text-align: center;
        float:left;
        list-style:none;
        display:block;
        border:2px solid;
        border-color:transparent;
        cursor:pointer;
        position:relative;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 10px;
        margin-bottom:3px;
    }
    #lavamenu li a {
        color:#FFF;
        font-size:18px;
        line-height:18px;
        text-decoration:none;
        position: relative;
        z-index: 100;
        display:block;
    }
    #lavamenu > li > a {
        padding:6px 10px;
    }
	/*img de menu */
    #lavamenu li.backLava {
        border:#feef02 2px solid;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        background: #007bc1;
        position:relative;
        background: url(../img/menuBtn-bg.png);
        position: absolute;
        z-index: 80;
        display:block;
    }
    #lavamenu > li.active, #lavamenu  > li:hover {
        position:relative;
    }
 
    #lavamenu ul li:last-child {
        list-style:none;
        display:block;
        padding:7px 10px;
        border-bottom:transparent 2px solid;
    }
    #lavamenu ul a{
        font-size:14px !important;
    }


/*/ Header */
li {
list-style-type: none;
}

.header{
	position:absolute;
	width: 50%;
	text-align:center;
	margin: 35px 50px 20px 100px;
	padding: 10px 10px 10px 10px;
	border: solid 2px #555;
	overflow:visible;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	style="filter:alpha(opacity=50);
}

.article{
	position:relative;
	width: 50%;
	height:200px;
	margin: 135px 50px 20px 100px;
	padding: 10px 10px 10px 10px;
	list-style-type: none;
	border: solid 2px #555;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	style="filter:alpha(opacity=50);
}

.article2{
	position:relative;
	width: 50%;
	height:auto;
	text-align:center;
	margin: 390px 50px -10px 100px;
	padding: 10px 10px 10px 10px;
	list-style-type: none;
	border: solid 2px #555;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	style="filter:alpha(opacity=50);
}

/*Logos*/

.logo {
	position:absolute;
    margin: 20px 5% 0 0;
    right: -5px;
    top:0;
    width:950px;
    height:100px;
}
/*/Logos*/

/*/ footer */
.footer {
	background:url(../img/footer-bg.png) repeat-x center bottom;
	height:80px;
	position:absolute;
	position: absolute; 
	bottom: 0;
	margin-top: 4%;
	left:0;
	width:100%;
    color:#fff;
    font-size:15px;
	font-weight: bold;
-moz-box-shadow: 0px -5px 5px 0px #656565;
-webkit-box-shadow: 0px -5px 5px 0px #656565;
-o-box-shadow: 0px -5px 5px 0px #656565;
box-shadow: 0px -5px 5px 0px #656565;

}
 
    .footer p {
        min-width: 640px;
        text-align:center;
		padding-top:35px;
    }