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

#container, #footer, #header {width: 950px;}
#header {height:250px;}

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

.push	{clear: both;}

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


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

* {margin: 0;}

html{height: 100%; width: 100%;}
body {width: 100%; text-align: center;}
ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}
a:focus{
  outline: none;
}
object { outline:none; }

#wrap-container {
	min-height: 100%;
    width:950px;
	height: auto !important;
	height: 100%;}
#container{
	margin:0 auto;
	text-align: left;
}
#header {
/*	text-indent: -9999em;*/}
#left-column{
	float:left;
    width: 478px;
    padding:0 15px 0 16px;
}
#right-column{
	float:left;	
    width:425px;
    padding:0 16px 0 0;
}



#footer {
	margin: 0 auto;
	padding: 0;
    height:58px;
    padding-top:17px;
}

.ref{
  text-align: center;
  width: 950px;
  padding-top:10px;
  padding-bottom:4px;
}

/*	--- 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;}





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

#title{
  clear:both;
  width:950px;
  height:43px;
}

#realisation{
  width:412px;
  border:1px solid #720200;
  padding:64px 11px 8px 0px;
  float:left;
}
.caree1{
  width:171px;
  /*height:163px;*/
  float:left;
  padding-left:14px;
  margin:0px;
}
#photo-thumb{
  display:inline;
  float:left;
  width:171px;
  height:171px;
  margin:0px;
  padding:0px;
}
#photo-thumb li{
  display:inline;
  float:left;
  width:57px;
  height:171px;
}

.photo_col{
  height:171px;
  width:57px;
  float:left;
  display:inline;
  margin:0px;
  padding:0px;

}
.photo_col img{
  border:1px solid #AA0201;
  float:left;
  margin-bottom:8px;
  margin-right:8px;
  width:47px;
  height:47px;
}

.caree2{
  display:inline;
  width:224px;
/* height:181px; */
  float:left;
  margin:0px;
}
.caree2 img{
    width:222px;
  height:161px;
  border:1px solid #AA0201;
  float:left;
}
.photo_text{
  float:left;
  height:20px;
  width:224px;
/*  border: 1px solid #BEB2B2;
  border-top: none;*/
  background-color: #AA0201;
}





#info{

  float:left;
  width:425px;
  height: 298px;


}
#info1{
  width: 363px;
  height: 165px;
  padding: 133px 0 0 62px;
}




/*--------------------------left-column---------------*/
.paragraph{
	clear: both;
    width:478px;
}
.text{
  padding:12px 12px 0 13px;
  width:453px;
  float:left;
}

.photo, .photo-over{
  width:122px;
  height:77px;
  padding:7px;
  float:left;
  margin-right:13px;
}

ul.list1{
    margin:0px;
    padding:0px;
    float:left;
    list-style: none;
	}
ul.list1 li{
	background: url(../images/charte/bullet.gif) no-repeat top left;
    background-position:0px 4px;
    color:#B2B2B2;
    font-family: Tahoma, arial, verdana;
    font-size:11px;
	text-align:left;
    padding-left:9px;
}
.box{
  border: 1px solid #6E0C0A;
  padding:1px;
}
.box-box{
 height:107px;
 padding:14px 10px 0px 10px;
}
.text1{
  float: left;
  width:200px;
  border-bottom:1px solid #720200;
  padding-bottom:5px;
}
.photo2, .photo2-over{
  width:228px;
  height:213px;
  padding: 7px 6px;
  float:left;
  margin-right:13px;
}
.photo3, .photo3-over{
  width:122px;
  height:157px;
  padding:5px;
  float:left;
  margin-right:40px;
}

.merci{
  padding-top:80px;
  text-align: center;
}