@charset "utf-8";
/* CSS Document */

font-family: 'Josefin Sans', sans-serif;
 font-family: 'Josefin Slab', serif;
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 29, 2013 */

@font-face {
	font-family: 'aparajitabold_italic';
	src: url('../webfontkit_1/aparajbi-webfont.eot') format ('eot');
	src: url('../webfontkit_1/aparajbi-webfont.eot?#iefix') format('embedded-opentype'),  url('../webfontkit_1/aparajbi-webfont.woff') format('woff'),  url('../webfontkit_1/aparajbi-webfont.ttf') format('truetype'),  url('../webfontkit_1/aparajbi-webfont.svg#aparajitabold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'aparajitaitalic';
	src: url('../webfontkit/aparaji-webfont.eot')format ('eot');
	src: url('../webfontkit/aparaji-webfont.eot?#iefix') format('embedded-opentype'),  url('../webfontkit/aparaji-webfont.woff') format('woff'),  url('../webfontkit/aparaji-webfont.ttf') format('truetype'),  url('../webfontkit/aparaji-webfont.svg#aparajitaitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('../webfontkit_2/roboto-light-webfont.eot');
    src: url('../webfontkit_2/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfontkit_2/roboto-light-webfont.woff') format('woff'),
         url('../webfontkit_2/roboto-light-webfont.ttf') format('truetype'),
         url('../webfontkit_2/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
* {
	margin:0px;
	padding:0px;
}
body {
	margin:0px;
	padding:0px;
	width:100%;
	font-family:  Arial, Helvetica, sans-serif;
	color:#848484;
	font-size:12px;
	background-color:#E7EAED;
	line-height:20px;
}
.img {
	text-decoration:none;
	border:none;
}
p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#848484;
	line-height:20px;
	text-align:justify;
}
/*border: #00F solid 1px;*/	
	
span .details {
	margin-bottom: 20px;
}

/*====================================================================================================================
======================================================================================================================
======================================================================================================================
============================================= CSS top menu secondaire ================================================
======================================================================================================================
======================================================================================================================
=================================================================================================================== */		
#top {
	position:relative;
	/*background-color: #52748F;*/
	background-color:#E7EAED;
	width:100%;
	height: 20px;
	margin:30px auto 0px;
}
#menuSec {
	position:relative;
	width: 1020px;
	background-color:#85C1E4;
	height:20px;
	margin:20px auto;
}
#menuSec ul {
	list-style: none;
	display:inline;
}
#menuSec li {
	list-style: none;
	display:inline;
	float:right;
	padding-top:4px;
	list-style: none;
}
#menuSec li a {
	border-left:1px solid #FFF;
	font-size:12px;
	color:#FFF;
	padding:0 10px 0 10px;
	height:15px;
	line-height:15px;
	float:left;
	overlfow:hidden;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	
}
#menuSec li a:hover, #menuSec li a.actif {
	color:#141821;
	text-decoration:none;
}
#menuSec li a.premier {
	border:none;
}
.errorLogin {
	color:#f00;
	font-weight:bold;
	font-size:110%;
}
/*====================================================================================================================
======================================================================================================================
======================================================================================================================
=================================================== CSS Header =======================================================
======================================================================================================================
======================================================================================================================
=================================================================================================================== */
.header {
	position:relative;
	padding:0;
	background:#E7EAED;
	width:1150px;
	margin:0 auto;
	/*width:100%;*/
	height: 175px;
}
.headerWrap {
	position:relative;
	padding:0;
	background:#FFF;
	margin:0 auto;
	width:1150px;
	height: 175px;/*border-bottom:#CDCBC5 solid 2px;*/
}
.logo {
	position:absolute;
	margin:0px 0 0 500px;
	z-index:9999;
}
#rightHeader {
	position:relative;
	float:right;
	width:550px;
	height:100px;
	color:#FFF;
}
#rightHeader table {
	padding-top:50px;
}
#rightHeader img {
	position:relative;
	float:right;
	top:80px;
}
/*====================================================================================================================
======================================================================================================================
======================================================================================================================
============================================= CSS page Slider ========================================================
======================================================================================================================
======================================================================================================================
=================================================================================================================== */
#CenterWarp {
	position:relative;
	width:1150px;
	height:auto;
	/*min-height:800px;*/
	margin:0px auto 10px;
	background-color:#FFF;/*border-top:#CDCBC5 solid 1px;*/

}
	/*border:#CCC solid 1px;*/
#CenterWarp a{
	color:#666;

}
#CenterWarp a:hover{
	color:#006699;

}
#slider {
	position:relative;
	width:1150px;
	height:550px;
	margin:-7px auto;
	float:left;
	background:#FFF;
	border-top:#E7EAED solid 3px;
 	overflow:hidden;
	z-index:1;
	
}
#slider .flash_slider {
	width:680px;
	height:500px;
	margin:30px 0px 0px 60px;
	position:relative;
	float:left;
	display:block;
}
#sliderColRight {
	position:relative;
	width:300px;
	height:460px;
	margin:30px 65px 0 0px;
	float:right;
	background:#FFF;
	border-bottom:#CDCBC5 solid 2px;/*border: #F00 solid 1px;*/
}
#sliderColRight h2 {
	font-size:32px;
	font-family:'robotolight';
	color:#9B9B93;
	padding:10px 0;
	margin:0 0 0 40px;
}
#sliderColRight h1 {
	font-family:'robotolight';
	font-size:30px;
	color: #006699;
	margin:0px 0 40px 20px;
}
#sliderColRight h4 {
	font-family:'robotolight';
	font-size:30px;
	color: #006699;
	margin: 0 0 0 20px;
}
#sliderColRight p {
	text-align: justify;
	margin:10px 5px 20px 20px;
}
#sliderColRight img {
	border:none;
	margin:0px 0px 10px 20px;
}
#sliderProduits {
	position:relative;
	width:1150px;
	height:auto;
	padding-top:30px;
	margin:-7px auto;
	float:left;
	/*background:#FFF;*/
	border-top:#E7EAED solid 3px;

}
#sliderProduits .flash_slider {
	width:1020px;
	height:500px;
	margin:0px 0px 0px 60px;
	overflow:hidden;
	position:relative;
	float:left;
}
.items {
	display:none
}
.pagination {
	position:absolute;
	bottom:82px;
	right:274px;
	z-index:2
}
.pagination li {
	float:left;
	padding-left:3px
}
.pagination a {
	display:block;
	width:17px;
	height:17px;
	background:url(../images/buttons.png) right 0 no-repeat;
	text-indent:-9999px
}
.pagination a:hover, .pagination .current a {
	background-position:left
}
.banner {
	position:absolute;
	top:87px;
	z-index:2;
	right:192px;
	color:#a0a0a0;
	width:380px;
	height:350px;
}
.banner p {
	text-align:justify;
	margin-right:10px;
}
.title {
	font-size:44px;
	line-height: normal;
	letter-spacing:-2px;
	display:block;
	padding-bottom:9px
}
.title{
	 font-family: 'robotolight';
	font-size:44px;
	line-height: normal;
	letter-spacing:-2px;
	display:block;
	padding-bottom:9px;
	
	
	}
.title .color2 {
	color:#0162A1;
}
.title span {
	display:block;
	margin-top:3px;
}
.banner .button1 {
	background:#85C1E4;
	font-size:28px;
	padding:0 24px;
	height:49px;
	line-height:46px;
	margin-top:-1px;
	letter-spacing:-2px;
	color:#fff;
	cursor:default;
}
.banner .button1:hover {
	background:#85C1E4;
	color:#fff
}
.signature {
	text-align:right;
	display:block;
	color:#5f870e;
	line-height:20px;
	padding-top:6px
}
.signature strong {
	display:block;
	color:#fff
}
/*====================================================================================================================
======================================================================================================================
======================================================================================================================
======================================== CSS couple of pages =========================================================
======================================================================================================================
======================================================================================================================
=================================================================================================================== */
#contentGlobal {
	position:relative;
	width:100%;
	min-height:450px;
	padding:0;
	margin:0 0 0px 0;
	
	background-color:#FFF;
}
#contentGlobal .contentCenterGlobal {
	width:960px;
	min-height:450px;
	margin:0 auto;
	overflow:hidden;
}
#bottomCenter {
	position:relative;
	width:960px;
	min-height:60px;
	margin:0px auto;
	padding-bottom: 20px;
}
#bottomCenter p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#848484;
	line-height:1.8em;
	padding:5px 0;
	margin:0;
}
#bottomCenter ul {
	padding-left:20px;
}
.shadow {
	-moz-box-shadow: 5px 5px 5px #4b4949;
	-webkit-box-shadow: 5px 5px 5px #4b4949;
	box-shadow: 5px 5px 5px #4b4949;
}
/*====================================================================================================================
======================================================================================================================
======================================================================================================================
============================================= CSS page index =========================================================
======================================================================================================================
======================================================================================================================
=================================================================================================================== */
#telephone img {
	position:relative;
	float:left;
	margin: -10px 0 0 160px;
	width: 240px;
	height: 55px;
}

.contentCenter {
	width:1150px;
	padding:10px 0;
	margin:0px auto;
	background-color:#FFF;/*-webkit-box-shadow: 3px 3px 3px #9B9B9B;
	-moz-box-shadow: 3px 3px 3px #9B9B9B;
	box-shadow: 3x 3px 3px #9B9B9B;*/
	/*border:#CCC solid 1px;*/
	
}
.contentCenter h2 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#232323;
	padding:10px 0;
	margin:0;
}
.contentCenter h2 span {
	display:block;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#b1b1b1;
	padding:0;
	margin:0;
}
.contentCenter p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#848484;
	line-height:1.8em;
	padding:5px 0;
	margin:0;
	text-align:justify;
}
.contentCenter p span {
	font-size:18px;
	font-weight:bold;
	color:#888;
}
.contentCenter a {
	color:#58585A;
	text-decoration:none;
}
.contentCenter a:hover {
	color:#006699;
	font-weight:bold;
	text-decoration:none;
}
/*.contentCenter img {
	margin:5px auto;
	padding:5px;
	background:#f8f8f8;
	border:1px solid #d4d4d4;
}*/

.contentCenter img.none {
	float:left;
	margin:5px 5px 5px 0;
	padding:0;
	border:none;
	background:none;
}
.leftIndex {
	position:relative;
	/*width:740px;*/
	width:395px;
	margin:10px 0 20px 0;
	float:left;
}

#txtPageIndex {
	position:relative;
	width:320px;
	height:auto;
	float:left;
	margin:0px 0 0 65px;
}
#txtPageIndex p{
	
}
#txtPageIndex h2 {
	font-family:'robotolight';
	font-size:30px;
	color: #006699;
	margin:0 0 20px 0px;
	
}	
	
#txtPageIndex ul{
	list-style: disc;
	margin-left:20px;
	}	
	
#txtPageIndex ul li{

margin:5px;
	float:left;
}	
	
	
	
	
	
	
	

#txtPageIndexCenter {
	position:relative;
	width:320px;
	height:auto;
	float:left;
	margin:10px 0 40px 20px;/*border: #00F solid 1px;*/	
}
#txtPageIndexCenter2 {
	position:relative;
	width:670px;
	height:auto;
	float:left;
	margin:10px 0 0 20px;/*border: #00F solid 1px;*/	
}
#txtPageIndexCenter h2 {
	font-family:'robotolight';
	font-size:30px;
	color: #006699;
	margin:0 0 20px 10px;
}

#txtPageIndexCenter ul{
	list-style: disc;
	margin-left:20px;
	
	
	}

#txtPageIndexCenter ul li{

margin:5px;
	float:left;
}

#txtPageIndexCenter p{


}







.leftIndex .box1 {
	position:relative;
	width:280px;
	margin:10px 10px 15px 40px;
	padding:0 10px 0 0;
	float:left;/*border-right:1px solid #d4d4d4;*/
}
/*.leftIndex .box2 {
	position:relative;
	float:left;
	padding:0 0px 0 0;
	margin:0 10px 0 20px;
	border:0;
	width:280px;
	margin-bottom:40px;
}*/
.leftIndex .box1 p {
	margin:0px 0 0 0;
}
/*.box2 {
	padding:-20px 0 0 0;
}
.box2 p {
	margin:20px 0 0 0;
}*/
.rightIndex {
	position:relative;
	width:320px;
	height:280px;
	margin:10px 60px 0 0px;
	padding:0;
	float:right;/*border: #00F solid 1px;*/
	/*background-color:#fafafa;*/
}
/*.rightIndex img {
	margin:0px auto;
	padding:5px;
	background:#f8f8f8;
	border:1px solid #d4d4d4;
}*/
.rightIndex p {
	margin:20px 0 0 0px;
}
.rightIndex h2 {
	font-family:'robotolight';
	font-size:30px;
	color: #006699;
	margin:0px 0 0 0px;
}
.single{
	margin: 20px 0 0 0;}
	
	.videogallery{
		
		margin: 20px 0 0 0;
		
		
		}
.eachNews {
	border-bottom:1px solid #d4d4d4;
}
.eachNews h2 {
	font-size:90%;
	color:#000;
}
#SpanTxtSerAccueil p {
	margin-top: 10px;
}
/*====================================================================================================================
======================================================================================================================
======================================================================================================================
======================================== CSS FOOTER   ================================================================
======================================================================================================================
======================================================================================================================
=================================================================================================================== */
.mainFooter {
	margin:-10px auto;
	position:relative;
	border-top:10px solid #86C0E4;
	background-image: url(../images/triangle_footer.png);
	background-repeat:no-repeat;
	width:1150px;
	background-color:#FFF;
}
/*.FBG_resize {
	width:1280px;
	margin:0 auto;
	
	position:relative;
}*/
.mainFooter img {
	float:left;
	margin:0;
	padding:0;
}
.mainFooter a {
	color:#666;
	text-decoration:none;
	margin:0 0 0 20px;
}
.mainFooter a:hover {
	color:#006699;
	text-decoration:none;
}
.mainFooter h2 {
	font-family:'robotolight';
	font-size:30px;
	color: #006699;
	padding:10px 0 20px 0;
}
.mainFooter p {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	padding:5px 0;
	margin:0;
	line-height:1.8em;
}
.mainFooter ul {
	padding:0;
	margin:50px 0 0 0px;
	list-style:none;
}
.mainFooter li {
	padding:5px 0;
	margin:0;
}
.mainFooter li a {
	font-family: Verdana, 'Lucida Grande';
	font-size: 15px;
	padding:0px 0 0px 0;
	margin:0 0 0px 10px;
	text-decoration:none;
}
.mainFooter li a:hover {
	color:#006699;
	text-decoration:none;
}
.mainFooter .left {
	width:260px;
	float:left;
	margin:0 0 0 55px;
	padding:15px 40px 15px 0px;/*border: #00F solid 1px;*/
}
.mainFooter .right {
	padding:15px 0;
	float:right;
	margin-right:50px;
	position:relative;
	width:300px;/*border: #00F solid 1px;*/
}
.mainFooter .center {
	padding:15px 0;
	float:left;
	position:relative;
	width:280px;
	/*border: #f00 solid 0px;*/
 	margin:10px 0 0 70px;
}
.mainFooter .center img {
	margin:3px 0 0px 10px;
}

.mainFooter .left img {
	margin:3px 0 0px 10px;
}

.footer {
	width:1150px;
	padding:20px 0;
	margin:0 auto;
	background-color:#FFF;
	/*border-top:1px dashed #666;*/
	border-top:#CDCBC5 dashed 1px;
}
.footer p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
}
.footer a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
	margin:0 20px 0 0px;
}
.footer a:hover {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}
.footer p.right {
	text-align:right;
	width:300px;
	margin:0 80px 0 0px;
	padding:10px 0;
	float:right;
}
.footer p.leftt {
	text-align:left;
	width:450px;
	margin:0 0 0 65px;
	padding:10px 0;
	float:left;
}
p.clr, .clr {
	clear:both;
	padding:0;
	margin:0;
	background:none;
}
.bg {
	clear:both;
	padding:5px 0;
	margin:0;
	border-bottom:2px solid #FFF;
}
#logoGelflex{
	
	margin:10px 0 10px 55px;
	
	
	}