/* ===| LAYOUT |============================================*/

* {margin: 0;}

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

body#theme01 {text-align: center; background:url(../images/charte/repeat-x.jpg) repeat-x #625745;}

ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}
#wrap-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -83px;
	/* the bottom margin is the negative value of the footer's height */
}

#container {
	margin:0 auto;
	width: 784px;
	text-align: left;
  background-image:url(../images/charte/repeat-y.jpg);
  background-position: center top;
  background-repeat: repeat-y;}

.header {
	width: 784px;
	height: 337px;
/*	text-indent: -9999em;*/
 }

/*#left-column{
	float:left;
	width: 200px;
	margin: 1px 0 0 0;}*/

#contenu{
	float:left;
	width: 784px;
  background-image:url(../images/charte/repeat-y.jpg);
  background-position: center top;
  background-repeat: repeat-y;
}
#telephone{
  width:384px;
  height:70px;
  padding-left:60px;
  background:url(../images/charte/background-telephone.jpg) right top no-repeat ;
}

#actualite, #contact-info, #promo {height: 125px;}

#wrap-footer, .push {height: 83px/* .push must be the same height as .footer */}
.push	{clear: both;}

#footer {
	width: 784px;
	height: 83px;
  background-image:url(../images/charte/footer.jpg);
  background-repeat: no-repeat;
  background-position: center top;
	margin: 0 auto;
	padding: 0;}

.copyright {
	text-align: center;}
.page-title{
  float: left;
}


/*	TROUBLESHOOTING: |------------------------------------------
	If you want space between paragraphs or headers, use padding
	instead of margin.
	------------------------------------------------------------*/
img {border: 0;}

.photo1{
	float: right;
	margin:10px 10px 10px 20px;

}

.photo2{
	float: left;
	margin:15px 35px 10px 20px;

}

.photo3{
  padding:45px 45px 25px 55px;
  float:right;

}
.photo4{
  padding:1px 0px 1px 15px;
  float:right;
}


.paragraph{
  width:757px;
	clear: both;
	display: table;
}
div.separator{
	width: 100%;
	height: 7px;
	clear: both;
	padding:0;
	margin:0;
	font-size: 1px;
	line-height: 1px;
  background-image:url(../images/charte/line.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
}
div.h1-separator{
	width: 100%;
	height: 7px;
	clear: both;
	padding:3px	0;
  line-height:1px;
  font-size:1px;
  background-image:url(../images/charte/line.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
}
div#pres21{
width:725px;
margin-left:30px;
background-image:url(../images/charte/yellow-line.jpg);
background-position:left top;
}
div#pres22{
width:725px;
margin-left:30px;
background-image:url(../images/charte/yellow-line.jpg);
background-position:left top;
display:table;
}
div#prest1{
width:725px;
margin-left:30px;
}
div#prest2{
width:725px;
margin-left:30px;
background-image:url(../images/charte/yellow-line.jpg);
background-position:left top;
}

div#prest1 ul.list1{
  padding-top:15px;
  width:600px;
  padding-left:40px;
  float:left;
}
div#prest1 ul.list1 li{
  padding-left:15px;
  width:600px;
  float:left;
}
div#prest1 ul.list1 li.bullet1{
 padding-left:15px;
 background-image:url(../images/charte/black-bullet.jpg);
 background-position:left 20px;
 background-repeat: no-repeat;
 color:black;
}
div#prest1 ul.list1 li.bullet2{
 background-image:url(../images/charte/yellow-bullet.jpg);
 background-position:left 20px;
 background-repeat: no-repeat;
 color:black;
}


#logo{
  padding:14px 0 0 55px;
  background-image:url(../images/charte/yellow-bullet.jpg);
  background-position:40px 19px;
  background-repeat: no-repeat;
  width:95px;
  float:left;
   color:black;}
div#prest2{
padding-top:20px;
width:725px;
margin-left:30px;
}
#footer span{
  padding: 0 10px 0 10px;
}



/* ===| TYPOGRAPHY |============================================*/
body{
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 13px;}

h6, pre{
	padding: 0 15px;}
h1 {
	font-size: 20px;
	padding-left:30px;
  line-height:20px;
	margin:0;
	padding-bottom:0;
	padding-top:0;
	padding-right :0;}
h4{
  padding:15px 0 10px 16px;
  margin:0px;
  font-size:13px;
  font-weight: bold;
  color:#625745;
}


#pres22 p.no-padding{
  line-height:1em;
  padding:0 0 0 15px;;
  margin:0px;
  color:#625745;
}
.strey{
  margin:0px;
  padding:0px;
  color:#625745;
  line-height:1em;
  float:left;
  width:100%;
}



div#contact1, div#contact2, div#contact1,.separator{
  padding:0 35px 0 35px;
	color: #39130c;
	font: 1em/1.3em Verdana,sans-serif;
	text-align: justify;
}
.contact-text{
  padding:0;
  margin:0;
	color: #39130c;
	font: 1em/1.3em Verdana,sans-serif;
	text-align: justify;
}

#contact .mail-labels{
  padding:0 0px 0 35px;
	color: #39130c;
	font: 1em/1.3em Verdana,sans-serif;
	text-align: justify;}
}

#highlights .contact{
font-weight: bold;
text-decoration: none;}
#highlights .contact:hover{
text-decoration: underline;}
/*h2{
	font: 1.3em verdana,sans-serif;}*/

p {padding:0 35px 0 35px;
	color: #39130c;
	font: 1em/1.3em Verdana,sans-serif;
	text-align: justify;}
div#prest1 ul.list1 li.bullet1{
  padding-top:15px;
}
div#prest1 ul.list1 li.bullet2{
  padding-top:15px;
}
#contact1 p{
  padding:50px;
}
div.mail-label{
  padding:0 35px 0 35px;
	color: #39130c;
	font: 1em/1.3em Verdana,sans-serif;
	text-align: justify;}
}


div#pres21 p{
  padding-top:30px;
  line-height:2em;
}
div#pres22 p{
  padding-top:20px;

}

div#prest2 p{
  padding-top:35px;
  line-height:2em;
}

div#highlights p{
  padding:30px 35px 0 60px;
}

#prest2 .google{text-decoration:none; padding-left:49px;}
#prest2 .google:hover{text-decoration:underline}

.copyright{
	font: 9px Verdana, sans-serif;}

br.spacer-break {
 line-height:2em;
}



/* ===| COLORS |============================================*/

body {color: #39130c;}

.header,
#left-column,
#right-column {color: #39130c;}

#container, #footer{color: transparent;}

h2{
	color: #39130c;
}
#prest2 .google{color:#39130c}
#prest2 .google:hover{color:#c0b808}



a {color: #39130c;}
a:hover {	text-decoration: none;}
#highlights .contact{color:#c0b808}
div#highlights .contact:hover{color:#39130c}

/* ===| IMAGES |===============================================*/
/*a.digitalage{
	text-indent: -999px;
}*/
/*.digitalage:link, .digitalage:visited{
	text-indent: -999px;
	float:left;
	width: 200px;
	height: 100%;
	display: block;
	background:url(../images/charte/digital_age.gif) 50% 50% no-repeat;}
  .digitalage:hover, .digitalage:active{
	background:url(../images/charte/digital_age_ovr.gif) 50% 50% no-repeat;}*/

/* ===| MAIN MENU |============================================*/

#menu1, #actualite, #contact-info, #promo{
	margin:0 0 1px	 0;
	}

#menu1 ul{
	padding: 8px 0;
}
#menu1 ul a:link,
#menu1 ul a:visited{
	text-decoration: none;
	display: block;
	width: 192px;
	margin: 2px auto;
	border: 1px solid #ffffff;
	font-family: Verdana;
	font-size: 13px;
	padding: 3px 0;
}
#menu1 ul a:hover,
#menu1 ul a:active{
	color: #ffffff;
}

body.presentation #menu1 a.btn2,
body.prestations #menu1 a.btn3,
body.css-section #menu1 a.btn4,
body.php-section #menu1 a.btn5{
	color: #cccccc;}

/* ===| FOOTER MENU |============================================*/
#menu2{
/*	float: left;*/
padding:28px 300px 0 0;
}
p.copyright{
margin:0;
padding: 3px 305px 0 0;
line-height:normal;
color:#6d453c;
}

p.copyright .digital-age{
	font-size: 9px;
	text-decoration: none;
  color:#6d453c;
}
p.copyright .digital-age:hover{
  text-decoration:underline;
  color:#6d453c;
}
p.copyright .mentions-legales{
	font-size: 9px;
  text-decoration:none;
  color:#6d453c;

}
p.copyright .mentions-legales:hover{
	text-decoration: underline;
  color:#6d453c;
}

#menu2 ul li{
	display: inline;
	padding: 2px 0;}

#menu2 ul li a{
	font-size: 11px;
  font-weight:bold;
	font-family:  Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	padding:0 10px 0 13px;}
#menu2 ul li a:hover{
	text-decoration: underline;
}
/* ---| THE END |------------------------- */