/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0; outline: none;}
html, body {height: 100%;width: 100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding: 0;}
.left{float: left;} .right{float: right;}
.left1{float: left; margin-right: 10px;} .right1{float: right; margin-left: 10px;}


body{background: #ffffff;}
#wrap-container{position:relative;z-index:4; width: 100%; background: url(images/bg-wrapcontainer.jpg) repeat-x top left;}
#container{background:url("images/bg0.gif") 50% 50% repeat-y; margin:0 auto;	text-align: left;}
#content{}

/* ===| II. HEADER ELEMENTS |================================================*/

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#menu1
{
    float: left;
    width: 250px;
    height: 69px;
    background: url(images/bg-menu-left.jpg) repeat-x top left;
    padding: 0px 0px 0px 15px;
}
ul.menu-list {
    float:left;
    padding-top:5px;
	}
ul.menu-list li{
	background: url(images/bullet-menu.jpg) no-repeat top left;
	background-position:0px 3px;
	text-align:justify;
	line-height: 18px;
    font-size: 11px;
    color:#203b72;
	padding:0px 0px 0px 20px;
	}
#actualite
{
    float: left;
    width: 245px;
    height: 107px;
    background: url(images/bg-mdm.jpg) no-repeat top left;
    padding: 25px 10px 0px 10px;
}
#actualite img
{
    float: left;
    border: solid 1px #447ea4;
    margin-right:10px;
}


#info
{
    float: left;
    width: 251px;
    height: 180px;
    background:#eeeeee url(images/bg-coordonnees.jpg) no-repeat top left;
    padding: 20px 0px 0px 14px;
}
#horaires
{
    float: left;
    width: 251px;
    height: 53px;
    background: url(images/bg-horaires.jpg) no-repeat top left;
    padding: 20px 0px 0px 14px;
}
#plan
{
    float: left;
    width: 265px;
    height: 16px;
}
#promo
{
    float: left;
    width: 265px;
    height: 245px;
    padding-top: 12px;
    background: url(images/bg-diapo-left.jpg) no-repeat top left;
    text-align: center;
}
/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{padding: 0px 0px 0px 10px;}
/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left; background: #203b72; height: 56px; }
#footer	{margin: 0 auto; }
.digitalage
{
    float: left;
    width: 180px;
    padding: 10px 0px 0px 10px;
}
#menu2
{
    float: left;
    width: 796px;
    text-align: right;
    padding-top:10px;
}
#mentions
{
    float: left;
    width: 796px;
    text-align: right;
}
/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}
.thumb{border:1px solid #aaaaaa; padding:1px;}
.separator{width:100%;	height:1px; clear:both; padding:0; margin:10px 0; border-top: 1px solid #9ebdd2; border-bottom: 1px solid #9ebdd2; line-height: 0px; font-size: 0; overflow: hidden;}
.separator1{width:512px; height:1px; padding:0; margin:0px 0 10px 0; border-top: 1px solid #9ebdd2; border-bottom: 1px solid #9ebdd2; line-height: 0px; font-size: 0; overflow: hidden;}
.space{width:100%;	height:6px; clear:both; padding:0; margin:0px 0; line-height: 0px; font-size: 0; overflow: hidden;}
/* index */
.diapo-page
{
    float: left;
    width: 721px;
    height: 259px;
}
.text
{
    float: left;
    width: 711px;
    padding: 5px;
}
ul.list1 {
    float:left;
    padding-left: 45px;
    padding-top: 5px;
    width: 200px;
	}
ul.list1 li{
	background: url(images/bullet.jpg) no-repeat top left;
	background-position:0px 3px;
    font-weight: bold;
	line-height: 15px;
    font-size: 12px;
    color:#333333;
	padding:0px 0px 0px 20px;
	}
ul.list {
    float:left;
    padding-left:15px;
    padding-top: 5px;
    width: 490px;
	}
ul.list li{
	background: url(images/bullet.jpg) no-repeat top left;
	background-position:0px 3px;
	line-height: 15px;
    font-size: 12px;
    color:#333333;
	padding:0px 0px 0px 20px;
    text-align: justify;
	}
.clr{
  clear: both;
}
.center{
  text-align: center;
}

.link_inside a:link, .link_inside a:visited
{
    text-decoration: none;
    color:#203b72;
}
.link_inside a:hover, .link_inside a:active
{
    text-decoration: underline;
    color:#5787c8;
}
.clien_table{
   width:100%;
   border: 1px solid #aaaaaa;
   border-bottom: none;
}
.clien_table tr th{
  background: #3c68ab;
  color: #fff;
  padding: 5px;
}
.clien_table tr td{
  padding: 5px;
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
}
.pt10{
  padding-top: 10px;
}
.pr10{
  padding-right: 10px;
}
.pl10{
  padding-left: 10px;
}
.pb10{
  padding-bottom: 10px;
}

.pagination {float: left; clear:left; width:100%; text-align:center; border: 1px solid #aaaaaa; color: #fff; background: #3c68ab; font-size: 12px; padding: 5px 0 5px 0; }
.pagination span{padding:1px;}
.pagination a:link, .pagination a:visited{padding:1px 3px; text-decoration: none; color: #fff;}
.pagination a:hover, .pagination a:active{color:#fff; text-decoration: none;}
/* PLAN D'ACCES PAGE */
.buts_plan_nav{
  border: 1px solid #9ebdd2; background: #5892df; color: #fff; font-weight: bold; font-size: 13px;
}
.buts_plan_nav_over{
   border: 1px solid #9ebdd2; background: #5892df;  color: #000; font-size: 13px; font-weight: bold;
   cursor: pointer;
}
.recherche{
  border: 1px solid #9ebdd2; background: #5892df; color: #fff; font-weight: bold; font-size: 13px;
}
.rechercheover{
   border: 1px solid #9ebdd2; background: #5892df;  color: #000; font-size: 13px;font-weight: bold;
   cursor: pointer;
}
#plan_coordone{
  float: left;
  padding-right: 50px;
}
.plan_navigations{
  float: left;
}
/* ===| XIV. COMPONENT LISTEGALERIE |=====================================================*/
#search_top{
	padding-bottom:5px;
}
#search_input{
	border:1px solid #aaaaaa;
	color:#232323;
	width:200px;
}
#search_select{
	border:1px solid #aaaaaa;
	color:#232323;
	width:280px;
	float:left;
    margin:0 10px 0 0;
}
.special_text1{
	color:#143f95;
	font-weight:bold;
    padding-bottom: 5px;
}

.thumb_img{
	float: left;
	width: 80px;
	text-align: center;
	height:80px;
	border:1px solid #aaaaaa;
	margin-right:6px;
	margin-bottom:5px;

}
.inner_thumb{
	height:90px;
	border-bottom: 1px solid #aaaaaa;
}
.thumb_img a img{border: 1px solid #aaaaaa;}

#listgalerie{}

#listgalerie .thumb {float:left; width:30%; text-align:center; padding:5px; min-height:90px; height:auto!important; height:90px;}
#listgalerie .thumb a:link, #listgalerie .thumb a:visited{display: block; vertical-align: middle; text-decoration: none; color: #747474;}
#listgalerie .thumb a:hover, #listgalerie .thumb a:active {text-decoration: underline; color: #000;}
#listgalerie .thumb a img {border: 1px solid #ccc; padding:5px; background: #ffffff;}
/* ===| VII. CONTACT FORM |=====================================================*/
#frmContact{padding: 5px; width:680px; margin: 0 auto; text-align: center;}
#frmContact label span{
  width: 100px;
  float: left;
  text-align: right;
  padding-right: 10px;
}
#frmContact label input{
  width: 180px;
  float: left;
  border:1px solid #244c9c;
  margin-bottom: 5px;
}
#frmContact label textarea{
  width: 490px;
  float: left;
  border:1px solid #244c9c;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-left: 20px;
}
#left_inputs label span{
  width: 120px;
  float: left;
  text-align: right;
  padding-right: 10px;
}
#div_capatcha label span{
  float:left;
  width:200px;
  margin-top: 5px;
}
#div_capatcha label input{
  float:left;
  width:200px;
  margin-top: 5px;
  margin-right:10px;
}
#div_capatcha img{
  float:left;
}
.mercidiv{
	text-align:center;
	font-weight: bold;
	margin-top:100px;
	padding-bottom:150px;
}
.inputs_left{
  width: 340px;
  float: left;
}
.inputs_right{
  width: 340px;
  float: left;
}
.inputs_right img{
 padding-left: 70px;
}
#frmContact .inputs_left label span, #frmContact .inputs_right label span{
  width: 120px;
  float: left;
  cursor: pointer;
}
#frmContact .inputs_left label input, #frmContact .inputs_right label input{
  width: 180px;
  float: left;
  cursor: pointer;
}
.frmContact{padding: 5px; width:680px; margin: 0 auto; text-align: center;}
.frmContact label span{
  width: 100px;
  float: left;
  text-align: right;
  padding-right: 10px;
}
.frmContact label input{
  width: 180px;
  float: left;
  border:1px solid #244c9c;
  margin-bottom: 5px;
}
.frmContact .inputs_left label span, .frmContact .inputs_right label span{
  width: 120px;
  float: left;
    cursor: pointer;
}
.frmContact .inputs_left label input, .frmContact .inputs_right label input{
  width: 180px;
  float: left;
  cursor: pointer;
}
.frmContact1{padding: 5px; width:680px; margin: 0 auto; text-align: center;}
.frmContact1 label span{
  width: 250px;
  float: left;
  text-align: right;
  padding-right: 10px;
}
.frmContact1 label input{
  width: 180px;
  float: left;
  border:1px solid #244c9c;
  margin-bottom: 5px;
}
.frmContact1 .inputs_left label span, .frmContact1 .inputs_right label span{
  width: 120px;
  float: left;
    cursor: pointer;
}
.frmContact1 .inputs_left label input, .frmContact1 .inputs_right label input{
  width: 180px;
  float: left;
  cursor: pointer;
}
div.submit-buttons{clear: both;	text-align: center; padding: 4px 2px;}
div.submit-buttons input{	border: 1px solid #9ebdd2; background: #5892df; color: #fff; font-weight: bold; font-size: 13px;}
div.submit-buttons a:hover input{ border: 1px solid #9ebdd2; background: #5892df;  color: #000; font-size: 13px;}

#right-inner input, #right-inner select{
  font-size:13px;
}