@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;	}

.break{ clear:both; overflow:hidden; height:0px; }

html, body {height: 100%;}

body{ background:#FFF; }

#header{ width:100%; height:560px; background:url(../images/header-home.jpg) center no-repeat; }

#header #menu{ width:676px; margin:0 auto; height:80px; }

#header #menu a{ width:85px; height:80px; display:block; float:left; }

#header #menu a.accueil{ background:url(../images/btn_accueil.png) top; margin-right:21px;}
#header #menu a.accueil:hover{ background:url(../images/btn_accueil.png) bottom;}

#header #menu a.apropos{ background:url(../images/btn_apropos.png) top; margin-right:21px;}
#header #menu a.apropos:hover{ background:url(../images/btn_apropos.png) bottom;}

#header #menu a.services{ background:url(../images/btn_services.png) top; margin-right:21px;}
#header #menu a.services:hover{ background:url(../images/btn_services.png) bottom;}

#header #menu a.contact{ background:url(../images/btn_contact.png) top;}
#header #menu a.contact:hover{ background:url(../images/btn_contact.png) bottom;}

#content{ width:960px; margin:0 auto; }

#content hr{ margin:15px 0px;}

#content #texte { width:960px;}
#content #texte #left {width:620px; float:left; font-family:Arial, Helvetica, sans-serif; color:#1d1d1b; font-size:13px; text-align:justify; line-height:20px; }
#content #texte #left #title { width:620px; font-size:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#1d1d1b; text-transform:uppercase; padding-bottom:10px;}
#content #texte #left #colonne{width:300px; float:left; font-family:Arial, Helvetica, sans-serif; color:#1d1d1b; font-size:13px; text-align:justify; line-height:20px; }

#content ul{ margin-bottom:10px; list-style-type:none;}
#content ul li{ background-image: url(../images/bullet.png); background-repeat: no-repeat; background-position: 0px 3px; padding-left:18px; margin-bottom:10px;}

#content #texte #right {width:300px; font-family:Arial, Helvetica, sans-serif; color:#1d1d1b; text-align:justify; font-size:13px; float:right; line-height:20px;}
#content #texte #right #title { width:300px; font-size:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#1d1d1b; text-transform:uppercase; padding-bottom:10px;}


#content form input[type="text"], #content form textarea{
	width:280px;
	padding:8px;
	border:2px solid #CCC;
	margin-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #a2a2a2;
}



#content form input[type="submit"]{
	color: #FFF;
	background-color: #e30613;
	padding: 3px 6px;
	text-decoration: none;
	font-family: 'Oswald',Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 18px;
	text-transform:uppercase;
	border:none;
	cursor:pointer;
	float:right;
}

#content form .message{
	float:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	line-height: 38px;
	margin-left:10px;
}


#content form .error{
	float:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	line-height: 38px;
	color: #F00;
	margin-left:10px;
}

#content #footer { width:960px;}
#content #footer #left {width:600px; float:left;}
#content #footer #left #menufooter {width:600px; padding-bottom:2px; }
#content #footer #left #menufooter a {font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-decoration:none;  color:#1d1d1b;  margin-right:10px; text-transform:uppercase;}
#content #footer #left #menufooter a:hover {color:#e30613;}
#content #footer #left #copyright {font-family:Arial, Helvetica, sans-serif;  font-weight:bold;  font-size:10px; color:#1d1d1b; text-transform:uppercase;}
#content #footer #left #copyright a {color:#e30613;  font-weight:bold;  text-decoration:none;}

#content #footer #right {width:300px; float: right; text-align:right;}