.clearfix:after {clear: both;content: ".";display: block;line-height:0;height: 0;visibility: hidden;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

body{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background: url(img/home.gif) 50% 0 no-repeat #8d0e14;
}

body.activites{
	background: url(img/activites.gif) 50% 0 no-repeat #cfcfcf;
}

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


/**** logo *****/
h1 {
margin:25px 0 0 26px;
padding:0;
width:213px;
height:100px;
background:url(img/logo.gif) 0 0 no-repeat;
text-indent:-9999px;
}
h1 a {
display:block;
width:213px;
height:100px;
outline:none;
}
a img {border:0;}


/**** Menu V.2 *****/
#head ul {
margin:0;
padding:0 0 0 106px;
list-style:none;
}
#head ul li {
display:block;
float:left;
padding:0;
margin:0;
}
#head ul li a {
display:block;
background:url(img/navSprite.png) 0 0 no-repeat;
height:103px;
text-indent:-9999px;
}
#head ul li.li1 a {
width:111px;
background-position:0 0;
}
#head ul li.li1 a:hover {
background-position:0 -103px;
}
#head ul li.li1.active a{
background-position:0 -103px;
}
#head ul li.li2 a {
width:93px;
background-position:-111px 0;
}
#head ul li.li2 a:hover {
background-position:-111px -103px;
}
#head ul li.li2.active a{
background-position:-111px -103px;
}
#head ul li.li3 a {
width:174px;
background-position:-204px 0;
}
#head ul li.li3 a:hover {
background-position:-204px -103px;
}
#head ul li.li3.active a {
background-position:-204px -103px;
}
#head ul li.li4 a {
width:132px;
background-position:-378px 0;
}
#head ul li.li4 a:hover {
background-position:-378px -103px;
}
#head ul li.li4.active a {
background-position:-378px -103px;
}
#head ul li.li5 a {
width:94px;
background-position:-510px 0;
}
#head ul li.li5 a:hover {
background-position:-510px -103px;
}
#head ul li.li5.active a {
background-position:-510px -103px;
}

#head ul,
#head h1{
float:left;
}


/****** menu slider ******/
.footermenu{
	background: #000;
	margin: 0 auto;
	width:960px;
	height:33px;
}

.footermenu ul{
	margin:0;
	padding:0 0 0 66px;
	list-style:none;
	}
	
.footermenu ul li {
	padding: 0 50px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.85em;
	font-weight:bold;
	text-transform:uppercase;
	float:left;
	text-align:center;
}

.footermenu ul li a {
	height:33px;
	line-height:33px;	
	display:inline-block;
	text-decoration:none;
	color:#808080;
	padding: 0 22px 0 0;
	background:none;	
}

.footermenu ul li a:hover {
	background:url(img/footer_menu_over_right.gif) 100% 0 no-repeat;
	color:#fff;
}
.footermenu ul li a.active {
	background:url(img/footer_menu_over_right.gif) 100% 0 no-repeat;
	color:#fff;
}

.footermenu ul li a span{
	height:33px;
	line-height:33px;	
	display:inline-block;	
	padding: 0 0 0 7px;
	background:none
}
	
.footermenu ul li a:hover span{
	background:url(img/footer_menu_over_left.gif) 0 0px no-repeat #c50518;
}

.footermenu ul li a.active span{
	background:url(img/footer_menu_over_left.gif) 0 0px no-repeat #c50518;
}

/******* FOOTER ********/

#footer {
	position:relative;
	margin:13px auto;
	padding:0 0 0 5px;
	width:955px;
	height:440px;
	background:#311f2b;
}

#footer ul {
	float:left;
	background:#3f313b;
	margin:12px 6px 0 5px;
	padding:0;
	list-style:none;
	display:inline-block;
	width:200px;
	text-align:center;
}

#footer ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	font-weight:bold;
	text-transform:uppercase;	
	height:25px;
	line-height:25px;	
	text-decoration:none;
	color:#9f989d;
	padding: 0 22px 0 0;	
}

#footer ul li ul {
	float:left;
	background:#311f2b;
	margin:0;
	padding:5px;
	list-style:none;
	display:block;
	text-align:left;	
}

#footer ul li ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	font-weight:normal;
	text-transform:none;
	height:15px;
	line-height:15px;			
	display:block;
	text-decoration:none;
	color:#9f989d;
	padding: 0 22px 0 0;	
}

#footer ul li ul li a:hover {
	color:#fff;
}

#footerRight {
	width:250px;
	float:right;
}

#devis{
	text-align:center;
	margin:23px 0 0 0;
	background:url(img/footer_vignette_fond_top.gif) 0 0 no-repeat;
	width:240px;
	height:143px;
}

#devis h4 {
	padding:10px;
	margin:0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #FFF;
}
#devis p {
	padding:0;
	margin:0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: .75em;
	font-weight: bold;
}

#adresse{
	text-align:center;
	margin:23px 0 0 0;
	padding:10px 0 0 0;
	background:url(img/footer_vignette_fond_bottom.gif) 0 0 no-repeat;
	width:240px;
	height:144px;
}
#adresse p {
	margin:0;
	padding:5px 0 0 0;
	font-size:.9em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
}

/* partie activites */
.content {
	margin:90px 0 auto;
	width:960px;
	/*height:400px;*/
}
.content a {
	font-size:12px;
	color:#c50518;
}
.content a:hover {
	text-decoration:none;
	color: #c50518;
}
.content a:visited {
	color: #8a8a8a;
}

.content .right {
	float:left;
	position:relative;
	margin:0;
	padding:0;
	width:705px;
}

.content .left {
	/*position:relative;*/
	float:left;
	margin:0;
	padding:0;
	width:255px;
}

h2 {
	font-size: 30px;
	color: #c50518;
}

.content .right p {
	font-size: 12px;
	color: #000;
}

.content .right ul {
	margin:0 0 0 -40px;
	font-weight:bold;
	font-size: 12px;	
	color:#000;
}

.content .right h3 {
	font-weight:bold;
	font-size: 12px;
	color: #000;
}

.content .right ul li {
	
	margin:0 0 0 30px;
	font-weight:normal;
	list-style-image:url(img/puce.png);
}

.content .right .chapeau {
	font-weight:bold;
	font-size: 14px;
	color: #8a8a8a;
}

.content .right .soustitre {
	font-weight:bold;
	font-size: 13px;
	color: #c50518;
}

/* menu activites */

.left ul{
	margin:0;
	padding:0;
	list-style:none;
}
	
.left ul li{
	padding: 0 50px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.85em;
	font-weight:bold;
	/*float:left;
	text-align:center;*/
}

.left ul li a {
	margin:0 0 8px;
	height:31px;
	line-height:31px;	
	display:inline-block;
	text-decoration:none;
	color:#939393;
	padding: 0 13px 0 0;	
	background:url(img/activites_bouton_right.gif) 100% 0 no-repeat;
		
}

.left ul li a:hover {
	color:#fff;
}

.left ul li a.active {
	color:#fff;
}

.left ul li a span{
	height:31px;
	line-height:31px;
	display:inline-block;	
	padding: 0 0 0 14px;
	background:url(img/activites_bouton_left.gif) 0 0px no-repeat #311f2b;
	width:175px;
}

.left ul li ul {
	/*float:left;*/
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	display:block;
}

.left ul li ul li {
	margin:0;
	padding:0 0 0 20px;
}

.left ul li ul li a {
	background:url(img/activites_fleche_off.gif) 0 0 no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:none;
	height:9px;
	line-height:9px;
	text-decoration:none;
	color:#939393;
	padding: 0 0 0 15px;
	margin:0;
}

.left ul li ul li a:hover {
	background:url(img/activites_fleche_on.gif) 0 0 no-repeat;
	color:#000;
}

.left ul li ul li a.active {
	background:url(img/activites_fleche_on.gif) 0 0 no-repeat;
	color:#000;
}

/* RTE */
.align-justify {text-align:justify;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.align-left {text-align:left;}