@import url(http://fonts.googleapis.com/css?family=Anton);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
@import "reset.css";@import "skeleton.css";@import "superfish.css";@import "flexslider.css";
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font:14px/20px Arial, Helvetica, sans-serif;color:#878787;position:relative;min-width:960px; background:url(../IMG/css/bg.jpg) center 0 repeat-x #fff;-webkit-text-size-adjust: none;}

p {
    margin-bottom: 10px;
}

a {text-decoration:none; color:#C9C9C9;}

a.button { color:#888888; font-size:12px; line-height:15px; font-weight:bold; background:url(../IMG/css/button.jpg) 0 0 repeat-x #e8e8e8; display:inline-block; padding:9px 13px 11px 13px; border-radius:4px; box-shadow:0 1px 1px #9f9f9f; text-decoration:none; cursor:pointer;}
a.button:hover {background:#000;color: #fff; }

a.link {color:#c9c9c9; text-decoration:none; }
a.link:hover {text-decoration:none; text-decoration:underline;}

a.link-1 {font-size:18px; line-height:22px; color:#c9c9c9; text-transform:uppercase; text-decoration:none; }
a.link-1:hover {text-decoration:none; color:#000;}

section a, a.link-2 {color:#888888; }
section a:hover, a.link-2:hover {color:#000;}

ul {margin:0; padding:0;list-style-image:none;}
ul.list-1 li {padding:0px 0 10px 15px; font-size:14px; color:#888888; line-height:20px; background:url(../IMG/css/marker-1.png) 0 6px no-repeat;}
ul.list-1 li a { color:#888888; }
ul.list-1 li a:hover {color:#000; text-decoration:none;}

img.gauche {float: left; margin-right: 5px; }

/* LightBox */
.lightbox-image {position:relative;overflow:hidden;display:inline-block;z-index:99;}
.lightbox-image img {position:relative;z-index:2;background:#f1f1f1;}
.lightbox-image span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: url(../IMG/css/magnifying-glass.html) no-repeat 50% 50% !important;z-index:1;}
/* Global Structure---------------------------------------- */
/*----- txt,links,lines,titles -----*/
.wrap {overflow:hidden;}
.wrapper {overflow:hidden;}
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.clear {clear:both;}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.img-indent {float:left; margin:0px 22px 0px 0;}

.last {margin-right:0px !important;}
.line-height {line-height:23px;}

.clr-1 {color:#00b8d0;}
.clr-2 {color:#adc300;}
.clr-3 {color:#e09308;}
.clr-4 {color:#fff;}
.clr-5 {color:#a7d7e3;}
.clr-6 {color:#d0dca8;}
.clr-7 {color:#f4daa8;}
.clr-8 {color:#eac3a8;}
.clr-9 {color:#7c7c7c;}

.text-1 {font-size:12px; line-height:20px; color:#646464;}
.text-2 {color:#c9c9c9; font-size:12px; font-weight:bold;}
.text-3 {font-size:18px; line-height:22px; color:#c9c9c9; text-transform:uppercase;}

.top-1 { margin-top:36px;}
.top-2 { margin-top:62px;}
.top-3 { margin-top:24px;}

.left-1 {padding-left:0px;}

.right-1 {padding-right:0px;}

.bot-0 {padding-bottom:0 !important; margin-bottom:0 !important;}

.pad-1 {margin:14px 0 15px 0;}
.pad-2 {margin:27px 0 26px 0;}
.pad-3 {margin:27px 0 14px 0;}

.p1 {padding-bottom:20px;}
.p2 {padding-bottom:29px;}
.p3 {padding-bottom:11px;}
.p4 {padding-bottom:24px;}
.p5 {padding-bottom:32px;}
.p6 {padding-bottom:27px;}
.p7 {padding-bottom:40px;}
.p8 {padding-bottom:30px;}
.p9 {padding-bottom:35px;}

/*================================>> H <<========================================*/
h1,h2,h3,h4,h5,h6{line-height:1.2em;color:#c9c9c9;font-weight:normal; font-family: 'Oswald', sans-serif; text-transform:uppercase;}
h1{font-size:36px;}
h2{font-size:30px; line-height:40px;}
h3{font-size:24px;} 
h4{font-size:22px;}  
h5{font-size:20px;}
h6{font-size:18px;}
h6 span {display:block; margin-top:-2px;}

/*********************************header*************************************/
header {width:100%; z-index:101; position:relative;}
.header {padding-bottom:21px; background:url(../IMG/css/line.png) center bottom no-repeat; margin-bottom:35px;}

#tel-mail {
	margin: 5px 0px 0px 0px;
	color: #526880;
    font-size: 24px; 
	}

#search {margin-top:18px; position: relative;}
#search input { width:202px; height:17px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#919191; font-style:italic; background:#fff; vertical-align:top; padding:11px 10px 12px 25px; display: inline-block; border-radius:4px; outline:none;border: 1px solid #dfdfdf;}
/*
#search:before, #search:after {
    content: "";
    display: table;
    line-height: 0;
}
#search:after {
    clear: both;
}
#search {
    background: url("../IMG/css/search_bg.png") repeat-x scroll 0 0 transparent;
    padding: 6px 0 6px 12px;
}*/
/*.navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox {
    margin-top: 5px;
}
.navbar-form input, .navbar-form select, .navbar-form .btn {
    display: inline-block;
    margin-bottom: 0;
}*/
#search .btn {
    background: url("../IMG/css/search_button.png") repeat scroll 0 0 transparent !important;
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    color: transparent;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 20px;
	position: absolute;
   top: 12px; left: 3px;
}

header h1 {float:left; margin:18px 0 0 0px;}

/**Carousel**/
/**Cycle**/
/**to top**/

/********************** Content ************************/
section{ position:relative; z-index:1;overflow: hidden;	}
#content { width:100%; padding-bottom:20px;}

.box-1 {background:url(../IMG/css/box-1.gif) 0 0 repeat;margin:4px 5px 5px 5px;color: #dddddd; }
.box-1-1 {background:url(../IMG/css/glow.png) 0 0 repeat-x; padding:61px 10px 26px 10px; text-align:center;}
.box-1 img, .box-2 img, .box-3 img, .box-4 img{margin-bottom:0px;}
.btn-1 { color:#fff; font-size:12px; line-height:15px; font-weight:bold; text-transform:uppercase; background:url(../IMG/css/btn-1.jpg) 0 0 repeat; display:inline-block; padding:10px 18px 11px 18px; border-radius:5px; text-decoration:none;}
.btn-1:hover {background:#000;}

.box-2 {background:url(../IMG/css/box-1.gif) 0 0 repeat;margin:4px 5px 5px 5px;color: #dddddd; }
.box-2-2 {background:url(../IMG/css/glow.png) 0 0 repeat-x; padding:61px 10px 26px 10px; text-align:center;}
.btn-2 { color:#fff; font-size:12px; line-height:15px; font-weight:bold; text-transform:uppercase; background:url(../IMG/css/btn-1.jpg) 0 0 repeat; display:inline-block; padding:10px 18px 11px 18px; border-radius:5px; text-decoration:none;}
.btn-2:hover {background:#000;}

.box-3 {color: #dddddd;background:url(../IMG/css/box-1.gif) 0 0 repeat;margin:4px 5px 5px 5px; }
.box-3-3 {background:url(../IMG/css/glow.png) 0 0 repeat-x; padding:61px 10px 26px 10px; text-align:center;}
.btn-3 { color:#fff; font-size:12px; line-height:15px; font-weight:bold; text-transform:uppercase; background:url(../IMG/css/btn-1.jpg) 0 0 repeat; display:inline-block; padding:10px 18px 11px 18px; border-radius:5px; text-decoration:none;}
.btn-3:hover {background:#000;}

.box-4 {color: #dddddd;background:url(../IMG/css/box-1.gif) 0 0 repeat;margin:4px 5px 5px 5px; }
.box-4-4 {background:url(../IMG/css/glow.png) 0 0 repeat-x; padding:61px 10px 26px 10px; text-align:center;}
.btn-4 { color:#fff; font-size:12px; line-height:15px; font-weight:bold; text-transform:uppercase; background:url(../IMG/css/btn-1.jpg) 0 0 repeat; display:inline-block; padding:10px 18px 11px 18px; border-radius:5px; text-decoration:none;}
.btn-4:hover {background:#000;}

.box-border {box-shadow:0 1px 2px #9f9f9f; border-radius: 4px; }
figure.box-border {display:inline-block;}
.box-border p {margin:22px 0 13px 0;}

.line-1 {padding-bottom:37px; background:url(../IMG/css/line.png) center 0 no-repeat; margin-top:29px;}

.block-1 {}
.block-1 p {padding:1px 0 1px 0;}
.date {font-family: 'Oswald', sans-serif; font-size:36px; line-height:45px; color:#8c8c8c; font-weight:bold; text-transform:uppercase; width:90px; text-align:center;  background:url(../IMG/css/date.jpg) 0 0 repeat-x #e9e9e9; display:inline-block; padding:9px 0px 17px 0px; border-radius:4px; float:left; margin-right:20px;}
.date span {display:block; font-size:14px; line-height:20px; font-weight:normal; margin-top:-3px; }
@media all and (-webkit-min-device-pixel-ratio:0) { 
	.date{ line-height:42px; }
	.date span{ margin-top:5px; line-height:17px;} 
}
.banner-1 {padding:16px 15px 24px 15px; background:#e8e8e8; border-radius:4px; margin-top:26px; margin-bottom:31px; text-align:center;color: #e8e8e8;}


#form1 { margin: 15px 0 0px 0px;}
#form1 input {/*float:left; */border:none; border:#dfdfdf 1px solid; background:#fff; border-radius:5px; width:205px; padding:7px 5px 8px 10px; font-size:12px; line-height:15px; font-family:Arial, Helvetica, sans-serif; color:#878787; margin:0; outline: medium none; margin-bottom: 12px;	
	}
#form1 textarea {
	 border:none; border:#dfdfdf 1px solid; background:#fff; width:290px; border-radius:5px; padding:7px 0px 0px 10px; font-size:12px; line-height:15px; font-family:Arial, Helvetica, sans-serif; color:#878787;
    height: 43px;
    outline: medium none;
    overflow: auto;
	resize:none;
	margin:0px 0 0 0;
	float:left;
}
#form1 label {
	position:relative;
	/*overflow:hidden;*/
    display: block;
    min-height:20px;
}
#form1 .error, #form1 .empty {
    color: #FF0000;
    display: none;
    font-size: 10px;
	line-height:14px;
	width:200px;
	float:left;
	margin-top:2px;
}
#form1 .error-empty {margin: 4px 0 5px 5px !important; display:none; float:left;}
#form1 .success {display:none; margin-bottom:5px;}
#form1 .btns {
	position:relative;
	padding-top:7px;
	text-align:right;
}

#form1 input[type="submit"]  { color:#888888; font-size:12px; line-height:15px; font-weight:bold; background:url(../IMG/css/button.jpg) 0 0 repeat-x #e8e8e8; display:inline-block; padding:9px 13px 11px 13px; border-radius:4px; box-shadow:0 1px 1px #9f9f9f; text-decoration:none; cursor:pointer; width: 82px; margin-top: 15px;}
#form1 input[type="submit"]:hover {background:#000;color: #fff; }
/***********************/

.tooltips { margin:25px 0px 0 0; overflow:hidden;}
.tooltips li {margin-bottom:8px;}
.tooltips a {display:inline-block; }
.tooltips a span { color:#878787; font-size:12px; display:inline-block; margin:7px 0 0 18px;}
.tooltips a:hover img {opacity:.7;}
.tooltips a:hover span {color:#000;}

.lists {overflow:hidden; margin-top:29px;}
.lists ul {margin-top:9px;}
.lists>div {float:left; width:220px; margin-right:20px;} 

.block-2 {}
.block-2 figure {float:left; margin-right:20px; }
.block-2 p {padding:2px 0 1px 0;}

.table {margin-top:14px;}
.table th {font-weight:bold; color:#c9c9c9; font-size:12px; padding:10px 5px 9px 15px; text-align:left;}
.table th:first-child {width:32px;}
.table th+th {width:99px;}
.table th+th+th {width:349px;}
.table th+th+th+th {width:55px;}
.table th, .table td {border:#e5e5e5 1px solid; border-collapse:collapse;}
.table td:first-child {padding:8px 0 10px 0px;width:48px;text-align:center;}
.table td+td {padding:10px 0 13px 13px;}

.lists-2 {overflow:hidden; margin-top:57px;}
.lists-2 ul {margin-top:30px;}
.lists-2>div {float:left; width:300px; margin-right:20px;} 
.lists-2>div.last {width:220px;}

.ads_by_google {margin-bottom:53px;}
.ads_by_google img {margin:1px 0 22px 0;} 
.ads_by_google .text-2, .ads_by_google a {font-size:13px;}

.block-3 a {margin:10px 0 10px 0; display:inline-block;}

.block-4 {width:300px; margin-right:20px; float:left;}
.block-4 a.link-1 {display:inline-block; margin:16px 0 10px 0;}

/*****404******/
.img-404 {background:url(../IMG/css/404.html) 0 0 no-repeat; min-height:305px; margin-top:48px; }
.text-404 {margin-top:62px;}
.text-404 .wrap {margin-bottom:12px;}
.t-404 { font-family: 'Oswald', sans-serif; color:#7d7d7d; font-size:18px; line-height:22px; text-transform:uppercase; display:inline-block; float:left; margin-top:8px; margin-left:12px;}
.sorry { font-family: 'Oswald', sans-serif; color:#7d7d7d; font-size:25px; line-height:30px; text-transform:uppercase; display:inline-block; float:left;}
#form-search {margin:15px 0 0 0px; overflow:hidden; width:300px;}
#form-search input { width:280px; height:17px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#105f6b; font-style:italic; border:none; border-bottom:#434343 1px solid; background:#1b1b1b; vertical-align:top; padding:11px 10px 12px 10px; display: inline-block; border-radius:4px; outline:none;}

/**twitter**/
.tweet {font-size:12px;}
.tweet .tweet_time {display:block;}
.tweet .tweet_first { margin-bottom:20px;}
.tweet a {color:#c9c9c9; font-weight:bold; text-decoration:none;}
.tweet a:hover {text-decoration:underline;}
/******/

.post-first { border-bottom:#c9c8c8 1px solid; padding-bottom:10px; margin-bottom:9px; margin-top:18px;}
.photostream {margin-top:25px;}
.photostream a {display:inline-block; margin:0 4px 3px 0px; float:left;}
/******************** Footer ******************/
footer { position:relative; overflow:hidden; padding:34px 0 23px 0px; background:url(../IMG/css/line.png) center 0 no-repeat; }
footer p { color:#555555; text-align:right; font-size:12px; line-height:15px;}
footer .grid_5 p { text-align:left; }
footer p a {text-decoration:none;color:#555555;}
footer p a:hover {text-decoration:underline;}

/***********
PAGE CONTACT 
Rubrique-5 *********/
.map {margin-right: 20px; display:block !important;border: 5px solid #e8e8e8; border-radius: 3px; }
.map iframe {width:100%;height:270px;}
dl.adrss {margin:15px 0px 0 0px;}
dl.adrss dt {}
dl.adrss dd {}
dl.adrss dd span { display:block; width:100px; float:left;}
dl.adrss dd a {}
dl.adrss dd a:hover {}

#form2 { width:540px; }
#form2 input {
	/*float:left; border:none; border:#dfdfdf 1px solid; background:#fff; border-radius:5px; width:360px; padding:10px 10px 13px 10px; font-size:14px; line-height:17px; font-family:Arial, Helvetica, sans-serif; color:#878787; font-style:italic; margin:0; outline: medium none;*/


    background:#fff;
    border:#dfdfdf 1px solid;
	border-radius:5px;
    color: #878787;
    font: 14px Arial,Helvetica,sans-serif;
	font-style:italic
    margin-bottom: 15px;
    outline: medium none;
    padding:10px 10px 13px 10px;
    width:360px;

	
	}
#form2 textarea {
	border:none; border:#dfdfdf 1px solid; background:#fff; width:520px; border-radius:5px; padding:10px 10px 0px 10px; font-size:14px; line-height:17px; font-family:Arial, Helvetica, sans-serif; color:#878787; font-style:italic;
    height: 170px;
    outline: medium none;
    overflow: auto;
	resize:none;
	margin-bottom: 15px;
	float:left;
}
#form2 label {
	/*position:relative;
	overflow:hidden;
    display: block;
    min-height:55px;*/
	
	
    display: block;
    min-height: 20px;
    position: relative;
}

#form2 input[type="submit"]  { color:#888888; font-size:12px; line-height:15px; font-weight:bold; background:url(../IMG/css/button.jpg) 0 0 repeat-x #e8e8e8; display:inline-block; padding:9px 13px 11px 13px; border-radius:4px; box-shadow:0 1px 1px #9f9f9f; text-decoration:none; cursor:pointer; width: 82px; margin-top: 15px;}
#form2 input[type="submit"]:hover {background:#000;color: #fff; }

#form .error, #form .empty {
    color: #FF0000;
    display: none;
    font-size: 10px;
	line-height:14px;
	width:150px;
	float:left;
	margin-top:2px;
}
#form .error-empty {margin: 4px 0 0 5px !important; display:none; float:left;}
#form .success {display:none; padding-bottom:10px;}
#form .btns {
	text-align:right;
	width:540px;
	position:relative;
	overflow:hidden;
}
#form .btns a {margin: 49px 3px 3px 24px;}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 #search input{width:150px;}
 h2{font-size:24px;}
 .figure{width:96%;}
 .figure img{width:100%;}
 .lists>div{width:170px;margin-right:10px;}
 .lists-2>div:first-child{margin-bottom:20px;}
.block-4{width:236px;}
#form input{width:410px;}
#form textarea{width:415px;}
#form, #form .btns{width:auto;padding-right:3px;}
#form1 input{width:220px !important;}
#form1 textarea{width:225px;}
.banner > span{font-size: 36px;line-height: 43px;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 h2{font-size:18px;line-height:25px;}
  header h1{float: none;z-index:99;}
	.lists>div{width:200px;margin-right:20px;}
	.block-4{width:100%;margin-bottom:20px;}
	.top-1{margin-top:0px;}
	#privacy .top-1{margin-top:36px;}
	#search input{width:400px;}
	#search{margin-top: 0px;}
	#form1 input{width:403px !important;}
	#form1 textarea{width:408px !important;}
	.flex-control-nav{bottom: 20px;left: 70px;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 header h1{width:auto;padding-top:25px;}
 #form input{width:290px;}
#form textarea{width:295px;}
#search input{width:280px;}
.flex-control-nav{left: 10px;bottom: 10px;}
#form1 input{width:283px !important;}
#form1 textarea{width:288px !important;}
}