body{

	background-color:  white;
	color:black;
	font-family:Century Gothic,URW Gothic L, Futura, sans-serif;
}
.hidden {
height:1px;
overflow:hidden;
position:absolute;
top:-10000px;
width:1px;
line-height: 0;
}

.error-message {
	color: red;
	border:none;
	font-size:85%;
}
.separation {

	border-bottom:1px solid black;

}
.left {float:left;}
.right {float:right;}



#wrapper {
	width:1020px;
	width:980px;
	margin: 0 auto;
	position:relative;
	top:8px;
}
#main { height:580px;}
#menu p {
position: absolute;
bottom:10px;
padding:0;
}
#menu {
	height:580px;
	width:400px; 
	position:absolute; left:0; top:0;
	background:transparent url(../img/menu-reydellet.gif) no-repeat 0 0;
}
#menu ul li {
	list-style:none;
	font-size:16px;
	color:#eeedeb;
	text-align:right;
	margin:1px 0;
}
#menu ul li a {
	text-decoration:none;
	color:inherit;
	display:block;
}
#menu ul li a:hover {
	font-weight:bold;
}
#menu #part1 {
	position: absolute;
	left:316px;
	top:63px;
}
#menu #part1 li {
	width:75px;
}
#menu #part2 {
	position: absolute;
	top:269px;
	left:276px;
	width:115px;
}
#menu #part3 {
	position: absolute;
	top:422px;
	left:271px;
	width:121px;
}

#content {
	height:580px;
	width:592px;
	position:absolute; left:400px; top:0;
}
#content a.linkContact{text-decoration:underline; color:black;}
#content a.linkContact:hover {font-weight:bold;text-decoration:none; }

#content p {
line-height:17px;
}
#content #haut {height:180px; position:relative;margin-bottom:5px;}
#content #haut object {
	height:87px;
	position: absolute;
	bottom:0;
	left:70px;
}
#content #edito #haut object {
	height:112px;
	width:539px;
	left:30px;
}
#content #milieu {
	background: transparent url(../img/grisdeg.png) no-repeat 0 0;
	height: 135px;
	margin:10px 0 ;
}
#content #milieu p {
	padding:0;
	padding-top:20px;
}
#content #bas {
margin:10px 0 ;
/*height:270px;*/ /* ????? */
}
#content #edito #bas object {
	position:absolute;
	height:54px;
	width:510px;
	left:50px;
	top:360px;
}
#content #bas p {
	padding:0;
	padding-top:55px;
}
/* mission */
#content #mission  img {
padding :45px 0 0 100px;

}
#content #mission #haut p,#content #mission #bas p {
width:298px;
text-align:justify;
padding-top:2px;
}
#content #mission h2 {text-align:right; font-weight:bold;}
#content #mission #milieu p {
width:298px;
text-align:justify;
padding-top:2px;
}
#content #mission #milieu h2  {text-align:left; font-weight:bold;padding-top:5px;}
#content #mission #milieu img {padding:25px 100px 0 0;}
#content #mission #bas img {padding:85px 0 0 0;}

/* Services */
#content #services  h2 {text-align:right; font-weight:bold; margin:5px 50px 0 0;}
#content #services #haut {margin-right:25px;height:190px;}
#content #services #bas {margin-right:25px;height:135px;}

#content #services  ul {height:150px;padding:0;margin:0;margin:10px 0 0 30px;}
#content #services  ul li {
list-style:square;
padding:2px 0;margin:0;
}
#content #services #haut ul li a {width: 207px; text-decoration:none; color:inherit; display:block; }
#content #services #bas ul li  {width: 230px; line-height:20px;margin: 5px 0; padding:5px 0;}

#content #services #haut ul li a:hover { font-weight:bold;}
#content #services #haut ul li a:visited {color:#555555; } 
#content #services #haut ul li a  img{padding:0;margin:0; }
#content #services #milieu {height:135px;}
#content #services #milieu p {
width:298px;
text-align:justify;
padding-top:2px;
}
#content #services #milieu h2  {text-align:left; font-weight:bold;padding-top:5px;}
#content #services p {padding: 10px 0;}
#content #services p  a {color: inherit;}
/* Services heures */
#content  #servicesHeures h2 { margin-top:7px; font-weight:bold;text-align:center;}

#content  #servicesHeures h3 {margin:30px 0 2px 0; font-size:17px;  font-weight:bold;text-align:center;}
/* Services Relooking */
#content #servicesRelooking h2 {margin-top:7px; font-weight:bold;text-align:center;}
#content #servicesRelooking h3 {margin:20px 0 20px 0; font-size:17px;  font-weight:bold;text-align:center;}

/* conseil Projet */
#content #servicesConseil h2 {margin:0;margin-top:2px; font-weight:bold;text-align:center;}
#content #servicesConseil h3 {margin:20px 0 0 0; font-size:17px;  font-weight:bold;text-align:center;}
/* Home Staging */
#content #servicesStaging h2 {margin:0;margin-top:2px; font-weight:bold;text-align:center;}
#content #servicesStaging h3 {margin:20px 0 0 0; font-size:17px;  font-weight:bold;text-align:center;}
/* Services Personnel */
#content #servicesPerso h2 {margin:0;margin-top:2px; font-weight:bold;text-align:center;}
#content #servicesPerso h3 {margin:20px 0 0 0; font-size:17px;  font-weight:bold;text-align:center;}
#content #servicesPerso a:hover {font-weight:bold; text-decoration:none;}
#content #servicesPerso a {color:black;}
/* ************************** */
/* Qui suis je */
#content #quisuisje  img {
padding :5px 0 0 70px;
}
#content #quisuisje  img#img1 {
padding :12px 0 0 50px;
}
#content #quisuisje #haut .left {float:left;width:50%;}
#content #quisuisje #haut .right {float:right;width:50%;}
#content #quisuisje #bas .left {float:left;width:50%;}
#content #quisuisje #bas .right {float:right;width:50%;}
#content #quisuisje #haut ,#content #quisuisje #bas{
width:100%;
text-align:justify;
padding-top:2px;
}
#content #quisuisje #bas p{padding:0; }
#content #quisuisje #milieu { background:none;}
#content #quisuisje #milieu p {
width:298px;
text-align:justify;
padding-top:17px;
}
#content #quisuisje #milieu img {padding:17px 80px 0 0;}
#content #quisuisje #bas img {padding:45px 0 0 0 }
#content #quisuisje #bas #imgBas2 {padding:0 0 15px 110px;}
#content #quisuisje #bas #imgBas2 {margin-top:-2px;}
/* ************************** */
/* Philo*/

#content #philo {overflow:auto;height:562px;}
#content #philo h3 {font-weight:bold; }
#content #philo p{margin:2px 0 20px 0;}
/* ************************** */
/* Media*/

#content #media h2 {font-weight:bold; margin:40% 40%;width:350px;}

/* ************************** */
/* Liens*/
#content #liens p {
margin:5px 0;
}
#content #liens .annonce {
width: 90%;
min-height:50px;
border-bottom:1px solid #1C1C1C;
}
/* ************************* */
/* Contact */
#content #contact h2 {margin:0;margin-top:40px; font-weight:bold;text-align:center;font-size:16px;}
#content #contact h3 {margin:20px 0 0 0; font-size:18px;  font-weight:bold;text-align:center;}

#content #contact #haut {height:145px;position:relative;}
#content #contact #bas {border:1px dotted #383838;padding:2px;position:relative;height:365px;}
#content #contact label {width:80px;font-size:12px;font-weight:bold;}

#content #contact input, #content #contact textarea {
background-color:#EEEDEB;
border:0 none #B2AF61;
color:#383838;
font-size:95%;

}
#content #contact .col1 {position:absolute; left:2px;}
#content #contact .col2 {position:absolute; left:85px;}
#content #contact .col3 {position:absolute; left:281px; }
#content #contact .col4 {position:absolute; left:365px; }
#content #contact .col5 {position:absolute; left:310px; }
#content #contact .col6 {position:absolute; left:330px; }
#content #contact .col7 {position:absolute; left:380px; }
#content #contact .col8 {position:absolute; left:400px; }
#content #contact .line1 {position:absolute; top:5px;}
#content #contact .line2 {position:absolute; top:30px;}
#content #contact .line3 {position:absolute; top:50px;}
#content #contact .line4 {position:absolute; top:90px;}
#content #contact .line5 {position:absolute; top:106px;}
#content #contact .line6 {position:absolute; top:345px;}

#content #contact textarea {width:500px;}

#content #contact .button {
border:1px solid #383838;
}
#content #contact #bas span.error-message { color:red; font-size:190%;}

/* ********** Affichage des Temoignages *************** */
#content #temoignageList  h2 {margin:0;margin-top:2px; font-weight:bold;text-align:center;font-size:29px;}
#content #temoignageList #haut {height:90px;}
#content #temoignageList #cmdHaut  , #content #temoignageList #cmdBas  {
position : relative;
width:100%;
height:17px;
border:1px solid pink;
}
#content #temoignageList #haut p a {text-align:center; font-size:12px; color:black; text-decoration:none; }

#content #temoignageList #haut img {text-align:center;}

#content #temoignageList #messageList {width:100%; }
#content  #temoignageList .pagePrec {float:left; margin-right:175px; }
#content  #temoignageList .pageSuiv {float:right; }
#content  #temoignageList .messTag {float:left; margin:0 5px;}
.inactive { color:grey; font-size:90%;}
#content #temoignageList .page {margin-left:260px;}

#content #temoignageList #headerMessageList, #content #temoignageList #footerMessageList {
background-color: #72751a;
width:100%;
height:17px;
color:white;
}
#content #temoignageList #bas {font-size:85%;min-height:420px;}
#content #temoignageList #messageList .message {padding:4px;margin-bottom:10px;border:1px solid #757575; background-color:#F3F3F3;} 
#content #temoignageList #messageList .messageEntete {margin:2px 0 10px 0;height:17px;}



/* ************* Ajout de Message ************* */
/* Contact */
#content #contactTemoignage h2 {margin:0;margin-top:40px; font-weight:bold;text-align:center;font-size:16px;}
#content #contactTemoignage h3 {margin:20px 0 0 0; font-size:18px;  font-weight:bold;text-align:center;}

#content #contactTemoignage #haut {height:90px;position:relative;}
#content #contactTemoignage #haut p a {text-align:center; font-size:12px; color:black; text-decoration:none; }

#content #contactTemoignage #haut img {text-align:center;}
#content #contactTemoignage #bas {border:1px dotted #383838;padding:2px;position:relative;height:420px;}
#content #contactTemoignage label {width:80px;font-size:12px;font-weight:bold;}

#content #contactTemoignage input, #content #contactTemoignage textarea {
background-color:#EEEDEB;
border:0 none #B2AF61;
color:#383838;
font-size:95%;

}

#content #contactTemoignage .col1 {position:absolute; left:2px;}
#content #contactTemoignage .col2 {position:absolute; left:85px;}
#content #contactTemoignage .col3 {position:absolute; left:281px; }
#content #contactTemoignage .col4 {position:absolute; left:365px; }
#content #contactTemoignage .col5 {position:absolute; left:310px; }
#content #contactTemoignage .col6 {position:absolute; left:330px; }
#content #contactTemoignage .col7 {position:absolute; left:380px; }
#content #contactTemoignage .col8 {position:absolute; left:400px; }
#content #contactTemoignage .line1 {position:absolute; top:5px;}
#content #contactTemoignage .line2 {position:absolute; top:30px;}
#content #contactTemoignage .line3 {position:absolute; top:50px;}
#content #contactTemoignage .line4 {position:absolute; top:90px;}
#content #contactTemoignage .line5 {position:absolute; top:106px;}
#content #contactTemoignage .line6 {position:absolute; top:353px;}
#content #contactTemoignage .line7 {position:absolute; top:400px;}
#content #contactTemoignage .line8 {position:absolute; top:400px;}

#content #contactTemoignage textarea {width:500px;}

#content #contactTemoignage .button {
border:1px solid #383838;
}
#content #contactTemoignage #bas span.error-message { color:red; font-size:190%;}
/* ************************************************************************************** */
#content #realisation {background-color:#191919; padding:15px 15px 5px 15px;} 
#content #realisation  #panel{background-color:#373737; min-height:200px;padding:10px;border:1px solid #505050;}
#content  #realisation #panel #haut {height:15px; padding:4px 0;color:orange;font-weight:bold;border-top:2px solid #505050;border-bottom:1px solid #505050;}
#content  #realisation #panel #haut p {line-height:100%;}
#content  #realisation #panel #haut a {color:orange; text-decoration:none;}
#content  #realisation #panel #haut a:hover {text-decoration:underline;}
#content  #realisation #panel #milieu {background-image:none; min-height:220px; color:white;border-bottom:1px solid #505050; margin-top:0;}
#content  #realisation #panel #milieu-theme {background-image:none; min-height:180px; color:white;border-bottom:1px solid #505050; margin-top:0;}


#content  #realisation #panel #bas {min-height:150px; color:white;border-bottom:2px solid #505050;}

#content #realisation #panel #milieu .thumbs,#content #realisation #panel #milieu-theme .thumbs{float:left;margin:5px 5px 0 5px;width:95px; height:90px;padding:2px;
border-width:0 4px 4px 0;
border-color:transparent #252525 #252525 transparent;
border-style:none solid solid none;}
#content #realisation #panel #milieu .thumbs:hover,#content #realisation #panel #milieu-theme  .thumbs:hover{color:orange; text-decoration:underline;background-color:#606060;}
#content #realisation #panel #milieu .thumbs a,#content #realisation #panel #milieu-theme .thumbs a  {text-align:center;display:block;border-bottom:1px solid #6A6A6A;padding:5px 5px 0;}

#content #realisation #panel #milieu .thumbs p,#milieu-theme .thumbs p{ width:100%;padding:5px 0; text-align:center;font-size:85%;}
#content #realisation #panel #bas .tags {text-decoration:none;color:white;display:block;padding:5px;float:left;}
#content #realisation #panel #bas .tags:hover {color:orange;text-decoration:underline;}

#content  #realisation #panel.imageViewer #milieu, #content  #realisation #panel.imageViewer #milieu-theme{min-height:500px;padding-left:20px;}
#content  #realisation #panel.imageViewer #milieu p,#content  #realisation #panel.imageViewer #milieu-theme p {margin:0; padding:0;font-size:11px;}
.ad-controls {display:none;}
#content #realisation #panel #milieu {margin:0;}
#content #realisation #panel #milieu-theme {padding:50px 0 0 150px;}