/** CREE POUR CMSIMPLE FLEX PAR nemOweb - www.nemoweb.fr - v.2.0 **/
/* GENERAL */
*{
margin: 0px;
padding: 0px;
}
body {
	background-color: #ddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
#container {
	width:1024px;
	height:768px;
	background:#fff;
   text-align: left;
	padding:0px;
	margin:10px auto 10px auto;
	border: 1px solid #ccc;
   -moz-box-shadow: 2px 3px 20px rgba(0,0,0,0.3); /* Firefox seulement CSS3 */
}
/* ENTETE */
#header {
   width: 1024px;
   height: 427px;
   margin: 0;
   padding: 0;
}
#header2 {
   width: 1024px;
   height: 118px;
   margin: 0;
   padding: 0;
}
	/* CONTENU CENTRAL */

/* Modif pour page en construction */
#comingsoon {
    position:absolute;
   width: 600px;
   margin-left: 500px;
   margin-top:10px;
}
#comingsoon H1 {
	color:#000;
	font-size:22px;
	font-weight:900;
    margin-bottom: 15px;
}
#comingsoon H2 {
    margin-bottom: 5px;
}

#comingsoon a {
    color: blue;
}
#comingsoon a:hover{
    text-decoration: underline;
}
#menu_bas{
    height: 124px;
    background-color: black;
}
/* FIN Modif pour page en construction */

#intro {
   position:absolute;
   width: 400px;
   margin-left: 570px;
   margin-top:10px;
}
#intro H1 {
	color:#000;
	font-size:18px;
	font-weight:300;
}
H1 {
	color:#000;
	font-size:24px;
}
#content {
	position:absolute;
    width: 700px;
	padding-left:200px;
	padding-right:150px;
	padding-top:50px;
}

H1 em {font-size:0.8em;}

td em {color:#f30;}

.vignette {
	float:left;
	margin: 0 0 5 0;
	height:100px;
	width:450px;
}
.vignette>img{
margin:5px;	
}

#contentscroll {
	position:absolute;
	background-color:#ddd;
	width: 470px;
	height:200px;
	overflow:auto;
	margin-left:200px;
	padding-left:10px;
	margin-top:120px;
}

#principal {
   width: 1024px;
   height: 206px;
}
	
#principal2 {
   width: 1024px;
   height: 520px;
   background: #fff url(images/fond.gif);
}

#particulier {
	position:relative;
	top:-70px;
	left:25px;
	width:110px;
	font-size:13px;
	font-weight:bold;
	line-height:15px;
}

#mairie {
	position:relative;
	top:-120px;
	left:260px;
	width:150px;
	font-size:13px;
	font-weight:bold;
	line-height:15px;
}


#liendispo>a {
	color:#F30;
	position:relative;
	top:-270px;
	left:300px;
	width:500px;
	font-size:13px;
	font-weight:bold;
	line-height:15px;
}

#liendispo>a:hover {
	color:#666;
	
}


#liendisporetour>a {
	color:#F30;
	position:relative;
	top:-270px;
	left:550px;
	width:500px;
	font-size:13px;
	font-weight:bold;
	line-height:15px;
}

#liendisporetour>a:hover {
	color:#666;
	
}

.vignette>a:hover {
	color:#666;
	
}

.vignette>a {
	color:#F30;
	
}

#menus_bas {
   width: 1024px;
   height: 120px;
   background-color: #000;
}

	
	

/* DIVERS */
p {
	margin-top: 10px;
}

a {
	color:#fff;
   text-decoration: none;
}
a:hover {
	color:#f30;
}

#contentscroll a {
	color:#000;
   text-decoration: none;
}
#contentscroll a:hover {
	color:#f30;
}