@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body{
	margin:0px;
	height: 100%;
	background: transparent url('../images/top_bg/1.png') no-repeat top center;
	font-family: arial;
	font-size: 14px;
}

div.wrap{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background: transparent url('../images/bg_body.png') repeat-y top center;
}

div.main{
	width: 960px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	background: transparent url('../images/bg.png') no-repeat left top;
}

div.main header{
	width:100%;
	height: 264px;
}

div.main header div.logo{
	float: left;
	padding-top: 15px;
	background: transparent url('../images/bg_top_left.png') no-repeat top left;
}

div.main header div.header_right{
	float: right;
	width: 650px;
	height: 100%;
}

#scroll {
	position: relative;
	top:30px;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	background-color: rgba(0,0,0,0.5);
	font-family: 'Open Sans Condensed', arial;
	height: 30px;
	overflow: hidden;
}

#scroller {
 white-space: nowrap;
 line-height: 30px;
 font-size: 18px;
}

#scroller p{
	margin: 0px;
}

#scroller a{
	color:#0d6934;	
}

#scroller a, a:visited{
	color:#ffd200;
	text-decoration:none;
}

div.main header div.header_right div.top_banner{
	position: relative;
	top:91px;
	background-color: #003c70;
	width: 100%;
	height: 66px;
	margin-top: 30px;
}

div.main header div.header_right div.top_banner p{
	font-family: times;
	text-align: center;
	color: white;
	margin: 0px;
	padding: 0px;
}

div.main header div.header_right div.top_banner nav.top_menu{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

div.main header div.header_right div.top_banner nav.top_menu ul{
	width: 100%;
	padding:0px;
	padding-left: 45px; 
}

div.main header div.header_right div.top_banner nav.top_menu ul li{
	font-family: times;
	text-transform: uppercase;
	list-style-type: none;
	display: inline-block;
	font-size: 44px;
	text-align: center;
	padding-right: 30px;
	line-height: 50px;
}

div.main header div.header_right div.top_banner nav.top_menu ul li a{
	color: white;
	text-decoration: none;
}

div.main header div.header_right div.top_banner nav.top_menu ul li a:hover{
	color: #ffd500;
}


div.main nav{
	width: 207px;
	float: left;

}

div.main nav.left_menu ul{
	padding:0px;
	margin:0px;
}

div.main nav.left_menu ul li{
	font-family: 'Open Sans Condensed', arial;
	color: white;
	font-size: 18px;
	background-color: #0d6934;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
	width: 190px;
	text-transform: uppercase;
	list-style-type: none;
	margin:0px;
	margin-bottom: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 23px;
	text-align: right;
}

div.main nav.left_menu ul li:hover {
	-webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    -ms-transition: width 0.5s ease;
    transition: width 0.5s ease;
	width: 222px;
}

div.main nav.left_menu ul li.on{
	width: 207px;
	background-color: #003c70;
}

div.main nav.left_menu ul li a{
	color: white;
	text-decoration: none;
}

div.main nav.left_menu ul li a:hover{
	text-decoration: underline;
}


div.main article{
	float: right;
	margin-top: -110px;
	
}

div.main article.interieur{
	min-height: 400px;
	width: 700px;
	margin-top: -50px;
	/*max-height: 500px;*/
}

div.main article.interieur h1{
	color: #053D6E;
	font-size: 26px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom:4px solid #ffd200;
}

div.main article.interieur h3{
	color: #053D6E;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.main article.interieur p{
	line-height: 18px;
	text-align: justify;
}

div.main article.interieur a{
	color:#0d6934;	
}

div.main article.interieur a:visited{
	color:#003c70;	
}

div.main article.interieur ul li{
	list-style-image:url('../images/puce.gif');
	margin-top:10px;	
}

div.main article.interieur ol li{
	list-style-image:url('../images/puce.gif');
	margin-top:10px;	
}

div.main article.interieur strong{
	font-weight:bold;
}

div.main article.interieur span.suite{
	float: right;
}

div.main article.interieur span.suite a{
	color:#146836;
}


div.main article.interieur div.breadCrumbHolder{
	margin-top: 70px;
}

div.main article.interieur div.breadCrumb {
	border: none;	
}

div.main article.interieur div.breadCrumb ul li{
	color:#053D6E;
}

div.main article.interieur div.breadCrumb ul li a{
	color:#053D6E;
	text-decoration: underline;
}

div.main article div.content_left{
	width: 470px;
	float: left;
}

div.main article div.content_right{
	width: 280px;
	float: right;
	text-align: center;
}

div.main article div.content_right ul.rslides {
	margin: 0px;
	padding: 0px;
}

div.main article div.content_right .rslides li {
	width: 280px;
	list-style-type: none;
	margin: 0px;
	text-align: center;
}

div.main article div.content_right img{
	border:2px solid #ffd500;
}

div.main article div.content_right div{
	clear: both;
	background-color: white;
}

div.main article div.content_right h5{
	margin-top: 15px;
	margin-bottom: 15px;
	color: #003c70;
	font-size: 16px;
	font-family: 'Open Sans', arial;
}

div.main article div.content_right p{
	font-size: 14px;
	line-height: 18px;
}

div.main article div.content_right p a{
	color: #003c70;
	text-decoration: none;
}

div.main article div.content_right p a:hover{
	text-decoration: underline;
}

div.main footer{
	margin-top: 20px;
	float: right;
	text-align: center;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

div.main footer p{
	font-size: 12px;
	color: #003c70;
	margin: 0px;
}

div.main footer p a{
	color: #003c70;
}

/* Formulaire */

div.formulaire{
	margin-top: 40px;
	background-color: rgba(20, 104, 54, 0.4);
	padding: 6px;
	border-radius: 10px;
}

div.formulaire label{
	vertical-align: top;
	display: inline-block;
	width: 150px;
	color: #146836;
	text-align: right;
}

div.formulaire input[type=text], textarea{
	width: 500px;
	border: 1px solid #146836;
	border-radius: 5px;
}

div.formulaire input[type=submit]{
	float: right;
	margin-right: 100px;
	background-color: #146836;
	border: 1px solid white;
	color: white;
	padding: 5px;
	font-family: 'Open Sans';
}

br.manualbr{
	white-space:nowrap;
}

/*** TABLE ***/

table{ 
	margin:0 auto;
	margin-top:30px;
	width: 800px; 
	border-collapse: collapse; 
	border-spacing: 0; 
	font-size:14px;
}

td,th{ 
	border: 1px solid transparent;
	height: 30px; 
}

th{
	background-color: #003c70;  
	font-weight: bold;
	color: #ffffff;
	vertical-align: middle;
	border: 1px solid #000000;
}

td{
	background-color: #ffffff;
	text-align: center;
	border:1px solid black;
	vertical-align: middle;
}

.lien{
	cursor: pointer;
	text-decoration: underline;
	color:#0d6934;
}

div.portfolio{
	margin-top: 20px;
	text-align: center;
	width:400px;
	margin-left: auto;
	margin-right: auto;
}