/* CSS Document */
html,body {
	margin: 0;
	padding: 0;
	padding-top:3px;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color:#D7E6A3;

}

p{
	margin:0;
	padding-left:5px;
	padding-right:4px;
}

img{
	border:none;
}

form{
	padding:0;
	margin:0;
}

#global{
	margin-left: auto;
	margin-right: auto;
	width:800px;
	text-align:left;
	background-color:#FFFFFF;
	border:2px solid #82ABA2;
}

#sous_global{
	height:578px;
	width:778px;
	border:1px solid #82ABA2;
	border-top:none;
	float:left;
}


/* habillage template */
#c_gauche{
	height:10px;
	width:10px;
	float:left;
	border-bottom:1px solid #82ABA2;
	border-right:1px solid #82ABA2;
}

.r_gauche{
	height:10px;
	width:90px;
	float:left;
	border-right:1px solid #82ABA2;
	border-bottom:1px solid #82ABA2;
}

#h_centre{
	height:10px;
	width:353px;
	border-right:1px solid #82ABA2;
	border-bottom:1px solid #82ABA2;
	float:left;
}

#r_droite{
	height:10px;
	width:242px;
	border-right:1px solid #82ABA2;
	border-bottom:1px solid #82ABA2;
	float:left;
}

#c_droite{
	height:10px;
	width:10px;	
	float:left;
	border-bottom:1px solid #82ABA2;

}

#col_gauche{
	float:left;
	width:10px;
	height:566px;

}

#col_haut{
	height:90px;
	border-bottom:1px solid #82ABA2;
}

#col_g_centre{
	height:355px;
	border-bottom:1px solid #82ABA2;
}

#col_g_centre_bas{
	height:110px;
	border-bottom:1px solid #82ABA2;
}

#col_g_bas{
	height:20px;
	border-bottom:1px solid #82ABA2;
}

#col_droite{
	float:left;
	width:10px;
	height:566px;

}

#col_d_haut{
	height:268px;
	border-bottom:1px solid #82ABA2;
}

#col_d_centre_haut{
	height:24px;
	border-bottom:1px solid #82ABA2;
}

#col_d_centre{
	height:152px;
	border-bottom:1px solid #82ABA2;
}

#col_d_centre_bas{
	height:110px;
	border-bottom:1px solid #82ABA2;
}

#col_d_bas{
	height:20px;
	border-bottom:1px solid #82ABA2;
}


#c_bas_gauche{
	height:10px;
	width:10px;
	float:left;
	border-right:1px solid #82ABA2;
}

#b_gauche{
	height:10px;
	width:535px;
	border-right:1px solid #82ABA2;
	float:left;
}

#b_centre{
	height:10px;
	width:220px;
	border-right:1px solid #82ABA2;
	float:left;
}

#b_droite{
	height:10px;
	width:21px;
	border-right:1px solid #82ABA2;
	float:left;
}

#sepimo{
	float:left;
	border-right:1px solid #82ABA2;
	border-bottom:1px solid #82ABA2;
	background-image:url(../media/sepimo_logo.jpg);
	width:90px;
	height:90px;
	background-repeat:no-repeat;
}

#sepimo h1{
	display:none;
}

#sepimo_jardin{
	float:left;
	border-right:1px solid #82ABA2;
	border-bottom:1px solid #82ABA2;
	background-image:url(../media/sepimo_herbe.jpg);
	width:90px;
	height:90px;
	background-repeat:no-repeat;
}

#construire{
	width:353px;
	border-bottom:1px solid #82ABA2;
	float:left;	
	padding-top:13px;
	padding-bottom:6px;
}

#gauche{
	height:578px;
	width:535px;
	float:left;
}

#droite{
	height:578px;
	width:241px;
	float:left;
	border-left:1px solid #82ABA2;
}


#jardin_droit{
	position:absolute;
	border-left:1px solid #82ABA2;
	background-image:url(../media/bande.jpg);
	background-repeat:no-repeat;
	height:131px;
	width:21px;
	margin-left:220px;
	
}

#construire_petit{	
	background-color:#DCDBC6;
	height:20px;
	border-top:1px solid #82ABA2;
	width:222px;
	position:absolute;
	margin-top:110px;
	
}

#carre{
	border-bottom:1px solid #82ABA2;
	padding-top:110px;
}

#menu{
	clear:left;
	border-right:1px solid #82ABA2;
	border-bottom:1px solid #82ABA2;
	height:355px;
	width:181px;
	float:left;
}

#centre{
	height:355px;
	width:353px;
	border-bottom:1px solid #82ABA2;
	float:left;	
}


#valoriser{
	float:left;
	border-right:1px solid #82ABA2;
	height:79px;
	width:181px;
	color:#002B8E;
	font-size:1.1em;
	margin-top:17px;
	padding-top:5px;
	
}

#valoriser span{
	background-color:#D4D4F0;
	padding:2px;
	padding-left:0px;
	margin-left:16px;
}

#valoriser a{
	color:#C9004D;
	text-decoration:none;
	float:right;
	font-weight:bold;
	margin-right:16px;
	margin-top:9px;
}

#valoriser a:hover{
	text-decoration:underline;
}

#logement{
	float:left;
	color:#002B8E;
	padding-left:29px;
	font-size:1.1em;
	background-image:url(../media/meudon.jpg);
	background-repeat:no-repeat;
	width:324px;
	height:110px;
}
#logement form,#logement span  {
visibility:hidden;
display:none;
}

#logement span{
	background-color:#D4D4F0;
	padding:2px;
	padding-left:4px;
	padding-right:4px;
}

#logement input, select{
	padding:0;
	margin:0;
	font-size:1.0em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#002B8E;
	border:1px solid #82ABA2;
	width:185px;
}

#logement input{
	border:none;
	background-color:#FFFFFF;
	font-weight:bold;
	color:#C9004D;
	cursor:pointer;
	width:auto !important;
	margin-left:0px;
	
}

#logement input:hover{
	text-decoration:underline;
}
#logement a {
display:block;
width:100%;
height:100%;
}

#logement2{
	float:left;
	color:#002B8E;
	padding-left:29px;
	font-size:1.1em;
	background-image:url(../media/rivoly.jpg);
	background-repeat:no-repeat;
	width:324px;
	height:110px;
}
#logement2 form,#logement2 span  {
visibility:hidden;
display:none;
}
#logement2 span{
	background-color:#D4D4F0;
	padding:2px;
	padding-left:4px;
	padding-right:4px;
}
#logement2 input, select{
	padding:0;
	margin:0;
	font-size:1.0em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#002B8E;
	border:1px solid #82ABA2;
	width:185px;
}
#logement2 input{
	border:none;
	background-color:#FFFFFF;
	font-weight:bold;
	color:#C9004D;
	cursor:pointer;
	width:auto !important;
	margin-left:0px;
	
}
#logement2 input:hover{
	text-decoration:underline;
}
#logement2 a {
display:block;
width:100%;
height:100%;
}

#menu ul{
	margin:0;
	font-size:1.1em;
	list-style:square;
	padding:0;
	margin-top:18px;color:#002B8E;
}

#menu li{
	margin:0;
	padding:0;
	margin-left:27px;
	list-style-position:outside;
	margin-bottom:13px;
	
}


#menu ul li ul{
	margin:0;
	font-size:0.9em;
	list-style:none;
	padding:0;
	margin-top:5px;
	color:#002B8E;
}

#menu ul li ul li{
	margin:0;
	padding:0;
	margin-bottom:5px;
}

#menu a{
	text-decoration:none;
	color:#002B8E;
}


#menu a:hover{
	text-decoration:underline !important;
}

.selec, .selec a{
	font-weight:bold;
	text-decoration:none;
	color:#CD1159 !important;
}

ul li ul .selec2 a{
	font-weight:bold !important;
	text-decoration:none !important;
	color:#CD1159 !important;
}

ul .selec ul a{
text-decoration:none !important;
color:#002B8E !important;
font-weight:normal !important;
}

#bande_bas{
	border-bottom:1px solid #82ABA2;
	width:535px;
	height:0px;
	clear:both;
	font-size:1px;
}

/* fin habillage template */
#actu_seule{
	height:268px;
	background-color:#002B8E;
	color:#FFFFFF;
	font-size:1.1em;
	padding-left:1px;
	width:100%;	
	overflow:auto;
	
	/* design scroll bar pour ie */
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-Track-Color:#002B8E;
	scrollbar-Highlight-Color:#ffffff;
	scrollbar-base-color:#000000;
	scrollbar-Face-Color:#002B8E;
	scrollbar-Shadow-Color:#ffffff;
	scrollbar-DarkShadow-Color:#000000;
}

#actu_seule p{
	margin:0;
	padding:10px;
}

#actu_seule h2{
	margin:0;
	padding-top:10px;
	padding-left:10px;
	font-size:1.2em;
	font-weight:bold;
}

#embellir{
	width:234px;
}
#embellir img {
margin:0px !important; 
}

#actu_titre{
	background-color:#D9E6A3;
	border-bottom:1px solid #82ABA2;
	border-top:1px solid #82ABA2;
	height:24px;
	padding-left:2px;
	width:240px;
}

#actu{
	height:151px;
	border-bottom:1px solid #82ABA2;
	width:240px;	
	color:#002B8E;
	overflow:auto;
	padding-left:2px;
	padding-top:1px;
}

#actu marquee{
	height:100%;
	width:92%;
	text-align:left;
	margin-left:6px;
}

#actu a{
	color:#002B8E;
	text-decoration:none;
}

#actu .red a{
	text-decoration:none;
	color:#C9004D;
}

#actu a:hover{
	text-decoration:underline;
}

#sous_droite{
	width:219px;
	height:517px;
	border-right:1px solid #82ABA2;
	position:absolute;
	overflow:auto;
	
	/* design scroll bar pour ie */
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-Track-Color:#002B8E;
	scrollbar-Highlight-Color:#ffffff;
	scrollbar-base-color:#000000;
	scrollbar-Face-Color:#002B8E;
	scrollbar-Shadow-Color:#ffffff;
	scrollbar-DarkShadow-Color:#000000;
	color:#FFFFFF;
}

#sous_droite p{
font-size:1.1em;
}

.lign_actu{
	padding-left:11px;
}

.lign_actu a{
	color:#FFFFFF;
	text-decoration:none;
}

.lign_actu a:hover{
	color:#CCCCCC;
}

.img_actu{
	border:3px solid #FFFFFF;
	width:113px;
	height:113px;
	float:left;
	margin-right:3px;
}

.txt_actu{
	font-size:0.9em;
	color:#FFFFFF;
}

.fleche{
	border:1px solid #82ABA2;
	height:13px;
	width:14px;
	background-color:#FFFFFF;
	text-align:center;
	margin-left:62px;
	font-size:1px;
}

#lign_haut{
	height:20px; 
	width:219px;
	border-right:1px solid #82ABA2;
}

#lign_bas{
	height:20px; 
	width:219px;
	border-right:1px solid #82ABA2;
	position:absolute;
	margin-top:517px;
}

#carre_sepimo{
	width:90px;
	height:90px;
	border-right:1px solid #82ABA2;
	border-bottom:1px solid #82ABA2;
	background-color:#002C8E;
	float:left;
}

.titre{
	margin-left:10px;
	margin-top:70px;
}

#carte{
	position:absolute;
	margin-left:91px;

}

.c77{
	position:absolute;
	margin-top:117px; 
	margin-left:390px; 
	height:13px; 
	width:22px;
	z-index:2;
}

.menu{
	position:absolute;
	background-color:#FFFFFF;
	color:#D7447C;	
	width:170px;
	/*visibility:visible;
	overflow:hidden;*/
	display:none;
	background-image:url(../media/fleche_bas.gif);
	background-repeat:no-repeat;
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	z-index:10;
}

.menu p{
	padding:0;
	width:90%;
	margin-left:7px;
	margin-top:5px;
}


#menu78{
	margin-left:174px;
	margin-top:121px;
}

#menu77{
	margin-left:412px;
	margin-top:122px;
	z-index:2;
}

#menu75{
	margin-left:285px;
	margin-top:120px;
}

#menu91{
	margin-left:263px;
	margin-top:205px;
}

#menu92{
	margin-left:267px;
	margin-top:133px;
}

#menu93{
	margin-left:322px;
	margin-top:92px;
}

#menu94{
	margin-left:323px;
	margin-top:139px;
}

#menu95{
	margin-left:280px;
	margin-top:46px;
}


#cliquer{
	color:#D12768;
	/*border:1px solid #D12768;*/
	width:183px;
	height:60px;
	position:absolute;
	margin-top:248px;
	margin-left:7px;
	background-color:#FFFFFF;
	font-size:1.1em;

}


.carre_gauche{
	width:50%;
	height:50%;
	float:left;
	color:#002B8E;
	background-position:top right;
	
}

.carre_droit{
	width:49.9%;
	height:50%;
	float:left;
	color:#002B8E;
	background-position:bottom;
	
	
}

#selection{
	margin-top:37px;
	font-size:1.7em;
	font-weight:normal;
	padding-left:5px;
}

.carre_gauche p{
	font-size:1.1em;
}

.rouge {
	font-weight:bold;
	color:#C9004D;
}

#ecole{
	font-size:1.1em;
	margin-top:10px;
	padding:10px;

}

#sous_menu ul,#sous_menu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
}

#sous_menu li{
	padding-left:12px;
	color:#002B8E;
}

#sous_menu li a{
	color:#002B8E;
	text-decoration:none;
}

#sous_menu li a:hover{
	text-decoration:underline;
}

.selec3{
	color:#C9004D !important;
}

#cote_j{
	margin-top:20px;
	float:left;
	width:134px;
	text-align:center;
	color:#002B8E;
	font-size:1.2em;
}

#adresse{
	text-align:left;
	height:24px;
	margin-top:17px;
	margin-left:20px;
	float:left;
	width:195px;
	font-size:1.1em;
	color:#002B8E;
}

#adresse span{
	margin-left:27px;
}

#immeuble1{
	height:177px;
	width:220px;
	border-top:1px solid #82ABA2;
	border-bottom:1px solid #82ABA2;
	margin-top:90px;
}

#immeuble2{
	height:151px;
	width:220px;
	border-top:1px solid #82ABA2;
	border-bottom:1px solid #82ABA2;
	margin-top:25px;
}

#immeuble1 img, #immeuble2 img,{
	position:absolute;
}

#texte{
	padding-left:10px;
	padding-right:10px;
	font-size:1em;
	overflow:auto;
	height:247px;
	
	/* design scroll bar pour ie */
	scrollbar-arrow-color:#002B8E;
	scrollbar-Track-Color:#FFFFFF;
	scrollbar-Highlight-Color:#82ABA2;
	scrollbar-3Dlight-Color:#FFFFFF;
	scrollbar-base-color:#000000;
	scrollbar-Face-Color:#FFFFFF;
	scrollbar-Shadow-Color:#82ABA2;
	scrollbar-DarkShadow-Color:#FFFFFF;
}

#texte #p_gauche{
	float:left;
	width:155px;
	height:265px;
	padding:0px;
	margin-left:10px;
	margin-right:18px;

}

#texte #p_droite{
	float:left;
	width:160px;
	height:265px;
	padding:0px;
}

#texte a{
	color:#0066CC;
}

#texte a:hover{
	color:#0000CC;
}

#pdf{
	float:left;
	margin-right:10px;
}

#lien a{
	color:#D12768;
	text-decoration:underline;
	padding-top:2px;
}

#lien a:hover{
	color:#FF0000;
}

#plan{
	height:355px;
	width:220px;
	border-top:1px solid #82ABA2;
	border-bottom:1px solid #82ABA2;
	margin-top:90px;
}

#consultez{
	color:#D12768;
	/*border:1px solid #D12768;
	width:193px;
	height:50px;*/
	margin-left:7px;
	background-color:#FFFFFF;
	font-size:1.1em;
}

#consultez a{
	color:#D12768;
}

#consultez a:hover{
	font-weight:bold;
}

#nom_p{
	margin-top:20px;
	float:left;
	width:134px;
	text-align:left;
	color:#002B8E;
	font-size:1.75em;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:5px;
	margin-right:5px;
}

#carre_bleu{
	background-color:#004794;
	width:176px;
	height:176px;
	float:left;
	margin-top:21px;
	margin-right:7px;
}

#form{
	padding-left:15px;
	color:#FFFFFF;
	font-size:1.1em;
	margin-top:20px;
	height:426px;
	border-bottom:1px solid #82ABA2;
}

#form input, #form textarea{
	border:1px solid #82ABA2;
	width:200px;
	padding:0;
	margin:0;
	margin-top:2px;
	background-color:#FFFFFF;
}

#laissez{
	color:#D12768;
	border:1px solid #D12768;
	width:169px;
	height:50px;
	margin-left:3px;
	background-color:#FFFFFF;
	font-size:1.1em;
	margin-top:60px;
}

#click_dep{
	color:#D12768;
	font-size:1.1em;
	margin-left:3px;
	margin-top:10px;
}

#liste_dep{
	margin:0;
	padding:0;
	font-size:1.1em;
	list-style:none;
	margin-top:7px;
}

#liste_dep li{
	padding:0;
	margin-top:3px;
	margin-left:8px;
}

#liste_dep a{
	text-decoration:none;
	color:#004794;
}

#liste_dep a:hover{
	text-decoration:underline;
}

.points{
	border-bottom:1px dashed white;
	margin:0px 5px 7px 123px;
	padding-bottom:5px;
}

#fleche_bas, #fleche_haut{
	visibility:hidden;
}

#telecharger{
	position:absolute;
	margin-left:12px;
	margin-top:15px;
}

#telecharger a{
	color:#C9004D;
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
}

#telecharger a:hover{
	text-decoration:underline;
}
