/*************************************************/

/*              general                          */

/*************************************************/



* {margin:0;padding:0;}

html{width: 100%;height : 100%;}

body{

    color:#000000;

    font-family:'Montserrat', Arial, Sans-serif;

    font-size:11px;

    height:100%;

}

body #homepage{background-color:#000;}

/*************************************************/

/*              listing maquettes                */

/*************************************************/

#header{background:#000 url(../images/bg.png) repeat-x center top;height:143px;}

#header #wrapper-header{margin:0 auto;width:828px;background:#000 url(../images/banniere.jpg) no-repeat center top;}



#wrapper{background-color:#003348;}

#wrapper #page { background-color:#FFFFFF;margin:0 auto;width:828px;}



#wrapper #page #texte {font-family:Verdana; font-size:11px; padding:4px 0;height:auto;min-height:500px;}

#wrapper #page #texte p{}

#wrapper #page #texte:after {

    content: ".";

    display: block;

    height: 0;

    text-indent: -5000px;

    visibility: hidden;

    clear: both;

}

#wrapper #page #texte dt {}

#wrapper #page #texte dt img {

    clear:left;

    float:left;

    margin:20px 40px 20px 60px;

    border:1px solid black;

}

#wrapper #page #texte dd {

    clear:right;

    float:left;

    height:100px;

    margin:25px 10px 0;

    width:60%;

}



#footer { background:url(../images/bg-footer.jpg) repeat-x center top; clear:both;height:315px;}

#footer #wrapper-footer p {color:grey; font-size:10px; margin-top:0; padding:18px 0 15px 0; }

#footer #wrapper-footer{margin:0 auto;width:828px;background:url(../images/aquitem.jpg) right 6px no-repeat;}



h1 {background:#000 url(../images/logo.jpg) no-repeat center bottom;height:74px;width:264px;padding-top:10px;}

h1 span {  left:-999em;  position:absolute; }

h2 { color:#007CE4; font-size:16px; font-weight:bold; padding:30px 3px 0 0; text-align:right; }

h3{margin-bottom:5px;font:2em/0.79em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;}



img {border:medium none;

    max-width: auto !important;

}

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



/*************************************************/

/*                 Maquettes                     */

/*************************************************/



#topnav p a:hover{cursor:pointer;}



#signin_menu {

    display:none;

    background: #091529;

    padding: 1em;

    position: fixed;

    top:0;

    border-right: 2px solid #fff;

    border-bottom: 2px solid #fff;

}

#signin_menu ul {list-style-type:none; margin-bottom: 1.5em;}

#signin_menu ul li {display:inline-block;padding:1em 5px 0 5px;text-align:left;}

#signin_menu ul li a{color:white;display:block;height:120px;width:130px;font-size: 1.125em;}

#signin_menu ul li img{border:2px solid #999;margin-bottom:5px;}

#signin_menu ul li.last{clear:left;padding :0 0 10px 17px;background: url(../images/fleche2.png) 0 1px no-repeat;margin : 0 0 0 10px ;}

#signin_menu ul li.last a{text-decoration:underline;}

#signin_menu p{color: #fff;font-size: 1.125em;}



#contenue-top{float:left;margin:0;padding:0;position:relative;}

.container {text-align:center;}



.red{color:red; font-style:italic;padding:10px 30px 10px 50px;clear:both;}



.droite{

    font-size: 1.25em;

    float: right;

    background: #fff;

    color: #217A7D;

    padding: 0.5em 1em;

    border-radius: 20px;

    margin: 0;

    text-align: center;

    min-width: 130px;

    margin-right: 0.313em;

    margin-bottom: 1.5em;

}



a.signin {

    position: fixed;

    left: 0;

    top:0;

    display:block;

    margin : 0 auto;

    text-align:center;

}

a.signin.menu-open{

    color:#333333;

}