*{margin:0;padding:0;outline:none; }
body{margin:0;padding:0; background:#fff url(images/bg.jpg) left top repeat-x;background-color:#ffffff;font-family: Arial, Sans-serif;font-size:0.8em;text-align:justify;color:#555;outline:none;}

a{color:#0090d4;text-decoration:none;}
a:hover{text-decoration:underline;}

img{border:none;}

#page{width:985px;min-height:645px;margin:0 auto;}

#header{width:100%; height:170px;}
#header #logo{float:left;margin-top:-10px;padding:0;}

/*Top Menu*/
#nav-top {float:left;margin:10px 70px;z-index:1000;}
#nav-top ul li{display:inline;}
#nav-top ul li:first-child{font-weight:bold;}
#nav-top ul li:first-child a{color: #e2001a;}
#nav-top ul li a{color:#4e4d4d;padding:5px;text-transform:uppercase;font-size:10px;}

#prodatagroup span{float:left;display:block;margin-top:50px;margin-left:172px;font-size:0.9em;font-variant:small-caps;letter-spacing:1px;}

/*Langues*/
#lang{float:right;width:238px;height:120px;margin-top:0;background:transparent url(images/prodata-eye.jpg) left top no-repeat;}
#lang span#flag{display:block;margin-top:85px;margin-left:82px;}
#lang a, #lang a img{border:none;}


/*Main Menu*/
#nav-main {
    float:left;
	width:820px;/*700px*//*980px*/
	margin: -11px 90px;/*-11px auto*//*-11px 140px*/
	padding:7px 0;
	background-color:#fff;
	border:1px solid #0090d4;
	border-top:1px solid #fff;
	
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius:  0 0 10px 10px;
	border-radius:  0 0 10px 10px;
/*
	-webkit-box-shadow: 0 0 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 0 3px rgba(0,0,0, .3);
	box-shadow: 0 0 3px rgba(0,0,0, .3);}*/
}
#nav {
	float:left;
	width:100%;/*700px*//*980px*/
	margin: -16px 10px;/*-17px 150px*//*-16px 60px*/
	padding: 7px 0;
	background: transparent repeat-x 0 -110px;
	line-height: 100%;
}
#nav li {
	display:inline;
	margin: 0 3px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}


/* main level link */
#nav a {
	font-weight: bold;
	color: #0090d4;
	text-decoration: none;
	font-variant:small-caps;
	display: block;
	padding:  8px 17px;
	margin: 0;
	letter-spacing:1px;
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav a:hover {
	background: none;
	color: #e2001a;
	-moz-transition: all 0.5s ease-in-out 0s;
}

/* main level link hover */
#nav .active a, #nav li:hover > a {
	color: #e2001a;
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background-color: #0090d4 !important;/* url(img/gradient.png) repeat-x 0 -100px !important;*/
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(0,0,0, .1);
	
	-moz-transition: all 0.5s ease-in-out 0s;
}

/* dropdown */
#nav li:hover > ul {
	display: block;
	z-index:2000;
}

/* level 2 list */
#nav ul {
	display: none;

	margin: 0;
	padding: 0;
	min-width: 238px;/*215*/
	position: absolute;
	top: 35px;
	left: 0;
	background: #fafafa repeat-x 0 0;
	border: solid 1px #0090d4;
	border-top: solid 1px #fff;

	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius:  0 0 10px 10px;
	border-radius:  0 0 10px 10px;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}

#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}


/*Nav Services*/
#nav-services{float:left;width:100%;margin-top:10px;margin-bottom:30px;}
#nav-services ul li{float:left;display:inline-block;width:120px;height:120px;margin:0 8px;text-align:center;border:1px solid #fafafa;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
	-webkit-box-shadow: 3px 3px 3px rgba(85,85,85, .3);
	-moz-box-shadow: 3px 3px 3px rgba(85,85,85, .3);
	box-shadow: 3px 3px 3px rgba(85,85,85, .3);
	
background: #0090d4; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTBkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzRmYjdlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDkwZDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #0090d4 0%, #4fb7e8 50%, #0090d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0090d4), color-stop(50%,#4fb7e8), color-stop(100%,#0090d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0090d4 0%,#4fb7e8 50%,#0090d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0090d4 0%,#4fb7e8 50%,#0090d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0090d4 0%,#4fb7e8 50%,#0090d4 100%); /* IE10+ */
background: linear-gradient(top,  #0090d4 0%,#4fb7e8 50%,#0090d4 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090d4', endColorstr='#4fb7e8',GradientType=0 );*/ /* IE6-8 */
}
#nav-services li:hover, #nav-services li.active { 
	border:1px solid #fafafa;/*838383*/
	background: #959595; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1OTU5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NiY2NjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NTk1OTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #959595 0%, #cbcccd 50%, #959595 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(50%,#cbcccd), color-stop(100%,#959595)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #959595 0%,#cbcccd 50%,#959595 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #959595 0%,#cbcccd 50%,#959595 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #959595 0%,#cbcccd 50%,#959595 100%); /* IE10+ */
background: linear-gradient(top,  #959595 0%,#cbcccd 50%,#959595 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#cbcccd',GradientType=0 );*/ /* IE6-8 */
}
#nav-services li a {display:block;width:120px;height:120px;padding:0;text-decoration:none;vertical-align:top;}
#nav-services  h2, #nav-services  h3{color:#fff;font-variant:small-caps;background:none;}
#nav-services  h2{font-size:1.1em;height:30px;padding-top:3px;letter-spacing:1px;}
#nav-services  img{margin:10px 0 8px;height:30px;}
#nav-services  h3{font-size:0.75em;height:10px;}


/*Content*/
#content{float:left;width:100%;min-height:500px;padding-top:20px;background-color: #fff; /*background: #fff url(images/bg-content-alpha70.png) left top;*/}

.bloc{
	float:left;
	margin:15px;
	margin-bottom:30px;
	padding:20px;
	border: solid 1px #e3e3e3;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}

.bloc h1, .bloc h2.like-h1{color:#0090d4;font-size:1.2em;font-weight:normal;margin:0;letter-spacing:1px;font-variant:small-caps;background:transparent url(images/bg-h1.png) left top no-repeat;margin-top:-45px;margin-left:-20px;margin-bottom:30px;padding-left:25px;text-align:left;}
.bloc h2{letter-spacing:1px;margin:30px 0 15px;	font-variant:small-caps;font-size:1.2em;}
.bloc h3{letter-spacing:1px;font-size:1.2em;color:#0090d4;font-style:italic;}
.bloc p{margin:10px 0;}
.bloc ul{margin-left:25px;margin-top:10px;margin-bottom:10px;}
.bloc li, .demi-col li{list-style-type:square;text-align:left;list-style-image:url(images/bg-li.png);}
.bloc li, .demi-col li, p{line-height:1.4;}
.bloc table{margin-top:10px;}

.bloc-portail{
	float:left;
	width:225px;
	min-height:245px;
	margin:15px;
	padding:20px;
	border: dotted 1px #e3e3e3;
}
.bloc-portail h2{
	height:30px;
	color:#0090d4;
	margin:0;
	padding-bottom:5px;
	text-align:center;
	font-variant:small-caps;
	font-weight:normal;
	letter-spacing:1px;
}
.bloc-portail a{text-decoration:none;}
.bloc-portail img{display:block;height:100px;margin:0 auto;}
.bloc-portail a strong{font-size:2em;float:right;margin-top:30px;}
#bloc-portail{width:100%;}
#bloc-portail #main {width:913px;}


#bloc-left{float:left;width:668px;}
/*#bloc-left #home p{display:block;width:500px;margin-left:100px;}*/
/*#bloc-left #home img{width:70px;margin-bottom:-87px;}*/
#bloc-left #main {width:595px;min-height:200px;}
#bloc-left #main p {padding-top:0;}
.nivoSlider {width:385px;height:200px;margin:80px auto;border:none;	
-webkit-box-shadow: 0 0 0 rgba(0,0,0, 0);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, 0);
box-shadow: 0 0 0 rgba(0,0,0, 0);
}
.nivo-controlNav{width:385px;margin:10px 40px;}


/*BLOC ACTUALITÉS*/
#bloc-right{float:left;width:245px;}
.news{min-height:491px;}
#bloc-right h2.like-h1{float:left;width:245px;margin-top:-45px;margin-left:-20px;}
.social-links{float:left;width:60px;margin-left:210px;margin-top:-50px;}
.main-right {min-height:200px;}
.sep{border-top: 1px dotted #555; margin: 20px 0; padding-top: 10px; height: 2px;}/*Séparateur de texte*/


/*CONTENU DIVERS*/
#btWebForm {float:left;width:240px;margin:15px 0 30px;}
#btWebForm a{display:block;width:220px;padding:10px;background-color:#0090d4;color:#fff;font-variant:small-caps;text-align:center;
	border:2px solid #0090d4;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 5px 5px 5px #aaa;
}
#btWebForm a:hover{background-color:#fff;color:#0090d4;text-decoration:none;
	-moz-transition: all 0.4s ease-in-out 0s;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 2px 2px 2px #aaa;
}

.demi-col{float:left;width:40%;margin-bottom:0;margin-right:50px;}
.demi-col ul{margin-bottom:20px;}
input.contact[type="submit"]{width:100%;padding:1em;cursor:pointer;font-size:1.2em;font-variant:small-caps;font-weight:bold;letter-spacing:2px;}

table tr td a span{color:#fff;display:block;position:absolute;*position:relative;margin-top:-25px;*margin-top:-27px;font-weight:bold;width:195px;text-align:center;font-size:13px;}
table tr td a img{width:195px;height:auto;}


/*ZEACCORDION*/

#zeaccordion {font-size: 0.9em;}
#zeaccordion li {list-style-type:square; margin-top:0.5em;}
.ui-accordion .ui-accordion-content-active{background: #fff url(./images/bg-accordions.jpg) top right repeat-x;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color:#27b5e8;}
#zeaccordion  h3 {font-family:Arial, Sans-Serif;font-variant:small-caps;}
#zeaccordion  h3 a{
	font-weight:bold;
	font-size:12px;
}
#zeaccordion div ul{
	margin-left:15px;
	padding:0;
}
#zeaccordion div ul li{
	list-style-type:none;
	float:left;
	margin-left:13px
}
#zeaccordion  div ul li a:hover{text-decoration:none;}
#zeaccordion div ul li:first-child{
	list-style-type:none;
	float:left;
	margin-left:0;
}
#zeaccordion div ul li.first{
	list-style-type:none;
	float:left;
	margin-left:0;
}
#zeaccordion div ul li img{
	width:162px;
	margin-bottom:8px;
}
#zeaccordion div ul li span{
	color:#fff;
	display:block;
	position:absolute;
	*position:relative;
	margin-top:-30px;
	*margin-top:-27px;
	font-weight:bold;
	width:162px;
	text-align:center;
	font-size:13px;
}

/*=======================*/


/*FORMULAIRES*/
/*Contact Form*/
fieldset {border:none;}
input, textarea{border:1px solid #dadada;background-color:#fff;color:#333;}
input:hover, textarea:hover, input:focus, textarea:focus{border: 1px solid #f2f2f2;}
#form  {margin: 0px 0 0 0;}
#form ul {margin: 0 0 10px 0;}
#form ul li {list-style-type:none;}
#form li {margin-top:5px;font-size:0.9em;}
.errors{font-size:0.9em;color:#e2001a}
input [type=submit]{cursor:pointer;}



/*BLOC PARTENAIRES*/
#bloc-bottom {float:left;width:913px;padding: 0 20px;height:100px;}
#bloc-bottom h2{margin-top:-25px;margin-left:-20px;margin-bottom:5px;}
#bloc-bottom img{max-width:110px;max-height:100px;margin:0 2px;vertical-align:middle;}


/*FOOTER FORMULAIRES*/
#form ul li, #zeaccordion ul li{list-style-image:none;}
#newsletter .errors{display:none;}
#footer{width:100%;clear:both;background-color:#0290D4;height:40px;padding-top:1em;margin:0;}
#content-footer{width:985px;margin:0 auto;color:#fff;font-size:10px;}
.adresse-footer{margin-left:50px;float:left;}
.adresse-footer a{color:#fff;}
.adresse-footer ul {width:310px;}
.adresse-footer ul li {display:inline;}
.adresse-footer ul li input, input, textarea, select{background-color:#fff;border:1px solid #555;color:#555;padding:2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}

.adresse-footer ul li input[type="submit"], input[type="submit"] {background-color:#01608d;border:1px solid #e3e3e3;color:#e3e3e3;cursor:pointer;width:80px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
.adresse-footer ul li input[type="submit"]:hover, input[type="submit"]:hover{background-color:#fafafa;border:1px solid #01608d;color:#01608d;}

