/* ===| LAYOUT |============================================*/
* {margin: 0;}

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

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

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 -78px;
	/* the bottom margin is the negative value of the footer's height */
}
#container {
	margin:0 auto;
	width: 798px;
	text-align:justify;
  background-repeat:repeat-y;
  background-image:url(../images/charte/repeat-y-container.jpg);
  background-position:left top;
}
#diaporama-frame{
  width:56%; float:left;padding-top:15px;
}

.header {
	width: 798px;
  height:252px;
	background: #ccc;
  }

#contenu{
	width:798px;
 	margin:0;
	padding:0 0 5px 0;
  background-image:url(../images/charte/background-contenu.jpg);
  background-repeat:no-repeat;
  background-position:left top;
  float:right;
}
#content-aligner{
  width:775;
  padding-left:22px;
  float:left;
}
#contenu #page-title{
  width:754px;
  float:left;
}
#contenu #page-title #page-title-image{
  float:left;
}
div#page{
  width:752px;
  border:1px solid #aa8950;
  float:left;
  display:table;
}
div#page div.left{
  width:343px;
  padding-left:20px;
  background-image: url(../images/charte/bg-left.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  float:left;
}
div#page div.left1{
  width:343px;
  padding-left:20px;
  background-image: url(../images/charte/bg-left2.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  float:left;
}
div#page div#right1{
  width:355px;
  padding-left:18px;
  float:left;
}
div#page div#right2{
  width:355px;
  padding-left:18px;
  float:left;
}
.left p{
 text-align:justify;
}

#right1 .paragraph1{
  width:96%;
  text-align:justify;
  padding-top:0 !important;
}
#right1 .thumb1{
  font-size:13px;
  margin-left:15px;
  margin-top:8px;
  float:right;
}
#right1 .paragraph2{
  width:167px;
  float:right;
  padding-top:5px !important;
}
#right2 .paragraph2{
  width:167px;
  float:right;
  padding-top:5px !important;
}

img.line-up{
  padding-top:10px;
  padding-bottom:20px;
  float:left;
}

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

#footer {
  background-image:url(../images/charte/footer.jpg);
  background-repeat: no-repeat;
  width: 798px;
	height: 78px;
	margin: 0 auto;
	padding: 0;}
#footer-info p#footer-adresse{
width:567px;
line-height:1.1em;
color:#fffdeb;
border-left:solid 5px #e9db84;
float:right;
padding:0 0 0 5px;
margin:0;
text-align:left;
}
#contenu #page li{
background-image: url(../images/charte/bullet.gif);
background-repeat: no-repeat;
background-position: left 6px;
}
#contenu #right1 ul.test1{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}
#contenu #right1 li.test2{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}
#contenu #right1 li.test2{
padding-left:31px;
margin-left:10px;
background-image: url(../images/charte/bullet.gif);
background-repeat: no-repeat;
background-position: left 7px;
}

.line-right{
  float:left;
  margin-top:10px;
  margin-left:23px;
  margin-bottom:0px;
  padding:0;
}


#footer #footer-info{
  width:798px;
  height:45px;
  float:right;
}
#footer-info #plan-button{
margin-right:64px;
float:right;
line-height:1em;
}

#footer #digital-age{
  float:right;
  margin-right:
}



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

/*	TROUBLESHOOTING: |------------------------------------------
	If you want space between paragraphs or headers, use padding
	instead of margin.
	------------------------------------------------------------*/
.button{
	background-color: #ebe3be;
	color: #a59674;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 0px;
	border: 1px solid #a59674;
	width: 75px;
	height: 25px;
	cursor: pointer;
  margin-left:3px;
  margin-right: 3px;
}
.buttonover{
	background-color: #a59674;
	color: #ebe3be;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-bottom:0px;
	border: 1px solid #a59674;
	width: 75px;
	height: 25px;
  margin-left:3px;
  margin-right: 3px;
}


img {border: 0;}


div#page{
 background-color:#fffdeb;

}

.photo1{
	float: right;
	display: block;}

.photo2{
	float: left;
	display: block;}

.photo1 img{
	border: 5px solid #fbfbfb;
	background-color: #eeeeee;
	padding: 5px;
	margin-left: 10px;
}
.photo2 img{
	border: 5px solid #fbfbfb;
	background-color: #eeeeee;
	padding: 5px;
	margin-right: 10px;
}
.paragraph{
	clear: both;
	display: table;
}
div.separator{
	width: 100%;
	height: 0px;
	clear: both;
	padding:0;
	margin:	15px 0;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #f0f0f0;
	line-height: 0px;
}
div#space{
float:right;
width:567px;
height:5px;
line-height:1px;
  }

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

h6, pre{
	padding: 0 15px;}

#footer-info p#footer-adresse{
  font-size:11px;
  line-height:1.3em;
}


#contenu #page h1{
font-family: Verdana, Arial, Tahoma;
font-size:14px;
font-weight:bold;
margin:10px 0 0 10px;
padding:0;
}
h2.right-heading{
font-family: Verdana, Arial, Tahoma;
font-size:13px;
font-weight:bold;
margin:0;
padding:10px 0 15px 30px;
clear:both;
}

#contenu #page p{
font-family: Verdana, Arial, Tahoma;
font-size:13px;
margin:0;
padding:15px 0 10px 10px;
float:left;
line-height: 1.4em;
}
#contenu #page div.left li,
#contenu #page div.left1 li
{
	list-style: none;
	list-style-position: outside;
	margin:0 0 0 10px;
	padding:0 0 0 27px;
}
#contenu #page li{
font-family: Verdana, Arial, Tahoma;
font-size:13px;
margin:0;
padding:10px 0 0 0px;
line-height:1.6em;
}
#contenu #page ul{
  padding-top:15px;
  width:343px;
  float:left;
}
#right1 .paragraph2{
  text-align:justify;
  line-height:1.4em !importat;
}
#page #right2 .paragraph3
{
  width:345px;
  text-align:justify;
  line-height:1.4em;
}
.picture-frame{
width:343px;
}


.picture-frame .thumb1{
  margin-top:30px;
  margin-bottom:15px;
}
.picture-frame .thumb1{
  margin-top:30px;
  margin-bottom:15px;
}
.picture-frame img.thumb4{
  clear:both;
  margin:30px !important;
  padding:0px;
}
.copyright{
	font: 0.8em arial, sans-serif;}
#footer p, ul, li, a{
  font-size:13px;
  font-family: Verdana;
  line-height:1em;
}
#footer #footer-droits{
  line-height:10px;
  font-size:10px;
  font-family: Verdana, Arial, Tahoma;
}



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



body {color: #302516;}
p {color: #302516;}
a {color: #194379;}
a:hover {	text-decoration: none;}
#footer #footer-droits{
  color:#cbbd7c;
}
.header,

#container{background-color: #f7f7f7; color: inherit;}

h1{
	color:#302516;;
	background-color: transparent;}

#wrap-footer{background-color: transparent;}

#footer p, ul, li, a{
  color:#ffffdeb;
}

#menu2 ul li{
  color:#f6ecae;
}

#footer-info #footer-adresse strong{
  color:#fff6a6
}


/* ===| 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 1px0;
	background-color: #cccccc;}

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

body.presentation #menu1 a.btn2,
body.html-section #menu1 a.btn3,
body.css-section #menu1 a.btn4,
body.php-section #menu1 a.btn5{
	background-color: #194379;
	color: #cccccc;}
.pres#menu2 li{
  border:none;
  font-size:11px;
}


/* ===| FOOTER MENU |============================================*/


#menu2{
  width:630px;
  padding:0px;
  margin:0px;
  float:right;
  text-align: center;
}

#menu2 #footer-droits{
  width:620px;
  height:10px;
  padding:5px; 0;
  margin:0;
  float:right;
}

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

.mentions-legales{
	font-size: 10px;
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
  margin:0;
  color:#cbbd7c;
}
.mentions-legales:hover{
	text-decoration: underline;
    color:#f6ecae;
}

#menu2 ul li a{
	font-size: 11px;
	font-family:Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	border-left: 1px solid #a2a2a2;
  color:#f6ecae;
  margin:0;
	padding:0 2px 0 7px;
  }

#menu2 ul li a:hover{
	color:#ec9865;
	text-decoration: underline;
}

#menu2 ul li a.btn5{
  padding-right:5px;
}

/* ---| THE END |------------------------- */