/*===| I. LAYOUT SIZE |====================================================*/

#footer, #header {width: 894px;}
#container,#container1{
  width:894px;
}

#header {height:230px;text-align:center;}
#left-column {width: 277px;padding-left:31px;float:left; display:inline;}
#right-column {width: 544px;float:left;display:inline;}
#inc-actus{
  width:542px;
  float:left;
}
#texte{
  width:516px ; float:left; padding:0 13px;
}



/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/	#wrap-footer, #footer, .push {height: 82px;}

.push	{clear: both;}

/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height
	-----------------------------------------------
*/	#wrap-container {	margin: 0 auto -82px;}




/* ===| II. LAYOUT's DEFAULT ELEMENTS |=======================================*/

* {margin: 0;}

html, body {height: 100%; width: 100%;}
body {text-align: center;}
ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}
h1{margin:0px; padding:0px 0px 10px;float:left;width:100%; height:27px;}

p{	padding: 0px; margin:0px 0px 10px;}

a:focus {
   outline: none;
}

#wrap-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
  width:100%;}
#container {
	margin:0 auto;
	text-align: left;}
#header {
/*	text-indent: -9999em;*/}
#left-column{
	float:left;
	}
#right-column{
	float:left;
  z-index:50;
}
#texte{
	float:left;
}
.ref {
  position:relative;
  width:100%;
  margin:0 auto;
  background:white;
  float:left;
  line-height:0px;
  font-size:0px;

	}
.ref p{
  font-size:10px;
  text-align:center;
  color:black;
  line-height:13px;
	}

#contact-info, #promo {width:100%; float:right;}
.actu{ float:left;height:123px; margin:0px;padding:0px;}
.button-prev{
  padding:50px 7px 0px 8px;
  float:left;
  width:22px;
  height:50px;
}
.button-next{
  padding:50px 8px 0px 7px;
  float:right;
  width:22px;
  height:50px;
}

.button-en-savoir{
  float:left;
  margin-left:36px;
  display:inline;
}
.news{
  height:98px;
  float:left;
  width:470px;
}

  .news img{
  background:#ababab;
  float:right;
  margin:26px 0px 0px 0px;
  display:inline;
  border: solid 1px #113184;
}
.news .space{
  height:89px;
  width:10px;
  float:right;
}

#div-middle{
  border:solid 1px #CCC;
  width:472px;
  padding:0px 22px 6px 20px;
  margin:0px;
  float:left;
  background:url(../images/charte/bg-div.jpg) left top no-repeat;
}


.offre-gauche {
   width:243px;
   height:86px;
   padding:4px 0px 0px;
   float:left;
   margin:5px;
   display:inline;
   background:url(../images/charte/bg-offre.gif) right bottom;
}
.offre-droit {
   width:243px;
   height:86px;
   padding:4px 0px 0px;
   float:right;
   margin:5px 5px 5px 0;
   display:inline;
   background:url(../images/charte/bg-offre.gif) right bottom;
}

.img-offre{
  background: #CACACA;
  border:solid 1px #113184;
  float:left;
  margin-top:0px;
}

.offre-gauche .space, .offre-droit .space{
  width:1px;
  height:86px;
  float:left;
}

.offre-gauche p, .offre-droit p{
  padding:0px 5px 0 5px;
  height:65px;
  margin:0px;
  font-size:11px;
  line-height:13px;
  text-align:center;
}
.details{
  float:left;
  width:98%;
  padding:5px 4px 0px 4px;
  margin:0px;
  line-height:0px;
  text-align:center;
  border:solid 1px #DEDEDE;
  background:url(../images/charte/bg-offre-details.gif) left bottom no-repeat transparent;

}
.details-partenaires{
  float:left;
  width:159px;
  display:inline;
  padding:5px 4px 0px 4px;
  margin:0px 0px 15px;
  line-height:0px;
  text-align:center;
  border:solid 1px #DEDEDE;
  background:url(../images/charte/bg-offre-details.gif) left bottom no-repeat transparent;

}
.details-partenaires .image{
 width:100px;
 height:100px;
 margin:0 auto;
 display:block;
 text-align:center;
}

.details-partenaires .image img{
  background: #CACACA;
  border:solid 1px #113184;
  float:left;
  margin-top:0px;
  cursor:pointer;
  float:none;
  margin:0 auto;
  display:block;
}
#footer {
	margin: 0 auto;
	padding: 0;}

#footer-left{
  width:255px;
  float:left;
  margin-left:45px;
  padding-top:30px;
  display:inline;
}
#footer-left p{
  text-align:center;
  line-height:20px;
  margin:0px;
  padding:0px;
}
#footer-right{
  width:550px;
  float:left;
  padding-top:30px;
  display:inline;
}

#footer-right p{
  font-size:12px;
}
#footer-left a{
  text-decoration:none;
}
#footer-left a:hover{
  text-decoration:underline;
}

.copyright{
	padding: 5px 0 0;
	text-align: center;}

/*	--- Important! -----------------------------------
	If you want space between paragraphs or headers, 
	use padding instead of margin.
	-------------------------------------------------*/

/* ===| III. CONTENT ELEMENTS |===============================================*/

img {border: 0;}

/*	--- Important! ----------------------------------
	Use class "left" or "right" on the html elements
	you want to float (on the thumbs, for example)
*/	.left{float: left;} .right{float: right;}

.thumb{
	display: block;
 }

.thumb img{
    border:solid 1px #113184 !important;
  }

.paragraph{
	clear: both;
	display: table;
  }

.separator{
	width: 100%;
	height: 0px;
	clear: both;
	padding:0;
	margin:0px 0px 10px 0px;
	line-height: 0px;}

.clear {
  clear:both;
  padding:0px;
  margin:0px;
  display:block;
  line-height:0px;
  font-size:0px;
  height:0px;
  width:0px;
}


/* ===| IV. NAVIGATION |===============================================*/
#menu2 ul li{display: inline;}
/* ---| THE END |------------------------- */