/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis styles.css.
 */

/***************** STRUCTURE *****************/
@import "../admin/fckeditor/css/fck.css";
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
h1{
display:block;
padding-bottom:0px;
font-size:28px;
font-weight:lighter;
letter-spacing:-1px;
color:#e64248;
}
h2{
font-size:16px;
font-weight:lighter;
letter-spacing:1px;
color:#e64248;
padding-top:4px;
}
.menu-festif a{
/*font-size:16px;
font-weight:lighter;
letter-spacing:1px;
padding-top:4px;*/
color:#e64248;
text-transform:capitalize!important;
text-decoration: underline;
}
.menu-festif a:hover{
/*font-size:16px;
font-weight:lighter;
letter-spacing:1px;
padding-top:4px;*/
color:#13b8e9;
text-transform:capitalize!important;
text-decoration: none;
}
h3{
font-size:20px;
font-weight:lighter;
letter-spacing:-1px;
color:#97bf0d;
}
h4{
font-size:16px;
font-weight:bold;
letter-spacing:-1px;
color:#97bf0d;
}

.petit{
font-size:9px;
letter-spacing:1px;
font-weight:bold;
color:#777;
}
.invisible
{
	display:none;

}

body,html{
	height:100%;/*---obligatoire pour le footer---*/
	scrollbar-base-color: #FFF;
	overflow:hidden;
}
body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	color:#000;
	background-color:#cccccc;
		}
#fond{
position:absolute;
width:980px;
left:50%;
margin-left:-500px;
height:100%;
background-image:url(../images/charte/bg-container.jpg);
background-repeat:repeat-y;
background-position:center bottom;
}

#menu{
position:absolute;
left:50%;
margin-left:-500px;
bottom:0;
width:980px;
height:105px;
z-index:100;
background-image:url(../images/charte/bg-footer.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}
#menuFlash{
position:absolute;
width:910px;
margin-left:35px;
height:80px;
text-align:center;
font-size:14px;
background-color:#FFFFFF;
}
#menuFlash a{
color:#333;
text-decoration:none;
}
#menuFlash a:hover{
color:#e64248;
text-decoration:none;
}
#footer{
position:relative;
left:50%;
width:900px;
margin-left:-450px;
bottom:0px;
height:20px;
line-height:20px;
z-index:200;
font-size:9px;
text-transform:uppercase;
font-weight:bold;
text-align:left;
color:#000;
}
#footer a{
color:#777;
text-decoration:none;
}
#footer a:hover{
color:#e64248;
text-decoration:none;
}
.couleur
{
  color: #97BF0D;
  font-weight: bold;
}
.couleur2
{
  color: #000000;
  font-weight: bold;
}
 .couleur1
{
  color: #ffffff;
  font-weight:bold;
  font-size: 13px;
}
#contenu{
position:absolute;
left:0;top:0;
width:100%;
height:100%;
overflow-y:scroll;
display:block;
z-index:1;
background-image:url(../images/charte/_blank.gif);
}
#content{
margin:0 auto;
width:900px;
padding-bottom:105px;
text-align:justify;
}
#content p{
  color: #12B8EA;
}

#flashHaut{
width:980px;
display:block;
margin:0 auto;
height:325px;
font-size:14px;
}
#flashHaut a{
color:#333;
text-decoration:none;
}
#flashHaut a:hover{
color:#e64248;
text-decoration:none;
}
#flashHaut2{
width:900px;
height: 305px;
display:block;
}

#colonne{
width:450px;
float:left;
height:100%;
display:block;
line-height:19px;
}
.ouvert
{
  width:200px;
  height:130px;
  text-align:center;
  margin: 10px 10px;
  background-color: #97BF0D;
  float: left;
}
.ouvert p
{
  padding: 5px;
  line-height: 20px;
  font-size: 15px;
   letter-spacing: 1.5px;
}
.plan-button1
{
  width: 180px;
  float: left;
  height: 40px;
  text-align: left;
  font-size:18px;
  font-weight: bold;
}
.plan-button1 a
{
  color: #000000;
  text-decoration: none;
}
.plan-button a:hover
{
  color: #959595;
  text-decoration: underline;
}
#colonnedroit{
background-color: #F7F7F7;
width:435px;
float:right;
height:350px;
margin-left: 5px;
display:block;
line-height:19px;
}

a{
color:#e64248;
text-decoration:underline;
}

a:hover{
color:#13b8e9;
text-decoration:underline;
}
a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.00;

}
a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.70;
}

.push {height: 20px;clear: both; /* .push must be the same height as .footer */}
.pop
{
  text-align: center;
  font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
  color: #13B8E9;
  font-weight: bold;
}
.pop a:link, .pop a:visited{
color:#e64248;
text-decoration:none;
}

.pop a:hover, .pop a:active{
color:#13b8e9;
text-decoration:none;
}
/******************************************************/
/*																		*/
/* 				Contact										*/
/*																		*/
/******************************************************/
#frmContact1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-top:2px;
	width:780px;
  height: 300px;
  float:left;
  margin: auto;
  padding-top:10px;
  background-color:#97BF0D;
}
#frmContact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	width:675px;
  background-color:#FFEC00 ;
  height:330px;
  float: left;
  text-align: left;
  margin-left: 10px;
  padding-top:10px;
  }
.image_contact{
	width:200px;
  background-color:#97BF0D;
  height: 120px;
  margin: 0 10px 10px 10px;
  padding:0px 10px 0px 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	letter-spacing:0.04em;
  line-height: 18px;
	float:left;
}
.plan-image
{
	width:300px;
	height:160px;
  margin-top:30px;
	float:left;
  text-align:center;
}
 #contact{
	width:100%;
  float:left;
}
.inputForm{
	border:1px solid #000000;
	background-color:transparent;
	width:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
  margin-top:3px;
  margin-bottom:3px;
}
.inputFormOver{
	border:1px solid #ffffff;
	background-color:#97BF0D;
	width:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	margin-top:3px;
  margin-bottom:3px;
}
select{
  font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
  border:1px solid #000000;
	background-color:#F4F9E2 !important;
  width:180px;
  height: 20px;
  margin-top:3px;
  margin-bottom:3px;
}
.button{
  border:1px solid #000000;
	background-color:transparent;
	width:65px;
  color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
  font-weight: bold;
	cursor:pointer;
}
.buttonOver{
	border:1px solid #ffffff;
	background-color: #97BF0D;
	width:65px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
  font-weight: bold;
	cursor:pointer;
}

.petit{
  font-size:10px;
  text-align:left;
}
/*merci.php*/
#contact-title{
	margin:10px 0 0px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:20px!important;
	font-weight:bold;
	color:#4B060D;
	}

#merci{
width:600px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}