﻿@charset "utf-8";


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

@font-face {
    font-family: 'pt_sansregular';
    src: url('fonts/PTS55F-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sansbold';
    src: url('fonts/PTS75F-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sansbold_italic';
    src: url('fonts/PTS76F-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sansitalic';
    src: url('fonts/PTS56F-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sans_captionbold';
    src: url('fonts/PTC75F-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sans_captionregular';
    src: url('fonts/PTC55F-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sans_narrowbold';
    src: url('fonts/PTN77F-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sans_narrowregular';
    src: url('fonts/PTN57F-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* fin Polices															*/
/************************************************************************/

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

* {
	margin: 0;
	padding: 0;
}
#megawrapper{
	max-width:1920px;
	margin-right:auto;
	margin-left:auto;
	background-color: #ffffff;	
/*	background-image: url(img/fond.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
}
.clear {
	clear: both;
	height: 0;
}

body{
	font-family: pt_sansregular;
	overflow-x: hidden;
}

li {
	list-style-type: none;
}

.espacevide {
	width: 100%;
}

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

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


h1 {
    color: #0e76bb;
    font-family: pt_sans_narrowbold;
    font-size: 43px;
	text-transform:uppercase;
}

h2{
    color: #0e76bb;
    font-family: pt_sansbold;
    font-size: 30px;
}

h3{
	font-family: pt_sansregular;
	font-size:20px;
	color:#479ed8;
}

h4{
	font-family: pt_sansregular;
	font-size:20px;
	color:#479ed8;
}

h5{
	font-family: pt_sansbold;
    font-size: 28px;
	color: #0e76bb;
    text-align: center;
}

h6{
	font-family: pt_sansregular;
	font-size:29px;
	color:#479ed8;
}

p{
	font-family: pt_sansregular;
	font-size:18px;
	color:#000000;
}

strong{
	font-family: pt_sansbold;
	font-size:18px;
	color:#ffffff;
}

a {
	font-family: pt_sansregular;
	font-size:18px;
	color:#000000;
	text-decoration: none;
}
a:hover {
	font-family: pt_sansregular;
	color:#0e76bb;
	text-decoration: none;
}
/* Fin Typo															*/
/************************************************************************/


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


#header {
	position: fixed;
	width: 100%;
	background-color: #ffffff;
	background-repeat: repeat;
	max-width: 1920px;
	z-index: 1000;
	border-bottom:#000000 solid 5px;
}

#subheader {
	width: 1230px;
	margin:0 auto;
	position: relative;
}

#menu {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 36px;
	z-index:10;
}
#submenu {
	position: relative;
	width: 1230px;
	margin:0 auto;
	height:172px;
}

#submenu .moduletable_menu {
    position: absolute;
    right: 0;
    top:88px;
	padding-bottom: 5px;
	border-bottom: 1px #0f77bb solid;
}
#submenu ul li{
	padding: 0 5px;
	float: left;
	font-size: 19px;
	font-family: pt_sansbold;
}

#submenu ul li.item-118, #submenu ul li.item-119{
	border:none;
}

#submenu ul li a {
    color: #202b35;
    font-family: pt_sansbold;
    font-size: 19px;
    text-decoration: none;
}

#submenu ul li a:hover {
    color: #0e76bb;
    font-family: pt_sansbold;
}

#submenu li {
    position: relative;
    z-index: 100;
}

#submenu .moduletable_secondaire {
    position: absolute;
    right: 0;
    bottom: 24px;
}

#submenu .moduletable_secondaire li a {
    font-family: pt_sansregular;
    font-size: 14px;
}

#submenu .moduletable_secondaire li a:hover {
    font-family: pt_sansregular;
    color: #0e76bb;
}

#logo {
    position: absolute;
    left: 30px;
    top: 20px;
}

#logo img {
    width: 200px;
}


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

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

#subheader {
	height:172px;
}

#espacevide1 {
	height: 172px;
}

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

/************************************************************************/
/* Zones User															*/

#user01 {
	border-top: 1px solid white;
	width: 100%;
}
#subuser01{
/*	width: 1440px;*/
	margin: 0 auto;
}

#user02 {
	border-top: 1px solid white;
	width: 100%;
}
#subuser02{
/*	width: 1440px;*/
	margin: 0 auto;
}

#user03 {
	border-top: 1px solid white;
	width: 100%;
}
#subuser03{
/*	width: 1440px;*/
	margin: 0 auto;
}
#user03 .fonduser {
	width: 1920px;
	margin-left: -240px;
}

#user04 {
	border-top: 1px solid white;
	width: 100%;
}
#subuser04{
	/*width: 1440px;*/
	margin: 0 auto;
}
#user04 .fonduser {
	width: 1920px;
	margin-left: -240px;
}

/* Fin Zones User														*/
/************************************************************************/


/************************************************************************/
/* Composant															*/

#component {
	width: 100%;
	min-height: 453px;
}
#subcomponent {
	margin:auto;
}

/* Fin Composant														*/
/************************************************************************/

/************************************************************************/
/* bloc general															*/
.bloc{
	position:relative;
}

.blocwrapper {
    margin: 0 auto;
    width: 1230px;
	padding:40px;
}

/* fin bloc general  													*/
/************************************************************************/

/************************************************************************/
/* bloc tiers															*/
						
.descriptillu {
	padding-top:30px;
}

.tierswrapper{
	margin:auto;
	width:1230px;
	position:relative;
}

.tiers{
	width:410px;
	float:left;
	padding-bottom: 30px;
}

.illutiers {
    height: 190px;
    margin: 30px auto 0;
    width: 200px;
}

.texttiers{
	padding:10px;
	width:375px;
	margin: auto;
}

.texttiers a {
    font-size: 16px;
    color: #8acaf5;
}


.texttiers p{
	text-align: center;
	font-size: 16px;
	color: #5d9fca;
}

/* fin bloc tiers  															*/
/************************************************************************/

/************************************************************************/
/* bloc quart															*/

.quartwrapper{
	margin:auto;
	width:1230px;
	position:relative;
}

.quart{
	width:410px;
	float:left;
}

.illuquart {
    padding: 10px;
    width: 123px;
    height: 123px;
    margin: 65px auto 0;
}

.textquart{
	padding:10px;
	width:390px;
}
.quartbas{
	width:1230px;
}
.quartbas .textquart{
	width:1210px;
	padding:10px;
}

/* fin bloc quart  															*/
/************************************************************************/

/* bloc général  															*/
/************************************************************************/
.typeA {
	background-color: #0e76bb;
}

.typeA .bloctitre h2{
	color: #1c4260;
}

.typeA .bloctitre h4 {
	color:#afd9f5;
}

.typeA p {
	color:#000000;
}

.typeA strong {
	color:#ffffff;
}

.typeA .blocwrapper, .typeAprime .blocwrapper, .typeF .blocwrapper{
	position:relative;
}

.typeA .bloctitre, .typeAprime .bloctitre  {
    padding-bottom:40px;
}

.typeAprime {
    background-color:#1f2d3a;
}
.typeAprime p {
	color:#ffffff;
}

.typeAprime strong {
	color:#8acaf5;
}

.typeD
{
	background-position: center top;
    background-repeat: no-repeat;
	height: 485px;
	border-top:2px #ffffff solid;
	border-bottom:2px #ffffff solid;
}

.typeF
{
	background-position: center top;
    background-repeat: no-repeat;
	height: 374px;
}

.typeF .titrebloc {
	position: absolute;
	bottom: 16px;
	left: 28px;
}

.typeF .blocwrapper {
    height: 295px;
}

/************************************************************************/
/* fin bloc général 															*/

/************************************************/
/* 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: 1230px;
	padding: 40px;
	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;
}
/* Fin mise en page	 pop-up cookies					*/
/************************************************/