* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}
html, body {
	margin:0;
	padding:0;
	height:100%;
}
body {
	background: url(img/fd.gif) 50% 0% #ffffff;
	text-align: center;
}
img {
	border:0;
}
br.clear {
	clear:both;
}
#top {
	height: 265px;
	background: url(img/top.png) no-repeat 50% 0%;
	position: absolute;
	z-index: 10;
	width: 100%;
	left:0;
	text-align:left;
}

#top_5 {
	height: 265px;
	background: url(img/top_5.png) no-repeat 50% 0%;
	position: absolute;
	z-index: 10;
	width: 100%;
	left:0;
	text-align:left;
}


#top2 {
	height: 1154px;
	background: url(img/top2.png) no-repeat 50% 0%;
	position: absolute;
	width: 100%;
	left:0;
	text-align:left;}
#entete {
	width: 50%;
	overflow: hidden;
	height:265px;
	left: 50%;
	top:0;
	margin-left:-30px;
	padding-right: 30px;
	background-repeat: no-repeat;
	background-position: 188px 10px;
	position:absolute;
}
#top.perso01 #entete {
	background-image: url(img/perso01.gif);
}
#top.perso02 #entete {
	background-image: url(img/perso02.gif);
}
#top.perso03 #entete {
	background-image: url(img/perso03.gif);
}
#top.perso04 #entete {
	background-image: url(img/perso04.gif);
}
#top.perso05 #entete {
	background-image: url(img/perso05.gif);
}
#top.perso06 #entete {
	background-image: url(img/perso06.gif);
}
#top.perso07 #entete {
	background-image: url(img/perso07.gif);
}
#top.perso08 #entete {
	background-image: url(img/perso08.gif);
}
#top.perso09 #entete {
	background-image: url(img/perso09.gif);
}

#entete a:link, #entete a:visited, #entete a:hover, #entete a:active {
	text-decoration: none;
	color: #FFFFFF;
}
html>body #page {
	min-height: 100%;
	height: auto;
}
#page {
	position: absolute;
	left:50%;
	margin-left: -385px;
	background: url(img/fd_page.gif);
	height: 100%;
	width: 769px;
	padding:0 5px;
	text-align: left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 759px;
}

}
#entete li {
	margin:0;
	padding: 0;
	list-style-type: none;
}
#entete ul {
	margin:100px 0 0 -15px;
	padding:0 20px 0 0;
	width: 183px;
	text-align: right;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 163px;
	margin:100px 0 0 0;
}
html>body #entete ul {
	width: 163px;
	margin:100px 0 0 0;
}
#entete ul ul {
	visibility: hidden;
	position: absolute;
	left: 163px;
	width: 2000px;
	background:transparent;
	margin:0;
	text-align: left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 2000px;
	margin:0;
}
html>body #entete ul ul {
	width: 2000px;
	margin:0;
}

#entete ul ul.site {
	top: 98px;
}


#entete ul ul.siteproj {
top: 170px;
}

#entete ul ul li {
	margin:0 0 0 5px;
}
#entete ul a:link, #entete ul a:visited {
	padding: 0 10px 1px 5px;
	line-height: 22px;
	display: block;
	width: 162px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 147px;
}
html>body #entete ul a:link, html>body #entete ul a:visited {
	width: 147px;
}

#entete ul a:hover, #entete ul a:active {
	background: #FE9F34;
	padding: 0 10px 1px 5px;
	line-height: 22px;
	display: block;
	width: 162px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 147px;
}
html>body #entete ul a:hover, html>body #entete ul a:active {
	width: 147px;
}
#entete ul a.over:link, #entete ul a.over:visited, #entete ul a.over:hover, #entete ul a.over:active {
	background: #FE9F34;
	padding: 0 10px 1px 5px;
	line-height: 22px;
	display: block;
	width: 162px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 147px;
}
html>body #entete ul a.over:link, html>body #entete ul a.over:visited, html>body #entete ul a.over:hover, html>body #entete ul a.over:active {
	width: 147px;
}
#entete ul ul a:link, #entete ul ul a:visited {
	padding: 0 0 1px 5px;
	margin: 0 0 0 0;
	height: 22px;
	display: block;
	min-width: 230px;
	width: 205px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 200px;
	min-width: 230px;
}
html>body #entete ul ul a:link, html>body #entete ul ul a:visited {
	width: 200px;
	min-width: 230px;
}
#entete ul ul a:hover, #entete ul ul a:active {
	background: #3367AE;
	padding: 0 0 1px 5px;
	margin: 0 0 0 0;
	height: 22px;
	display: block;
	width: 205px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 200px;
	min-width: 230px;
}
html>body #entete ul ul a:hover, html>body #entete ul ul a:active {
	width: 200px;
	min-width: 230px;
}


#contenu {
	float: left;
	width: 512px;
	padding: 8px 20px 215px 15px;
	background: url(img/top_bis.gif) no-repeat;
	margin: 265px 0 0 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 477px;
}

#contenu_5 {
	float: left;
	width: 512px;
	
	padding: 0;
	background: url(img/top_bis.gif) no-repeat;
	margin: 265px 0 0 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 477px;

}


html>body #contenu {
	width: 477px;
}

html>body #contenu_5 {
	width: 512px;
}


body.contact #contenu {
	padding: 8px 20px 15px 15px;
}

body.contact #contenu_5 {
	padding: 0px 0px 15px 10px;
}



#contenu ul {
	margin:0;
	padding:10px 0 20px 0;
}
#contenu div ul {
	margin:0;
	padding:10px 0 0 0;
}

#contenu a.interne:link, #contenu a.interne:visited, #contenu a.interne:hover, #contenu a.interne:active {
	font-weight:bold;
	text-decoration:none;
	color: #ff9933;
}
#contenu li {
	margin: 0;
	padding: 0 0 0 8px;
	list-style-type:none;
	background: url(img/tiret.gif) no-repeat 0px 8px;
	text-align:justify;
}
p {
	text-align: justify;
	margin:0;
	padding:0 0 20px 0;
}
h1 {
	margin:0;
	padding:0;
	color: #3367A8;
	font-size: 19px;
	font-weight: normal;
	height: 65px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
#contenu h2 {
	color: #3367A8;
	margin:0;
	padding:0 0 20px 0;
	font-size:15px;
}


#contenu h2 span {
	color: #3367A8;
	font-size:15px;
	font-weight:normal;
}

#contenu h2.nomarge, #contenu p.nomarge {
	padding: 0;
}
#contenu h3 {
	margin:0;
	padding:0 0 10px 0;
}
#contenu div p {
	padding:10px 0 0 0;
}
#contenu.projets h3 {
	clear:both
}
#contenu.projets p img {
	vertical-align:middle;
	display:block;
	float:left;
	margin-right:10px;
	border:1px #cccccc solid;
}
#contenu.projets p {
	clear:both;
	/*height:105px;*/
}
#contenu.projets div {
	margin-bottom: 30px;
}
#contenu.mailing div.bleu {
	height:520px;
}
#contenu.mailing {
	min-height:530px;	
}
html>body #contenu.mailing div.bleu {
	min-height:520px;	
	height:auto !important;
}
#contenu.mailing p {
	float:left;
	height:250px;
	width:150px;
	padding-right:35px;
	clear:none;
}
#contenu div {
	margin:0 0 20px 0;
}
#contenu div.orange {
	border-left: 5px #FE9F34 solid;
	padding-left: 10px;
}
#contenu div.bleu {
	border-left: 5px #3264C8 solid;
	padding-left: 10px;
}
/* formulaire contact */
form#renseigne {
	margin:0;
	padding:0;
	width: 400px;
}
form#renseigne input, form#renseigne label {
	padding:0;
	margin:1px 0;
	float:left;
	display:block;
}
form#renseigne label {
	width:130px;
	padding-right:5px;
	height:20px;
	line-height:20px;
}
form#renseigne input {
	height:18px;
	width:150px;
	margin-right: 50px;
}
form#renseigne label.demande {
	padding-right:0;
	width:420px;
	padding-top:20px;
	float: none;
	height: auto;
	clear:both;
}
form#renseigne p {
	font-style: italic;
	padding: 10px 0;
}
form#renseigne textarea {
	width: 285px;
	height:125px;
	margin-top:10px;
	display: block;
	margin:0;
}
form#renseigne .oblig {
	color: #3367A8;	
}
form#renseigne p.submit {
	font-style: normal;
	height:25px;
}
form#renseigne p.submit input {
	width: 75px;
	height: auto;
}
#col {
	float: left;
	width: 247px;
	padding: 11px 0 0 0;
	margin-top: 265px;
	background:url(img/fd_col.gif) no-repeat;
}
#col * {
	color: #FFFFFF;
	text-align:left;
}
#col a:link, #col a:visited, #col a:hover, #col a:active {
	text-decoration: none;
}
#col h2 {
	background: url(img/titre_col.gif) no-repeat;
	height: 27px;
	line-height: 27px;
	font-size: 15px;
	font-weight: normal;
	margin: 0 9px 0 10px;
	padding: 0 0 0 7px;
}

#col h2.orange {
	background: url(img/titre_col_orange.gif) no-repeat;
	height: 27px;
	line-height: 27px;
	font-size: 15px;
	font-weight: normal;
	margin: 0 9px 0 10px;
	padding: 0 0 0 7px;
}

#col p {
	padding: 10px 0;
	margin: 0 9px 0 10px;
}

#col.ref ul {
	background:url(img/fd_ssmenu_ligne.gif) no-repeat 50% 100%;
	padding: 0 0 15px 0;
	margin: 0 9px 0 10px;
}
#col.projets ul {
	margin-top: 0;
	margin-right: 9px;
	margin-bottom: 0;
	margin-left: 30px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	background-image: url(img/fd_ssmenu_ligne.gif);
	background-repeat: no-repeat;
	background-position: 50% 100%;
}

#col.ref li, #col.projets li {
	margin:0;
	padding: 3px 0 3px 8px;
	list-style-type:none;
}
#col.reals p {
	background:url(img/fd_ssmenu_ligne2.gif) no-repeat 50% 100%;
	padding: 10px 0 29px 0;
	margin: 0 9px 5px 9px;
}

/*________________________________RAJOUT MENU RAPPEL COL DE DROITE ________________________________ */


#RappelMenu li strong{
	color: #3264C8;
	font-weight: bold;
}

#RappelMenu h2{
	font-weight: bold;
	color: #FF9933;
}

#RappelMenu ul li{
	list-style-image: url(puce_menu_4.gif);
	cursor: pointer;
	
}

#RappelMenu ul li a:hover{
	color: #3264C8;
	font-weight: bolder;
}


#reals2 ul li{
	list-style-type: none;
	list-style-image: none;
}

#reals2 ul{
	margin-left: 20px;
	
}





/*__________________ offre du mois */

#coloffre  {
margin-top: 00px;
}

#coloffre p {
	background:url(img/fd_ssmenu_ligne3.gif) no-repeat 50% 100%;
	padding: 10px 0 26px 0;
	margin: 0 9px 0px 9px;
	
	/*border:1px solid red;*/
}

#col p img {
	margin: 5px 0 0 0;
	padding: 6px 5px 0 4px;
	display:block;
	width:218px;
	background: url(img/fd_ssmenu_img.gif) no-repeat #ffffff;
}
#col #ssmenu_col {
	margin:10px 0;
	padding:20px 0;
	background:url(img/fd_ssmenu_ligne.gif) no-repeat 50% 0%;
}
#col.actus #ssmenu_col {
	background:none;
}
#col.actus div {
	background:url(img/fd_ssmenu_ligne.gif) no-repeat 50% 100%;
	padding-bottom:6px;
}

#col #ssmenu_col li {
	margin:0;
	padding:5px 17px;
	list-style-type: none;
	background:url(img/fd_ssmenu.gif) no-repeat;
	height:30px;
}
#contenu div#market {
	height: 195px;
	background: url(img/market_fd.gif) no-repeat;
	position:absolute;
	bottom:10px;
	padding:5px 0 0 0;
	width: 482px;
}
#market img.logo {
	margin: 0 0 10px 122px;
}
#market table {
	margin: 0 0 0 123px;
}
#contenu div#market td {
	font-size:12px;
}

div#market a:link, div#market a:visited {
	color: #3264C8;
	text-decoration: underline;
	font-weight: bold;
	font-size:12px;
}
div#market a:hover, div#market a:active {
	color: #3264C8;
	text-decoration: underline;
	font-weight: bold;
	font-size:12px;
}
#contenu #market ul {
	margin:0;
	padding:26px 0 0 0;
	text-align: right;
}
#contenu #market li {
	margin:0;
	padding:0 0 0 9px;
	display: inline;
	list-style-type:none;
	background:none;
}

#contenu div#market .droite {
	text-align:right;
	padding-right:5px;
}


#pied {
	clear: both;
	background: #3367A8;
	height: 30px;
	text-align: center;
	width: 759px;
}

#pied a.alb:link, #pied a.alb:visited {
	color: #FE9F34;
	text-decoration: underline;
	font-size: 13px;
}
#pied a.alb:hover, #pied a.alb:active {
	color: #FE9F34;
	text-decoration: none;
	font-size: 13px;
}
#pied a:link, #pied a:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
}
#pied a:hover, #pied a:active {
	color: #ffffff;
	text-decoration: underline;
	font-size: 13px;
}


#pied ul {
	margin:0;
	padding:0;
}
#pied li {
	margin:0;
	padding: 0 3px;
	display: inline;
	list-style-type: none;
	font-size: 13px;
	line-height:30px;
	color: #FFFFFF;
}