@import url(typo.css);
@import url(skin.css);
@import url(menu1.css);
@import url(menu2.css);

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

#container, #footer, #header {width: 1004px;}
#header {}
#left-column {width: 202px;}
#right-column {width: 802px;}

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

.clear	{clear: both;height:1px}

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


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

* {margin: 0;}

html, body {
height: 100%;
width: 100%;

overflow-x: hidden;}
body {text-align: center;}
ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}

p{	padding: 4px 0;}

#wrap-container {

	min-height: 100%;
	height: auto !important;
	height: 100%;}
#container {
    position: relative;
	margin:0 auto;
	text-align: left;}
#header {
    background: url(../images/charte/header.jpg) top left no-repeat;
    width: 1004px;
    height: 212px;
}
#left-column{
	float:left;
	margin: 1px 0 0 0;}
#right-column{
	float:left;	
    min-height: 684px;
    height: auto!important;
    height: 684px;
    position: relative;
}
.p-title{
  width: 802px;
  height: 50px;
}

.uindex-2{
  width:802px;
  height: 95px;
  background: url(../images/charte/unphil.jpg) top left no-repeat;

}


.laptop{
  position: absolute;
  z-index: 10;
  top: 144px;
  right: 45px;
  width: 184px;
  height: 126px;
}

.ileft{
  background: url(../images/charte/ileft.jpg) top left no-repeat;
  width:61px;
  height: 439px;
  position: absolute;
  z-index: 10;
  top: 150px;
  left: 4px;

}
.ileft-optim{
	background: url(../images/charte/ileft.jpg) top left no-repeat;
	width:61px;
	height: 449px;
	position: absolute;
	z-index: 10;
	top: 60px;
	left: 4px;

}
.microscop{
  position: absolute;
  z-index: 10;
  top: 374px;
  left: 95px;
  width: 92px;
  height: 177px;
}
.atlas{
  position: absolute;
  z-index: 11;
  top: 344px;
  left: 54px;
  width: 92px;
  height: 177px;
}

.nos-tarifs{
  text-align: center;
  padding-top: 10px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  color:#990000;
}

.nos-tarifs a{
   color:#990000;
   text-decoration: none;
}

.nos-tarifs a:hover{
   color:#990000;
   text-decoration: underline;
}

.phil2{
  position: absolute;
  z-index: 11;
  top: 434px;
  left: 84px;
  width: 92px;
  height: 177px;
}

.dictio{
  position: absolute;
  z-index: 11;
  top: 460px;
  right: 80px;
  width: 92px;
  height: 177px;
}

.prestlast{
  position: absolute;
  z-index: 9;
  top: 625px;
  right: 125px;
  width: 546px;
  height: 147px;
  background: #eaeaea;
}

.preslasttext{
  padding-top: 40px;
  padding-left: 20px;
  width: 505px;
}


.phillast{
  position: absolute;
  z-index: 9;
  top: 750px;
  right: 125px;
  width: 546px;
  height: 210px;
  background: #eaeaea;
}

.philgal{
  position: absolute;
  z-index: 8;
  top: 945px;
  right: 65px;
  width: 653px;
  height: 100px;
  background: #fbe79f;
}
.philgalleft{
  padding: 35px 0 0 25px;
  text-align: center;
  width: 108px;
  float: left;
}

.mmerci{
 margin:0 auto;
 width:300px;
 text-align:center;
 padding-top:100px;
 font-weight:bold;
 color:#9a0002;
}

.mmerci a{
 color:#9a0002;
}

.ref{
  color: #fff;
  text-align: center;
  font-size: 11px;
}


.philgalcent{
  padding:25px 36px 0 0;
  text-align: center;
  width:350px;
  height: 50px;
  float: left;
  color: #ad2537;
  font-weight: bold;
}

.philgalright{
  float: left;
  width: 100px;
  padding:35px 0px 0 0;
  text-align: center;
}


.itbo{
  font-weight: bold;
  font-style: italic;
}

.preslastli{
  padding-left: 63px;
  padding-top: 3px;

}
.preslastli li{
  padding-bottom: 3px;
  background: url(../images/charte/bullet.jpg) left center no-repeat;
  padding-left: 15px;
}

.phislastli{
  padding-left: 20px;
  padding-top: 3px;
  width: 267px;

}
.phislastli li{
  padding-bottom: 10px;
  background: url(../images/charte/bullet.jpg) left 6px no-repeat;
  padding-left: 15px;
}

.redtitle a{
 color: #8b0018;
}
.redtitle a:hover{
 color: #8b0018;
 text-decoration:none;
}

.redtitlephil{
  color: #8b0018;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;

}


.presredbox a{
  color: #fff;
  font-weight: bold;
}
.presredbox a:hover{
  color: #fff;
  font-weight: bold;
}
.ce-que{
 padding-left: 81px;
}

.incbox{
  padding-left:81px;

}

.inbox{
  width: 653px;
  height: 161px;
  background: #fbe79f;
}

.prestbox{
  width: 653px;
  height: 131px;
  background: #fbe79f;
}

.inlist{
  float: left;
  width: 104px;
  padding-left: 30px;
}

.inlist li{
  background: url(../images/charte/bullet.jpg) center left no-repeat;
  padding-left: 10px;
}

.inlistb{
  float: left;
  width: 233px;

}

.inlistb li{
  background: url(../images/charte/bullet.jpg) center left no-repeat;
  padding-left: 10px;

}
.inlistc{
  float: left;
  width: 250px;

}

.inlistc li{
  background: url(../images/charte/bullet.jpg) center left no-repeat;
  padding-left: 10px;

}

.inlistp{
  float: left;
  width: 300px;

}

.inlistp li{
  background: url(../images/charte/bullet.jpg) center left no-repeat;
  padding-left: 10px;
  margin-left: 10px;

}
.separator{
  background: url(../images/charte/separator.jpg) bottom right no-repeat;
  width: 705px;
  height: 4px;
  padding-top: 11px;
  padding-left: 81px;
}
.optim{
  background: url(../images/charte/separator.jpg) bottom right no-repeat;
  width: 700px;
  height: auto;
  padding-top: 11px;
  padding-left: 81px;
}

.incgbox{
  padding: 13px 0 0 123px;
}

.ingreybox{
  width: 664px;
  height: 201px;
  background:#cccccc;
}

.lmailto{
  font-size: 11px;
  font-family: Arial;
  color: #990000;
  padding-top: 5px;
}
.lmailto a{
  color: #990000;
  text-decoration: underline;
}
.lmailto a:hover{
  color: #990000;
  text-decoration: none;
}
#actualite{
  background: url(../images/charte/mdm-bg.jpg) top left no-repeat;
  width: 202px;
  height: 130px;
  font-family: Arial;
}

#contact-info{
  background: url(../images/charte/coord-bg.jpg) top left no-repeat;
  width: 202px;
  height: 125px;
    font-family: Arial;
}
#promo{
  background: url(../images/charte/traduction.jpg) top left no-repeat;
  width: 202px;
  height: 429px;
}

.redtitle{
  color:#8b0018;
  font-weight:bold;
  font-size: 12px;
}

.glist{
  padding-left: 13px;
  text-align: justify;
}


.glist li{
  padding-left: 8px;
  padding-top: 2px;
}

.incredbox{
 color: #fff;
 padding-top: 26px;
 padding-left: 13px;
}
.presredbox{
 color: #fff;
 padding-top: 10px;
 padding-left: 13px;
}

.prestp{
  width:445px;
  color: #fff;
}

.prestp22{
  width:425px;
  color: #fff;
}
.presred{
  position: absolute;
  z-index: 10;
  top: 500px;
  left: 160px;
  width: 488px;
  height: 150px;
  background:#ad2537;
}

.incred{
  position: absolute;
  z-index: 10;
  top: 560px;
  left: 160px;
  width: 488px;
  height: 94px;
  background:#ad2537;
}

.philpresred{
  position: absolute;
  z-index: 10;
  top: 660px;
  left: 160px;
  width: 488px;
  height: 120px;
  background:#ad2537;
}

.philpresred2{
  position: absolute;
  z-index: 10;
  top: 680px;
  left: 160px;
  width: 488px;
  height: 100px;
  background:#ad2537;
}

.mplusde{
 padding: 0;
 margin: 0;
 color: #990000;
}


.mplusde a{
  color: #990000;
  text-decoration: underline;
}


.mplusde a:hover{
  color: #990000;
  text-decoration: none;
}

.rights{
  float: left;
  font: 11px Arial;
}

.rights a{
  color:#ffcd38 ;
  text-decoration: none;
}
.rights a:hover{
  color:#ffcd38 ;
  text-decoration: underline;
}
#footer {
	margin: 0 auto;
	padding: 0;}


.yellow{
  color: #ffcd38;
}

.yellow a{
  color: #ffcd38;
  text-decoration: none;
}

.yellow a:hover{
  color: #ffcd38;
  text-decoration: underline;
}

#frmContact{
  width: 710px;
  float: right;
}

  ul.list5{
	width:420px;
	float:left;
	padding: 0px 0 0px 180px;
	}
ul.list5 li{
	background: url(../images/charte/bullet-list2.jpg) no-repeat;
	background-position: 0px 5px;
	text-align:left;
	line-height: 14px;
	padding:0px 0px 0px 10px;
  color: #000000;
  font-family: Verdana !important;
  font-size: 11px;
	}

.prestleft{
  width: 300px;
  padding-left: 110px;
}

.prestright{
  float: left;
  padding-left: 80px;
  width: 450px;
}

.presreas{
  width: 230px;
  float: left;
  text-align: center;
}


.presinline li{
  background: url(../images/charte/bullet.jpg) left center no-repeat;
  float: left;
  padding-left: 15px;
  margin-left: 10px;
  display:inline;
}

ul .prestline{
  display: inline;
}

.prestline li{
  background: url(../images/charte/bullet.jpg) left center no-repeat;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

.phil1{
  position: absolute;
  z-index: 11;
  top: 150px;
  right: 60px;
  width: 92px;
  height: 177px;
}



/*	--- 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;}
a:focus {
   outline: none;
} 
.thumb{
	display: block;
	margin:1px 5px;}
	
.thumb img{
	border-style:solid;
	border-width: 5px;
	border-color: inherit;
	padding: 5px;
	margin: 0}

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


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