@charset "utf-8";

/************************************************************************/
/* Polices																*/

/* Webfont: Amble-Regular */@font-face {
    font-family: 'AmbleRegular';
    src: url('fonts/Amble-Regular-webfont.eot'); /* IE9 Compat Modes */
    src: url('fonts/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Amble-Regular-webfont.woff') format('woff'), /* Modern Browsers */
         url('fonts/Amble-Regular-webfont.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Amble-Italic */@font-face {
    font-family: 'AmbleItalic';
    src: url('fonts/Amble-Italic-webfont.eot'); /* IE9 Compat Modes */
    src: url('fonts/Amble-Italic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Amble-Italic-webfont.woff') format('woff'), /* Modern Browsers */
         url('fonts/Amble-Italic-webfont.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Amble-Bold */@font-face {
    font-family: 'AmbleBold';
    src: url('fonts/Amble-Bold-webfont.eot'); /* IE9 Compat Modes */
    src: url('fonts/Amble-Bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Amble-Bold-webfont.woff') format('woff'), /* Modern Browsers */
         url('fonts/Amble-Bold-webfont.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Amble-BoldItalic */@font-face {
    font-family: 'AmbleBoldItalic';
    src: url('fonts/Amble-BoldItalic-webfont.eot'); /* IE9 Compat Modes */
    src: url('fonts/Amble-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Amble-BoldItalic-webfont.woff') format('woff'), /* Modern Browsers */
         url('fonts/Amble-BoldItalic-webfont.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Amble-Light */@font-face {
    font-family: 'AmbleLight';
    src: url('fonts/Amble-Light-webfont.eot'); /* IE9 Compat Modes */
    src: url('fonts/Amble-Light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Amble-Light-webfont.woff') format('woff'), /* Modern Browsers */
         url('fonts/Amble-Light-webfont.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Amble-LightItalic */@font-face {
    font-family: 'AmbleLightItalic';
    src: url('fonts/Amble-LightItalic-webfont.eot'); /* IE9 Compat Modes */
    src: url('fonts/Amble-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Amble-LightItalic-webfont.woff') format('woff'), /* Modern Browsers */
         url('fonts/Amble-LightItalic-webfont.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Amble-LightCondensedItalic */@font-face {
    font-family: 'AmbleLightCondensedItalic';
    src: url('fonts/Amble-LightCondensedItalic-webfont.eot'); /* IE9 Compat Modes */
    src: url('fonts/Amble-LightCondensedItalic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Amble-LightCondensedItalic-webfont.woff') format('woff'), /* Modern Browsers */
         url('fonts/Amble-LightCondensedItalic-webfont.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/************************************************************************/
/* General																*/

* {
	margin: 0;
	padding: 0;
}

#megawrapper{
	max-width:1440px;
	margin-right:auto;
	margin-left:auto;
	background: #ffffff;
}

.clear {
	clear: both;
	height: 0;
}

body{
	font-family: 'AmbleRegular';
	font-size: 20px;
	overflow-x: hidden;
	background-color:#f2f2f2;
}

li {
	list-style-type: none;
}

.espacevide {
	width: 100%;
}

/* Fin General															*/
/************************************************************************/

/************************************************************************/
/* Typo																*/

h1 {
    color: #444444;
    font-family: 'AmbleRegular';
    font-size: 33px;
	font-weight: normal;
	line-height: 35px;
	padding-top:40px;
}

h2{
    color: #0f5380;
    font-family: 'AmbleRegular';
    font-size: 33px;
	font-weight: normal;
	line-height: 35px;
	padding-top:40px;
}

h3{
    color: #444444;
    font-family: 'AmbleRegular';
    font-size: 19px;
	font-weight: normal;
	line-height: 22px;
}

h4{
    color: #444444;
    font-family: 'AmbleRegular';
    font-size: 19px;
	font-weight: normal;
	line-height: 22px;
}

h5{
    font-family: 'AmbleRegular';
	font-size:33px;
	color:#444444;
	font-weight: normal;
	line-height: 35px;
}

h6{
    font-family: 'AmbleRegular';
	font-size:29px;
	color:#444444;
	font-weight: normal;
	line-height: 32px;
}

p{
    font-family: 'AmbleRegular';
	font-size:16px;
	color:#444444;
	line-height: 22px;
}

li{
    font-family: 'AmbleRegular';
	font-size:16px;
	color:#444444;
	line-height: 22px;
}
.moduletablepromenu {
    height: 60px;
    width: 932px;
    margin: auto;
}
ul.menupro li a {
    font-family: 'AmbleRegular';
    font-size: 19px;
    line-height: 24px;
    color: #444444;
}
ul.menupro {
    position: relative;
    line-height: 36px;
    top: 22px;
    right: 10px;
    height: 40px;
}

ul.menupro li {
    font-family: 'AmbleRegular';
    float: left;
    color: #444444;
    padding: 0 20px;
    font-size: 20px;
}

strong{
    font-family: 'AmbleBold';
	color:#444444;
}

a {
    font-family: 'AmbleRegular';
/*	font-size:16px;*/
	color:#4c4f73;
	text-decoration: none;
	line-height: 22px;
}
a:hover {
    font-family: 'AmbleRegular';
	color:#444a9e;
	text-decoration: none;
}

/* Fin Typo															*/
/************************************************************************/


/************************************************************************/
/* Header CSS commune																*/

#header {
	position:relative;
	width: 100%;
	z-index: 1000;
	left:0;
	height:87px;
	background-image:url('img/fondheader.jpg');
	background-repeat:repeat;
	background-position:top center;

}
#subheader {
	width: 960px;
	margin:0 auto;
	position:relative;
}
#headercontenu {
	width: 100%;
	margin:0 auto;
	height:87px;
	position: relative;
}

#logo
{
	position:absolute;
	top:0;
	left:0;
	z-index:10000;
}

#logo:hover
{
	cursor:pointer;
}

#menu {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	z-index:10;
    height: 87px;
}
#submenu {
	position: relative;
	width: 920px;
	margin:0 auto;
	height:87px;
}
#submenu .moduletable_menu {
	
	height:87px;
	
}

#submenu ul {
	position:absolute;
	line-height: 36px;
	top:22px;
	right:10px;
}
#submenu ul li {
    font-family: 'AmbleRegular';
	float: left;
	color: #444444;
	padding: 0 5px;
	font-size:27px;
}
#submenu ul li a{
    font-family: 'AmbleRegular';
	font-size:27px;
	line-height:18px;
	color:#444444;
}
#submenu ul li a:hover{
	color:#0f5380;
}

/* Fin Header CSS commune															*/
/************************************************************************/

/************************************************************************/
/* Header etat initial																*/

#subheader {
	height:87px;
}
#espacevide1 {
	/*height: 87px;*/
}

/* Fin Header etat initial															*/
/************************************************************************/

/************************************************************************/
/* générales																*/

.contactwrapper {
    width: 920px;
    margin: 0 auto 20px;
}

.bloc
{
	/*margin-top : 40px;*/
}

.blocwrapper {
    margin: 0 auto;
	width:920px;
	position:relative;
}

.blocdemi
{
	float:left;
	width:440px;
	padding: 0 10px;
}

.bloctier
{
	float:left;
	width:285px;
	text-align:center;
	padding: 0 10px;
}

.textwrapper
{
	padding-top:10px;
}

.modulegammmewrapper  {
    position:relative;
}

.modulegammmewrapper .textcentre {
    margin: 0 auto;
    width: 920px;
	padding: 20px 0;
}

.modulegammmewrapper .fenetrecont {
    position: relative;
    overflow: hidden;
    height: 390px;
	width: 100%;
    margin: 0 auto;
}

.modulegammmewrapper .fenetregliss{
	width: 10584px;
	height: 390px;
	position : absolute;
	left:0px;
}

#accueil .modulegammmewrapper .fenetregliss{
	width: 10584px;
	height: 390px;
	position : absolute;
	left:0px;
}

#accueilpart .modulegammmewrapper .fenetregliss{
	width: 4312px;
	height: 390px;
	position : absolute;
	left:0px;
}

#accueilpro .modulegammmewrapper .fenetregliss{
	width: 6272px;
	height: 390px;
	position : absolute;
	left:0px;
}


.modulegammmewrapper .gammeelem {
	float: left;
	width: 392px;
	height: 390px;
}

.modulegammmewrapper .illugamme {
    height: 279px;
}

.modulegammmewrapper .nomgamme .titreprojet {
    font-family: 'AmbleRegular';
    font-size: 33px;
    color: #444444;
    text-align: center;
    line-height:  39px;
}

.modulegammmewrapper .nomgamme .infoprojet {
    width:260px;
	margin:0 auto;
    text-align: center;
}

.modulegammmewrapper .shrubbclickable
{
	position:absolute;
}

.modulegammmewrapper .fondparalaxe {
	background-image:url('img/fondparallax.jpg');
	background-position:bottom center;
	background-attachment:fixed;
	height:530px;
}

/* Blocs */
.typea
{
	background-color:#ffffff;
	padding-bottom:40px;
}

.typeb
{
	background-image:url('img/fondvague.jpg');
	background-position:top center;
}

.typeb .blocwrapper
{
	padding: 220px 0 50px;
}

.typebprime
{
	background-image:url('img/fondbprimem.jpg');
	background-position:top center;
	border-top:4px solid #818181;
	border-bottom:4px solid #818181;
	height:530px;
}
.typebprime h5
{
	height:70px;
	margin:40px 0
}
.blocdemigauche h5
{
	margin-left:30px;
}
.blocdemidroite h5
{
	text-align:right;
	margin-right:30px;
}
.blocdemiliste
{
	padding-bottom:25px;
}
.blocdemidroite .blocdemiliste
{
	padding-left:144px;
}
.logoconfiance
{
	float:left;
	margin:0 10px 10px 0;
}

.logoconfiance img {
    width: 120px;
}

.logowrapper
{
	padding-top:20px;
}

.typec
{
	background-image:url('img/zoneinterv.jpg');
	background-position:top center;
	background-repeat:no-repeat;
	height:655px;
	border-top:1px solid #1186d0;
	border-bottom:1px solid #1186d0;
}

#footer
{
/*	background-image:url('img/fondfooter.jpg');*/
	background-position:top center;
	background-repeat:no-repeat;
	height:301px;
	background-color: #005d9a;
}

.footerwrapper {
    margin: 0 auto;
    width: 920px;
	position: relative;
}

.footerliens {
    width: 650px;
	position: absolute;
	top: 32px;
	left: 121px;
}

#footer li {
    float: left;
    width: 267px;
	padding-left: 15px;
}

#footer a {
    color: #ffffff;
    font-family: 'AmbleBold';
    font-size: 26px;
    line-height: 48px;
}

#footer a:hover {
    color: #d3dbdc;
}

#footer .sociaux {
    position: absolute;
    top: 31px;
    right: 141px;
}

#footer .sociaux {
    position: absolute;
    top: 31px;
    right: 141px;
}

#contact .creativecontactform_field_name {
	font-family:'AmbleRegular';
	color: #0f5380;
	font-size: 21px;
	line-height: 24px;
}

#contact .jour {
    width: 70px;
    display: inline-block;
}

#contact .mentioncontact
{
	font-size:14px;
}

/* Fin Blocs */

/* fin générales																*/
/************************************************************************/



/************************************************/
/* Mise en page pop-up cookies						*/

#cookiergpd {
	position:fixed;
	bottom:0px;
	left: 0px;
	z-index:21000;
	width:100%
}

#surcookiergpd{
	position:relative;
	background-color:#000;
	opacity:0.7;
}
#cookiehintwrapper{
	width: 780px;
	padding: 20px;
	margin: auto;
	position:relative;
}
#cookiehintwrapper p{
	color:white;
	margin:0;
}
#compriswrapper{
	position:absolute;
	bottom:10px;
	right:10px;
	height:31px;
	width:96px;
	cursor:pointer;
}
#compriswrapper p:hover{
	background-color:white;
	color:black;
}





.bloclien01 {
	width:100%;
	margin:auto;
}
.partlien {
	float:left;
	width:25%;
	text-align:center;
	height:100px;
	padding-top:20px;
	padding-bottom:80px;
	
	
}