/*******************/
/* STYLES GENERAUX */
/*******************/
* {	margin:0; padding:0;}
html { text-align:center;}
a{ color:#00437b; text-decoration:none; cursor: pointer; -moz-user-select: none; -khtml-user-select: none;	outline: none;}
a:hover, a.active{ color:#bed000; text-decoration:none;}
img{border:0 none;}
h4{font-size:14px;}
/****************/
/* MISE EN PAGE */
/****************/
body {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:normal;
	background: #efead5 url(../img_src/main-bg.gif) repeat-y center center;
}
#container{
	position:relative;
	width:966px;
	margin:0 auto;
}
#content{
	position:relative;
	width:960px;
	margin-left:2px;
	text-align:left;
	/*utile pour getWindowHeight*/
	float:left;
}
#branding {
	position:relative;
	z-index:999;
	height: 110px;
	background: url(../img_src/branding-bg.png) no-repeat center bottom;
	margin:0 auto;
	margin-left:1px;
}
h1.logo, h1.logo-text {
	position: absolute;
	font-size: 300%;
	letter-spacing: 1px;
}
h1.logo a {
	width: 275px;
	display: block;
	background: url(../img_src/logo.png) no-repeat;
	position: absolute;
	height: 65px;
	left:12px;
	top:8px;
}
* html h1.logo a {
	left:-280px;
}
* + html h1.logo a {
	left:-280px;
}
h1.logo a span {
	position: absolute;
	top: -1000px;
}
h1.logo-text a {
	text-decoration: none;
	outline: none;
	position: absolute;
	top: 5px;
	left: 25px;
	color: #FFF;
}
h1.logo-text a:hover, logo-text a:active, logo-text a:focus {
	color: #FFF;
	background: none;
}
#mainNav {
	position: relative;
	top:25px;
	margin-left:290px;
	/*background: url(../images/mainnav-bg.png) top;*/
	height: 30px;
}
#mainNav a {
	outline: none;
}
#mainContent{
	height:1%;
	background-color:#f5f4ed;
	/*border:1px solid pink;*/
}
#blocBanner{
	float:left;
	margin-left:4px;
	width:222px;
	/*height:750px;*/
	background-color:#f5f4ed;
}
* html #blocBanner {
	margin-left:2px;
}
#blocBanner img{
	margin-bottom:5px;
	border:0 none;
}
/******************/
/* STYLE NIVEAU 1 */
/******************/
#bloc4theme {
	float:left;
	width:506px;
	margin-left:2px;
	color:#00437b;
}
#bloc4theme img{
	text-align:center;
	margin-bottom:10px;
}
#bloc4theme .theme {
	position:relative;
	float:left;
	border:2px solid #bed000;
	width:238px;
	height:230px;
	margin:5px;
	background-color:#f5f5f6;
}
* html #bloc4theme .theme {
	margin:4px;
}
#bloc4theme .theme.up{margin-top:0px;}
#bloc4theme .theme.down{margin-top:20px;}
* html #bloc4theme .theme.down{margin-top:20px;}
#bloc4theme .theme h3 {
	position:absolute;
	top:-20px;
	padding:0 2px;
	margin-left:15px;
	background-color:#f5f4ed;
	font-size:1.6em;
	font-weight:bold;
	text-transform:uppercase;
}
#bloc4theme .theme blockquote {
	padding:0;
	margin:5px;
	margin-top:15px;
	color:#00437b;
	font:1.1em/1.2em "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
}
#bloc4theme .theme h5 {
	padding:0;
	margin:5px;
	font-size:1em;
	font-weight:normal;
}
#bloc4theme .theme ul {
	padding:0;
	margin:5px;
	margin-top:10px;
	font-size:0.9em;
	color:#333;
}
#bloc4theme .theme ul li {
	background: url(../img_src/file.gif) no-repeat left center;
	height:18px;
	width:150px;
	list-style-type:none;
	margin-left:20px;
	padding:0 0 0 15px;
}
#bloc4theme .theme .bottom {
	position: absolute;
	bottom:0;
	padding:1px;
	margin-left:1px;
	margin-bottom:0px;
}
.btnPart, .btnEntr {float:left;}
* html .btnPart{float:none;}
* html .btnEntr {float:none;}
.btnPart a, .btnEntr a {
	display:block;
	float:left;
	width:115px;
	height:17px;
	background-color:#bed000;
	color:#fff;
	font-size:90%;
	font-weight:bold;
	text-align:center;
	line-height:18px;
	text-decoration:none;
}
.btnEntr a{
	margin-left:4px;
}
.btnPart a:hover, .btnEntr a:hover {
	color:#00437b;
}
#blocNews {
	float:left;
	width:222px;
	margin:0 0 0 2px;
	background-color:#bed000;
	padding:0;
	margin:0;
}
#blocNews ul{
	list-style:none;
	list-style-type:none;
}
#blocNews ul li{
	border:2px solid #fff;
	margin:5px;
	font-size:11px;
	line-height:11px;
}
#blocNews ul li img{
	margin-right:10px;
}
#blocNews ul li span{

}
/* ClearFix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#blocNews2 {
	float:left;
	width:222px;
	padding:0;
}
#blocNews2 .bg{

}
#blocNews2 ul{
	list-style:none;
	list-style-type:none;
}
#blocNews2 ul li{
	background:#b0c100 url(../img_src/bannerNews-bg.jpg) no-repeat left top;
	border:2px solid #bed000;
	width:218px;
	clear: both;
	border-bottom:1px solid #d6e905;
	position:relative;
	padding:4px 0;
	padding-top:1px;
	margin-bottom:9px;
}
*+html #blocNews2 ul li{
	padding:5px 0 10px 0;
	border-bottom:0;
	margin-bottom:5px;
}
#blocNews2 ul .first{margin-top:0;}
#blocNews2 ul li img{
	border:1px solid #bed000;
	padding:1px;
	width: 85px;
	float: right;
	margin:3px 5px 0 0;
}
#blocNews2 ul li p{
	margin-top: 3px;
	margin-left: 8px;
	padding-bottom:15px;
	width: 110px;
	font-size:12px;
	line-height:15px;
	float:left;
}
#blocNews2 ul li a.ensavoirplus{
	width: 110px;
	font-size: 0.9em;
	display:block;
	position:absolute;
	left: 8px;
	bottom:2px;
	color:#fff;
	float:left;
}

/******************/
/* STYLE NIVEAU 2 */
/******************/
#bloc1theme {
	float:left;
	width:680px;
	border:2px solid #bed000;
	margin:5px;
	margin-top:2px;
	background-color:#f5f5f6;
	padding:20px;
	color:#00437b;
}
#bloc1theme h2{
	font-size:1.8em;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px solid #00437b;
	margin-bottom:5px;
}
#bloc1theme h3.intro{
	display:inline;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	background:#00437b;
	position:relative;
	top:10px;
	margin-bottom:10px;
	padding:2px 5px;
}
#bloc1theme p.intro{
	margin-top:15px;
	width:425px;
}
#bloc1theme #chooseBox{
	float:right;
	border: 1px solid #00437b;
	background-color: #fff;
	/*background: url(../images/bg-client-login.jpg) no-repeat right 0;*/
	padding:10px 14px 10px 14px;
	margin: 0px;
	margin-top:10px;
	margin-left:15px;
	width: 210px;
}
#bloc1theme #chooseBox h3{
	font-size:1.3em;
	font-weight:normal;
	border-bottom:1px dotted #00437b;
}
#bloc1theme #chooseBox ul {
	padding:0;
	margin:5px;
	margin-top:10px;
	font-size:0.9em;
	color:#333;
}
#bloc1theme #chooseBox ul li {
	background: url(../img_src/doc.gif) no-repeat left center;
	height:18px;
	list-style-type:none;
	padding:0 0 0 15px;
}
#bloc1theme #chooseBox ul li a{	color:#00437b; text-decoration:none;}
#bloc1theme #chooseBox ul li a:hover, #bloc1theme #chooseBox ul li a.active{ color:#bed000; text-decoration:none;}
#bloc1theme .photoAgence{
	float:right;
	border: 1px solid #00437b;
	background-color: #fff;
	/*background: url(../images/bg-client-login.jpg) no-repeat right 0;*/
	padding:3px;
	margin: 0px;
	margin-top:20px;
}
#bloc1theme .photoEquipe{
	float:left;
	border: 1px solid #00437b;
	background-color: #fff;
	padding:3px;
	margin: 0px;
	margin-top:30px;
	margin-right:0px;
}
#bloc1theme .profil{
	float:left;
	border-top: 1px dotted #00437b;
	border-right: 1px dotted #00437b;
	border-bottom: 1px dotted #00437b;
	background-color: #fff;
	padding:5px 8px;
	margin-top:37px;
	margin-right:20px;
	width:194px;
}
#bloc1theme .profil.right{
	margin-right:0px;
}
#bloc1theme p.listTitle{
	margin-left:15px;
	font-weight:bold;
}
#bloc1theme ul.arrow {
	margin:-15px 0 15px 20px;
}
#bloc1theme ul.arrow li {
	background: url(../img_src/bullet_arrow.gif) no-repeat left 6px;
	list-style:none;
	list-style-type:none;
	margin-top:5px;
	margin-left:15px;
	padding:0 0 0 15px;
}
#bloc1theme p{
	color:#00437b;
	padding-bottom:15px;
}
#bloc1theme span.mcTitle{
	float:left;
	margin-top:10px;
	color:#00437b;
	text-decoration:none;
}
#bloc1theme a.souligne{
	color:#00437b;
	text-decoration:underline;
}
#bloc1theme a.souligne:hover{
	color:#bed000;
	text-decoration:underline;
}
#bloc1theme img.border{
	border: 1px solid #00437b;
}
#bloc1theme .photoNews{
	float:right;
	border: 1px solid #00437b;
	background-color: #fff;
	/*background: url(../images/bg-client-login.jpg) no-repeat right 0;*/
	padding:3px;
	margin: 0px;
	margin-left:30px;
}
/**************/
/* FORMULAIRE */
/**************/
#formulaireContact{
	font-size:1em;
	border: 1px solid #00437b;
	background-color: #fff;
	padding:5px;
}
#formulaireContact #intro{float:right; width:45%; padding:8px;}
#formulaireContact #form_contact{float:left; width:45%; padding:10px; background:#f5f4ed url(../img_src/formulaire.jpg) no-repeat 8px 10px;}
#formulaireContact .form{
	float:right;
	text-align: right;
	font-size:1em;
	line-height:22px;
}
#formulaireContact #form_contact label{ clear:both; width:380px;}
#formulaireContact input{
	width:150px;
	height:17px;
	font-size:1em;
	margin-left:15px;
	color: #847d6e;
	border: 1px solid #EFEFEF;
}
#formulaireContact select{
	width:150px;
	font-size:1em;
	margin-left:15px;
	color: #847d6e;
	border: 1px solid #EFEFEF;
}
#formulaireContact .form textarea{
	margin-top:8px;
	overflow:auto;
	width:255px;
	font-size:1em;
	color: #847d6e;
	height:80px;
	border: 1px solid #EFEFEF;
	font-family:Arial, Helvetica, sans-serif;
}
#formulaireContact input.envoyer{
	float:right;
	width:100px;
	height:23px;
	margin-top:10px;
	margin-left:15px;
}
/**************/
/* BREADCRUMB */
/**************/
#breadcrumb {
	float:right;
	width:705px;
	/*border:1px solid #00437b;*/
	/*border-bottom:1px solid #bed000;*/
	background:#faf9f5;
	margin:0 7px;
	padding:0 7px;
	height:20px;
	color:#00437b;
	font-size:0.9em;
}
#breadcrumb ul li{
	float:left;
	list-style:none;
	background:url(../img_src/vdot1.gif) no-repeat 0 4px ;
	padding-left:13px;
	padding-right:8px;
	line-height:20px;
}
#breadcrumb ul li:first-child{
	padding-left:5px;
	background:#faf9f5;
}
/******************/
/* STYLE FOOTER */
/******************/
#blocOurs {
	clear:both;
	width:959px;
	height:74px;
	background: url(../img_src/ours-bg.gif) no-repeat center 15px;
	position:relative;
	padding:15px 0 0 0;
	margin-left:3px;
}
* + html #blocOurs {margin-left:2px;}
#blocOurs #copyright{
	text-align:center;
	font-size:0.88em;
	background:#00437b;
	color:#fff;
	position:relative;
	/*border-top:1px solid #024689;*/
	top:70px;
	width:959px;
	padding-bottom:5px;
}
* html #blocOurs #copyright{	position:static; margin-top:70px; margin-left:0px;}
* + html #blocOurs #copyright{margin-left:0px;}
	
#blocOurs #copyright a{color:#fff;}
#blocOurs #copyright a:hover{color:#bed000;}
p.site-slogan {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 10px;
	left: 25px;
	letter-spacing: 1px;
}
/**********/
/* outils */
/**********/
.mensualite{
	background:transparent url(../img_src/outils/mensualite.gif);
	width:294px;
	height:50px;
	position:relative;
	z-index:999;
	margin-top:40px;
	margin-left:1px;
}
.emprunt{
	background:transparent url(../img_src/outils/emprunt.gif);
	width:363px;
	height:50px;
	position:relative;
	z-index:999;
	margin-top:40px;
	margin-left:1px;
}
/***********/
/* tableau */
/***********/
table.horaires{border:1px solid #00437b; background-color:#fff}
table.horaires td{ padding:2px; padding-left:5px;}
table.tableau{border:1px solid #00437b; background-color:#fff; width:550px; text-align:right}
table.tableau td{ padding:2px; padding-left:0px;}
table.tableau p{ line-height:15px;}
tr.color{ background-color:#f5f4ed;}
td.descriptionLien {text-align:left; width:330px;}
img.border{ padding:3px; border:1px solid #00437b; background-color:#fff}
/********************/
/* classes diverses */
/********************/
.haut,.top{ display:block; float:right;}
.bb{padding:0; margin:0; border-bottom:1px solid #00437b;}
.mt5mb5{display:block;margin:5px 0;}

.mt20mb5{display:block; margin:20px 0 5px 0;}
.mt50mb5{display:block;margin:50px 0 5px 0;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.ml20{margin-left:20px;}
.ml35{margin-left:35px;}
.ml50{margin-left:50px;}
.mb20{margin-bottom:20px;}
.mt30{margin-top:30px;}
.strong{font-weight:bold;}
.big{font-size:16px;}
.cb{clear:both;}
.center{ margin:0 auto;}
.horaire{float:left; width:230px; height:170px; background:url(../img_src/horaire.jpg) no-repeat center right;}
.map{border:2px solid #bed000;}
img.plus{float:left;border:none;margin-top:10px;margin-left:20px;}
img.plus2{ display:inline;border:none;margin-top:10px;}