@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #666666;
	font-family: "Liberation sans", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	text-align: justify;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: disc;
}
html, .main {
	padding:0;
	margin:0;
}
.main {
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
h2 {
	margin:8px 0;
	padding:8px 0;
	font-size:26px;
	font-weight:normal;
	color:#6e6e6e;
}
p {
	text-justify: distribute;
	margin-top: auto;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	text-align: justify;
}
#serv_t{
    margin:0 0 8px;
    padding:6px 12px;
    background-color:#7ba7db;
    color: #ffffff;
    
}
a {
	color: #666666;
	text-decoration: underline;
}
.header, .content, .menu_nav, foot, form, ol, ol li, ul, .content .mainbar, .content .sidebar, .tbl_tar{
	margin:0;
	padding:0;
}
.header {

        margin:0 auto;
	padding:0;
	width:960px;
}
.header_resize {
	margin:0 auto;
	padding:0;
	width:960px;
}


#top{
    float: left;
    width:100%;
    height: 100px;
    background: #7ba7db;
    
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    
    -moz-box-shadow: rgb(150,150,150) 5px 5px 20px;
    -webkit-box-shadow: rgb(150,150,150) 5px 5px 20px;
    -o-box-shadow: rgb(150,150,150) 5px 5px 20px;
    -khtml-box-shadow: rgb(150,150,150) 5px 5px 20px;
    -ms-box-shadow: rgb(150,150,150) 5px 5px 20px;

    box-shadow: rgb(150,150,150) 5px 5px 20px;
}

#top_cen{
width:800px;
margin:28px auto 0 auto
}

div#logo {
	float: left;
	padding: 0 0 0 30px;
	width: 200px;
	height:80px;
	text-align: left;
}
.logoBlanc {
        position: relative;
        float: top;
        top: -45px;
        left: -100px;
}
.logoBleu {
        position: relative;
        float: top;
        top: -35px;
	font:normal 30px "Liberation sans", Arial, Helvetica, sans-serif;
	color: #419be8;
}
.sloganBlanc {
        position: relative;
        float: top;
        top: -35px;
	font:normal 13px "Liberation sans", Arial, Helvetica, sans-serif;
	color: #FFF;
}

h1 {
	margin:0;
	padding:15px 0 0;
	font-size:36px;
	font-weight:bold;
	line-height:1.2em;
	text-transform:none;
}
/*#log{
    position: relative;
    height: 60px;
}*/
h1 a, h1 a:hover {
	color:#fff;
	text-decoration:none;
}
h1 span {
}
h1 small {
	display:block;
	font-size:13px;
	line-height:1.2em;
	letter-spacing:normal;
	text-transform:none;
	color:#fff;
}
.slider {
	margin:0 0 30px;
	padding: 15px 12px 15px 13px;
    background: #ffffff;
     
    -moz-border-radius: 40px 40px 5px 5px;
    -webkit-border-radius: 40px 40px 5px 5px;
   -o-border-radius: 40px 40px 5px 5px;
   -khtml-border-radius: 40px 40px 5px 5px;
   -ms-border-radius: 40px 40px 5px 5px;

    border-radius: 40px 40px 5px 5px;
}
.rss {
	padding:18px 20px 0 0;
	float:right;
	width:auto;
}
.rss p {
	margin:0;
	padding:0;
	float:right;
	width:auto;
	color:#fff;
	font-size:13px;
	line-height:1.5em;
	font-weight:bold;
}
.rss a {
	color:#fff;
	text-decoration:none;
}
.rss a:hover {
	text-decoration:underline;
}
.rss img {
	margin:-3px 0 -3px 6px;
	border:none;
}
.menu_nav {
	margin:0 auto;
	padding:34px 0 0;
	height:57px;
	float:right;
}
.menu_nav ul {
	list-style: none;
	padding: 0;
	height: 57px;
	float: left;
	width: auto;
	text-align: center;
}
.menu_nav ul li {
	margin: 0;
	float: left;
	padding-top: 0;
	padding-right: 18px;
	padding-bottom: 0;
	padding-left: 4px;
}
.menu_nav ul li a {
	display: block;
	margin: 0;
	padding: 16px 0 24px;
	width: 120px;
	font-size: 15px;
	line-height: 17px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	/*background:url(../images/menu_p.png) no-repeat center top;*/
        
	-moz-border-radius: 10px 10px 5px 5px;
	-webkit-border-radius: 10px 10px 5px 5px;
      -o-border-radius: 10px 10px 5px 5px;
      -khtml-border-radius: 10px 10px 5px 5px;
      -ms-border-radius: 10px 10px 5px 5px;

	border-radius: 10px 10px 5px 5px;
        
        border-right-width: 25px;
        
	-moz-box-shadow: rgb(150,150,150) 5px 5px 15px;
	-webkit-box-shadow: rgb(150,150,150) 5px 5px 15px;
      -o-box-shadow: rgb(150,150,150) 5px 5px 15px;
      -khtml-box-shadow: rgb(150,150,150) 5px 5px 15px;
      -ms-box-shadow: rgb(150,150,150) 5px 5px 15px;
	box-shadow: rgb(150,150,150) 5px 5px 15px;
    

}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
	text-decoration:none;
	color:#6592d1;
}
.content {
	padding:0;
}
.content_resize {
	margin:0 auto;
	padding:24px 0 40px;
	width:960px;
	background:#fff;
}
.content .mainbar {
	margin:0;
	padding:0;
	float:right;
	width:684px;
}
.content .mainbar h2 {
	margin-bottom:0;
	padding-bottom:8px;
	font-size:26px;
	line-height:1.2em;
	color:#6d6d6d;
}
.content .mainbar div.img {
	padding:12px 0 0;
	float:left;
	width:179px;
}
.content .mainbar img {
}
.content .mainbar img.fl {
	margin:0;
}
.content .mainbar .article {
	margin:0 0 24px;
	padding:6px 20px;
	border:1px solid #e6e5e5;
}
.content .mainbar .post_content {
	float: right;
	width: 444px;
}
.content .mainbar .post_content strong {
	color:#6d6d6d;
}
.content .sidebar {
	padding: 0;
	float: right;
	width: 260px;
}
.content .sidebar .gadget {
	margin:0 0 12px;
	padding:12px 20px 24px auto;
        color:  #999999;
}
.content .sidebar h2 {
	color:#6d6d6d;
}
.tbl_tar{
    background:url(../images/bg.png) no-repeat;
    font-weight: bold;
}
ul.sb_menu, ul.ex_menu {
	margin:0;
	padding:0;
	list-style:none;
	color:#6e6e6e;
}
ul.sb_menu li, ul.ex_menu li {
	margin:0;
	border-bottom:1px solid #e8e8e8;
}
ul.sb_menu li, ul.ex_menu li {
	padding:8px 0;
	width:220px;
}
ul.sb_menu li a {
	color:#6e6e6e;
	text-decoration:none;
	margin-left:-16px;
	padding:4px 8px 4px 16px;
}
ul.ex_menu li a {
	font-weight:bold;
	color:#6e6e6e;
	text-decoration:none;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
	color:#6592d1;
	font-weight:bold;
	text-decoration:none;
}
p.spec {
	padding:0 0 16px;
}
p.infopost {
	margin:0 0 8px;
	padding:6px 12px;
	color:#fff;
	background:#7ba7db;
        
         -moz-box-shadow: rgb(150,150,150) 5px 5px 10px;
    -webkit-box-shadow: rgb(150,150,150) 5px 5px 10px;
    -o-box-shadow: rgb(150,150,150) 5px 5px 10px;
    -khtml-box-shadow: rgb(150,150,150) 5px 5px 10px;
    -ms-box-shadow: rgb(150,150,150) 5px 5px 10px;

    box-shadow: rgb(150,150,150) 5px 5px 10px;
    
        
}
p.infopost a {
	padding:0 2px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}
p.infopost a:hover {
	text-decoration:underline;
}
p.infopost span.name {
	color:#fff;
}
.article a.com {
	display:block;
	float:left;
	margin:-54px 0 0;
	padding:6px 0 0;
	width:109px;
	height:39px;
	font-size:26px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	color:#fff;
	background:url(../images/comment.gif) no-repeat left top;
	position:relative;
	z-index:1;
}
.article a.com:hover {
	text-decoration:none;
}
.article a.com span {
	font-weight:normal;
	font-size:32px;
}
.post_content a.rm {
	display:block;
	float:left;
	margin:0 0 16px;
	padding:9px 0 0;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	text-transform:none;
	color:#6592d1;
	text-decoration:none;
	text-align:center;
}
.post_content a.rm:hover {
	text-decoration:underline;
}
.content p.pages {
	margin:0;
	padding:24px 20px;
	font-size:11px;
	color:#6e6e6e;
	text-align:left;
}
.content p.pages span, .content p.pages a {
	display:block;
	float:left;
	margin:0 4px 0 0;
	padding:4px 0;
	width:26px;
	text-decoration:none;
	text-align:center;
}
.content p.pages span, .content p.pages a:hover {
	color:#fff;
	background:url(../images/page_a.gif) no-repeat left top;
}
.content p.pages a {
	color:#6d6d6d;
	border:none;
}
.content p.pages small {
	font-size:12px;
	float:right;
}
.content .mainbar .comment {
	margin:0;
	padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic {
	border:1px solid #dedede;
	margin:10px 16px 0 0;
	padding:0;
	float:left;
}
ol {
	list-style:none;
}
ol li {
	display:block;
	clear:both;
}
ol li label {
	display:block;
	margin:0;
	padding:16px 0 0 0;
}
ol li input.text {
	width:480px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:5px 2px;
	height:16px;
	background-color:#fff;
}
ol li textarea {
	width:480px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:2px;
	background-color:#fff;
}
ol li .send {
	margin:16px 0 0 0;
}
#foot{
    width:100%; 
    height:auto;
    float: bottom; 
    background: #7ba7db;
}
#foot_cen{
width:800px;
height: auto;
margin:28px auto 0 auto
}
#foot h4{
	width: 817px;
	height: 60px;
	margin: 0 auto;
	color:white;
        
}
mypage{
color:white;
font-weight:bold;
}
small{
     position:relative;
     padding: auto;
     left: 525px;
     color: #ffffff;
}


.end {
    position:relative;
    float: left;	
    width:960px;
    background: #7ba7db;
}


a {
	outline:none;
}


div#container {
	position:relative;
	margin:0 auto;
	width:900px;
	background: #4b5b6c;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

div#header {
	position: relative;
	padding:0em;
	height:442px;
	background: url(images/fond_haut.gif) top no-repeat;
}

div#menu_haut {
        position: relative;
	float: left;
        left: 180px;
	padding:0em;
	width: auto;
	height: 24px;
	text-align: right;
}

div#menu_img {
	clear: left;
	text-align: center;
	height: 245px;
	background: url(images/bandeau.jpg) no-repeat;
}

div#menu {
	position: absolute;
	top: 358px;
	width: 900px;
	left: 0;
	padding:0em;
	text-align: center;
}
#resol {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:fixed;
	font-size: 10px;
	width:230px;
	top:0px;
	left:1280px;
	margin:0 auto;
	background:#bfc6d9;
	text-align:center;
} 

#resol h1 {
	background:none;
	font-size: 15px;
	letter-spacing:3px;
	padding:0px;
	margin:0px;
	border: 0px;
} 

#resol h2 {
	font-size:10px;
	letter-spacing:3px;
	padding:0px;
	margin:0px;
	border:0px;
	background:none;
}
div#content {
	padding: 0em 0em 5em; /* bottom padding for footer */
	background: url("images/fond_contenu.gif") repeat-x;
	color: #333;
	text-align: center;
	clear: left;
}

div#part1 {
	width: 390px;
	float: left;
	padding: 0 60px 0 29px;
	text-align: left;
}

div#part2 {
	width: 392px;
	float: left;
	text-align: left;
}

div#part3 {
	width: 390px;
	float: left;
	padding: 0 60px 0 29px;
	text-align: left;
}

div#part4 {
	width: 392px;
	float: left;
	text-align: left;
}

div#copy {
	position:absolute;
	width:100%;
	height: 18px;
	bottom:0; /* stick to bottom */
	text-align: right;
	z-index: 1;
}

#navigation {
	margin: 0 ;
	padding: 0 ;
	list-style: none;
}

#navigation li {
	float: left ;
	width: 114px ;
	height: 58px;
	margin-right: 7.3px;
	position: relative;
	color: #fff;
	text-align:center;
}

#navigation li a {
	display: block;
	color: #fff ;
	font: 14px "Trebuchet MS",Arial,sans-serif ;
	text-align: center ;
	text-decoration: none;
	height: 58px;
	width: 114px;
	line-height: 14px;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	color: #333;
	text-decoration: none;
}

.m1:hover {
	background: url(images/b1.png) no-repeat;
	background-position: 0px 0px;
}
.m2:hover {
	background: url(images/b2.png) no-repeat;
	background-position: 0px 0px;
}
.m3:hover {
	background: url(images/b3.png) no-repeat;
	background-position: 0px 0px;
}
.m4:hover {
	background: url(images/b4.png) no-repeat;
	background-position: 0px 0px;
}
.m5:hover {
	background: url(images/b5.png) no-repeat;
	background-position: 0px 0px;
}
.m6:hover {
	background: url(images/b6.png) no-repeat;
	background-position: 0px 0px;
}
.m7:hover {
	background: url(images/b7.png) no-repeat;
	background-position: 0px 0px;
}

h1 {    
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
         height: 30px;
        
}
.h2 {
	font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #292f37;
	text-align: left;
}
.txt {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
}
.txt2 {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #9baab9;
}
.more {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fc9f10;
	text-align: right;
	margin: 0px;
}
#more{
    color: #666666;
}
.copy {
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 2px;
}

div#bloc1 {
	float: left;
	width: 189px;
}

div#bloc2 {
	float: left;
	width: 189px;
	padding: 0 0 0 10px;
}

.b1 {
	width: 189px;
	height: 55px;
	margin: 10px 0 0 0;
	background: url("images/pb1.gif") no-repeat;
}
.b1a {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px;
	text-align: left;
	width: 189px;
	height: 136px;
	padding: 0em 2.5em 0 1.5em;
	background: url("images/pb1a.gif") no-repeat;
}
.b1b {
	width: 189px;
	height: 95px;
	margin: 0 0 0 0;
	padding: 16px 0 0 55px;
	background: url("images/pb1b.gif") no-repeat;
}

.b2 {
	width: 189px;
	height: 55px;
	margin: 10px 0 0 0;
	background: url("images/pb2.gif") no-repeat;
}
.b2a {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px;
	text-align: left;
	width: 189px;
	height: 136px;
	padding: 0em 2.5em 0 1.5em;
	background: url("images/pb2a.gif") no-repeat;
}
.b2b {
	width: 189px;
	height: 95px;
	margin: 0 0 0 0;
	padding: 16px 0 0 60px;
	background: url("images/pb2b.gif") no-repeat;
}

.b3 {
	display: table-cell;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	width: 199px;
	height: 207px;
	margin: 0 0 0 0;
	padding: 40px 0 10px 190px;
	background: #c6d0da url("images/fond_bloc2.jpg") no-repeat top;
}
.b3a {
	width: 389px;
	height: 34px;
	margin: 0 0 0 0;
	background: url("images/fond_bloc2a.jpg") no-repeat;
}

.more {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px;
	text-align: center;
	background: url(images/bouton.png) no-repeat center;
	float: left;
	width: 190px;
	height: 26px;
	padding: 4px 10px 0 0;
}
.prices {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px;
	text-align: center;
	background: url(images/bouton.png) no-repeat center;
	float: left;
	width: 180px;
	height: 26px;
	padding: 4px 10px 0 0;
}
.read_more {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px;
	padding: 0 20px 0 0;
	margin: -20px 0px 0px 0px;
	text-align: right;
}
.date_jour {
	font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px;
	padding: 10px 0 0 10px;
}
.date_mois {
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px;
	padding: 0 0 0 12px;
}
.lienHaut {
        position: relative;
        top: -20px;
        left: 250px;
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	padding: 0 7px 0 7px;
        
}
div #img_con {
        position: relative;
        float: top;
        top: -82px;
        left: 223px;
	padding: 0 5px 0 5px;
}
.lienHaut:hover {
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7ba7db;
        background: #ffffff;
	text-decoration: none;
	padding: 0 7px 0 7px;
        
        -moz-border-radius: 10px 10px 5px 5px;
	-webkit-border-radius: 10px 10px 5px 5px;
       -o-border-radius: 10px 10px 5px 5px;
       -khtml-border-radius: 10px 10px 5px 5px;
       -ms-border-radius: 10px 10px 5px 5px;

	border-radius: 10px 10px 5px 5px;
        
        border-right-width: 25px;
        
	-moz-box-shadow: rgb(150,150,150) 5px 5px 15px;
	-webkit-box-shadow: rgb(150,150,150) 5px 5px 15px;
       -o-box-shadow: rgb(150,150,150) 5px 5px 15px;
       -khtml-box-shadow: rgb(150,150,150) 5px 5px 15px;
       -ms-box-shadow: rgb(150,150,150) 5px 5px 15px;
	box-shadow: rgb(150,150,150) 5px 5px 15px;
}
.lienDetail {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}
.lienDetail:hover {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
.lienBas {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: underline;
}
.lienBas:hover {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #888;
	text-decoration: none;
}

div #img_son {
        position: relative;
        top: -25px;
        left: 175px;
}
#barra{
    position: absolute;
    height: 10px;
    width: 10px;
    background-color: black;
}

div #img_tar{
    
    position: initial;
}


#fig_border{
    
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;

    border-radius: 5px 5px 5px 5px;
}