/*************************************************/
/*              general                          */   
/*************************************************/ 

* {margin:0;padding:0;}
html{width: 100%;height : 100%;}
 body{
	color:#000000;
  font-family:'Montserrat', Arial, Sans-serif;
	font-size:12px;
  height:100%;
}
body #homepage{background-color:#000;}
/*************************************************/
/*              listing maquettes                */   
/*************************************************/ 
#header{background:#020E26;height:143px;}
#header #wrapper-header{margin:0 auto;width:828px;background:#020E26 url(../images/banniere.jpg) no-repeat center top; height:143px;}

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

#wrapper #page #texte {font-family:'Montserrat', Arial, Sans-serif; font-size:12px; 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:#091529; clear:both;height:315px; border-top:2px solid #35C7CB;}
#footer #wrapper-footer p {color:white; font-size:10px; margin-top:0; padding:18px 0 15px 0; } 
#footer #wrapper-footer{margin:0 auto;width:828px;background:url(../images/aquitem.png) right 6px no-repeat;}

h1 {background: url(../images/logo.png) no-repeat center bottom;height:73px;width:368px;padding-top:20px;} 
h1 span {  left:-999em;  position:absolute; } 
h2 { color:#fff; font-size:16px; font-weight:bold; padding:20px 3px 0 0; text-align:right; }  
h3{margin-bottom:5px; font:2em/1.2em 'Montserrat', Arial, Sans-serif; color:#28969a;}

img {border:medium none; }
a {color:#28969a; text-decoration:none; }

/*************************************************/
/*                 Maquettes                     */   
/*************************************************/ 

#topnav {background-color:#000; position:fixed; width:100%; border-bottom:1px solid #3F7C9C;}
#topnav p a:hover{cursor:pointer;}
#topnav p{height:38px;}
#topnav p img{padding : 5px 8px;}

#signin_menu {display:none;position: absolute;left: 50%;margin-left: -500px;border-top:1px solid #3F7C9C}
#signin_menu ul {list-style-type:none;margin-left:45px;}
#signin_menu ul li {float:left; padding:20px 10px;text-align:left;}
#signin_menu ul li a{color:white;display:block;height:120px;width:130px;}
#signin_menu ul li img{border:1px solid #3F7C9C;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;}

#contenue-top{float:left;margin:0;padding:0;position:relative;}
#contenue-mid{background: transparent url(../images/repeat.png) repeat-y;float:left;width:1001px;}
#contenue-bottom{clear:left;width: 100%;}
.container {text-align:center;padding-top:36px;}

.red{color:red; font-style:italic;padding:10px 30px 10px 50px;clear:both;}
#topnav p.italic{color:#FFF;font-style:italic;padding:0px 30px 0px 50px;clear:both;height:20px;}

.droite{float:right;}
a.signin {}
a.signin {
  background:url("../images/bg-close.png") center top no-repeat;
  display:block;
  width:350px;
  margin : 0 auto;
  text-align:center;
  }
a.signin.menu-open{
background-image:url("../images/bg-open.png");
color:#333333;
}