/*
Credit: http://www.templatemo.com
*/

body {
	margin: 0px;
	padding: 0px;
	color: #322B29;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.5em; 
	background-color: #cccccc;
	background-repeat: repeat-x;
	background-position: top;
}

a, a:link, a:visited { color: #06C; text-decoration: none; }
a:hover { color: #99CC33; text-decoration: underline; }

p { margin: 0 0 10px 0; padding: 0; }
.activites {font-size:14px;text-align:center;color:#322B29;}
img { border: none; }

h1, h2, h3, h4, h5, h6 { color: #99CC33; }
h1 { font-size: 40px; font-weight: normal; margin: 0 0 30px 0; padding: 5px 0; }
h2 { font-size: 28px; font-weight: normal; margin: 0 0 30px 0; font-weight: normal; }
h3 { font-size: 20px; margin: 0 0 15px 0; padding: 0; padding: 0; font-weight: normal;  }
h4 { font-size: 18px; margin: 0 0 15px 0; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; }



.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }


.float_l { float: left; }
.float_r { float: right; }

.image_wrapper { display: inline-block; border: 1px solid #ccc; background: #fff; padding: 4px; margin-bottom: 10px; }
.image_fl { float: left; margin: 3px 15px 0 0; }
.image_fr { float: right; margin: 3px 0 0 15px; }

blockquote { font-style: italic; margin: 0 0 0 10px;}
cite { font-weight: bold; color:#333; }
cite span { color: #666; }
em { color: #000; }

.tmo_list { margin: 20px 0 20px 20px; padding: 0; list-style: none; }
.tmo_list li { background: transparent url(images/templatemo_list.png) no-repeat; margin:0 0 20px; padding: 0 0 0 20px; 	line-height: 1em; }
.tmo_list li a { color: #fff; }
.tmo_list li a:hover { color: #ff4301; }


.btn_more{}
.btn_more a {
	display: block;
	font-weight: bold;
	color: #99CC33;
	text-align: center;
}

.btn_more a span {
	font-size: 16px;
}

.btn_more a:hover {
	color:#322B29 ;
	text-decoration: none;
}

.hr_divider {
	clear: both;
	padding-bottom: 40px;
	margin-bottom: 40px;
	background: url(css/images/templatemo_hr_divider.png) bottom repeat-x;	
}

#templatemo_wrapper {
	width: 940px;
	padding: 10px;
	margin: 0 auto;
}

#templatemo_top {
	width: 100%;
	height: 40px;
	margin-bottom: 00px;
}

#social_box { float: right; display: inline-block; margin: 8px 0 0; padding: 0; list-style: none; }
#social_box li { display: block; float: left; padding: 0; margin: 0; }
#social_box li a { width: 24px; height: 24px; margin-right: 5px; }

#contact_form {  padding: 0; }
#contact_form form { margin: 0px; padding: 0px; }
#contact_form form .input_field { width: 380px; padding: 5px 0; background: #fff; border: 1px solid #dfdfdf; }
#contact_form form label { display: block; width: 100px; margin-right: 10px; font-size: 14px; }
#contact_form form textarea { width: 540px;  height: 160px;	background: #fff; 	border: 1px solid #dfdfdf; }

#contact_form form .submit_button { 
	color: #666;
	background: #FFF;
	border: 1px solid #CCC;
	padding: 8px 18px;
	font-weight: bold;
}

/* gallery */
#gallery_box {
		clear: both;
		margin-top: 30px;
	}
	#gallery_box ul { list-style: none; margin: 0; padding: 0; }
	#gallery_box ul li {
		float: left;
		display: block; 
		padding: 0;
		margin: 0;
		width: 240px;
		margin: 0 40px 25px 0;
	}
 
	#gallery_box ul img {
		width: 230px;
		height: 100px;
		padding: 4px;
		background: #fff;
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}
	
	#gallery_box ul .more {
		color: #d20000;
		text-decoration: none;
	}
	
	#gallery_box ul .more span {
		font-size: 16px;
	}
	
/* end of gallery */

.col_w240 {
	float: left;
	width: 240px;
	margin-right: 60px;
}

.col_w540 {
	float: left;
	width: 540px;
	margin-right: 60px;
}
.last_col {
	margin-right: 0;
	
}

/*Colone Engagements*/

.col_engts{
	float: left;
	width: 540px;
	margin-right: 60px;
	margin-top:25px;
	} 
	
.col_engts ul{
	list-style:none;
	margin-left:-15px;
	margin-bottom:30px;}
	
.col_engts li{margin-bottom: 10px;}

.title_engts {
 	background-color: #99CC33;
	text-transform: uppercase;
	color:#ffffff;
	font-size:16px;
	padding:5px 10px;
	}
	
.nbr_engts {
	color:#99CC33;
	font-size:16px;}
	
#img_aime {
  float: left;
  margin-right: 10px;
}

.ilsontaime {color:#99CC33;
font-size:14px;}

.temoignage{ font-style:italic;}

/*Colonne Actualités*/

.col_actu{
	margin-right: 0;
	float: left;
	width: 240px;
	}

.col_actu li{
	margin-left: -20px;
	margin-bottom:10px;
	}
	
.title_actu{
	background-color:#322B29;
	color:#ffffff;
	font-size:16px;
	padding:5px 10px;
	margin-top:25px;
	}
.date_actu{
	font-weight:bold;
	}

/* footer */
#templatemo_footer {
	width: 940px;
	font-size: 11px;
	text-align: center;
	color: #777;
	background: url(images/templatemo_footer.jpg) top no-repeat;
	padding: 30px 0 10px 0;
}

#templatemo_footer a { color: #444; }
/* end of footer */
.clear {
	clear:both
}

#gallery {
  background: none repeat scroll 0 0 #322B29;
  height: 150px;
  padding: 5px 0 20px 20px;
  position: relative;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#fff; 
		color:#ffffff; 
		height:20px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#99CC33;
	}
	
	/* Page Notre Agence*/
	
	.title_metier {
  color: #322B29;
  font-weight: bold;
  margin-top: 10px;

}
		
	.dom_inter {
  list-style: none outside none;
  margin-bottom: 15px;
  margin-left: -15px;
}

.ss_dom {
  color: #99CC33;
  font-size:14px;
  font-weight:bold;
}

.title_demarche {
  background-color: #322B29;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 50px;
  padding: 5px 10px;
}
.list_demarche {
  background: none repeat scroll 0 0 #322B29;
  color: #FFFFFF;
  list-style: none outside none;
  padding: 10px;
}

#sri{float:right;border: 1px solid #ccc; background: #fff; padding: 4px;}

.list_demarche li {
  margin-bottom: 10px;
}
.list_inter{
margin-bottom:-10px;}
.list_refs{
margin-bottom:50px;}
.list_exp{
margin-left:-30px;}
.ss_exp {
  color: #99CC33;
  font-size: 14px;
  text-decoration: underline;
  text-transform: uppercase;
}

#list_atouts{
margin-left:-20px;}

/* Page Services */

#programmes{
overflow:hidden;
margin-bottom:20px;
}
.progl {
  float: left;
  width: 270px;
  font-size:12px;
}
.progr {
  float: right;
  width: 235px;
  font-size:12px;
}
.sportact{color:#2489CE;font-weight:bold;}
.sportdev{color:#F38120; font-weight:bold;}
.conclact{
text-align:center;
font-weight:bold;
background-color:#2489CE;
color:#fff;
padding:5px;}

.concldev{
	text-align:center;
	font-weight:bold;
	background-color:#F38120;
	color:#fff;
	padding:5px;
	}

.title_services{ 
	margin-bottom:20px;
	background-color: #99CC33;
	text-transform: uppercase;
	color:#ffffff;
	font-size:16px;
	padding:5px 10px;
	}
	
	
.btn_moreserv a {
	display: block;
	font-weight: bold;
	color: #99CC33;
	text-align:right;
	margin-bottom:10px;
	}
.list_etudes {
  margin-left: -25px;
  margin-top: 20px;
	}
.pack {margin-right:40px;}

	
.btn_morelog a {
	display: block;
	font-weight: bold;
	color: #99CC33;
	float:left;
	margin-bottom:00px;
	margin-left:5px;
	margin-top:5px;
	margin-right:40px;
	}

#btn_morelog_last a {
	display: block;
	font-weight: bold;
	color: #99CC33;
	float:left;
	margin-bottom:0px;
	margin-left:5px;
	margin-top:5px;
	
	}

.title_tem {
 	background-color: #99CC33;
	text-transform: uppercase;
	color:#ffffff;
	font-size:16px;
	padding:5px 10px;
	margin-bottom:20px;
	}
	
.title_contact {
  background-color: #322B29;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 5px 10px;
}
.imgpart{}

.part {
	position: static;
	overflow: hidden;
	margin-bottom:20px;
	
}

.partleft {
	width: 55%;
	text-align: leftt;
	clear: both;
	float: left;
	display: inline;
	margin: 10px 0;
	border-bottom:1px dashed #322B29;
	padding-left:5px;
	
}

.partright {
	width: 40%;
	text-align: left;
	float: right;
	display: inline;
	margin: 10px 0;
	
}

#downtest{background-color:#99CC33;
margin-right:20px;
width:245px;
float:left;
text-align:center;
padding:5px;
border:1px solid #0066CC;}
#downtest a:hover{color:#ffffff;}
#downbon{
margin-left:150px;
}
#planliens{
margin-top:10px;}
.plan {
  border-right: 1px solid grey;
  float: left;
  height: 190px;
  width: 155px;
}
.plan ul, #first ul{
text-align:left;
list-style:none;
margin-left:-20px;}

.clear20{height:20px;}
#mentions ul{
list-style:none;}

#first {border-left:1px solid grey;
border-right:1px solid grey;
height: 190px; 
float:left;
width: 155px;}