<style type="text/css">

.reset {
	
}
/*-------------------------------------------------------------------------- Structure ---------------------------------------------------------------------------*/

@font-face {
    font-family: 'typo1';
    src: url('../font/roboto.eot');
    src: url('../font/roboto.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto.woff') format('woff'),
         url('../font/roboto.ttf') format('truetype'),
         url('../font/roboto.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'typo2';
    src: url('../font/roboto_b.eot');
    src: url('../font/roboto_b.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto_b.woff') format('woff'),
         url('../font/roboto_b.ttf') format('truetype'),
         url('../font/roboto_b.svg#Roboto') format('svg');
}


h2.titre_page {
display:inline-block;
width:100%;
text-align:center;
margin:auto;
font-size:2rem;
margin:20px 0 30px 0;
text-transform:uppercase;
padding:0 10px;
}

.colonne1 .colonne_droite {
background:#eee;
width:25%;
float:left;
display:block;
margin-bottom:30px;
}

.colonne1 .colonne_gauche {
width:25%;
float:left;
display:block;
margin-bottom:30px;
}


.colonne1 .colonne_gauche .bloc_nav_gauche {
	background-color: #558ed5;
    padding: 20px;
    margin:20px 0;
}

.colonne1 .colonne_gauche .bloc_nav_gauche h2 {
font-size:1.3rem;
text-transform:uppercase;
color:#558ed5;
margin-bottom:0;
}

.colonne1 .colonne_contenu {
background-color:#FFFFFF;
width:50%;
float:left;
display:block;
margin-bottom:30px;
}

.colonne_contenu .bloc_album_photo {
padding:0 20px 20px 20px;
}

.colonne_contenu a.album_photo {
width:calc(20% - 20px);
height:80px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
display:block;
float:left;
margin:0 10px 20px 10px;
}

.colonne1 .bloc {
width:calc(100% - 30px);
clear:both;
padding-bottom: 0;
padding-top: 0;
}

.colonne1 .bloc p {
text-align:justify;
}

.colonne1 .bloc p a {
color:#558ed5;
}

.colonne1 .bloc p a:hover {
text-decoration:none;
}


.bloc a.lire_suite {
color:#558ed5;
display:block;
}

.bloc a.lire_suite:hover {
text-decoration:none;
}

.contenu_global_bloc .jqte_editor {
background-color:#FFFFFF;
}

.jqte_editor {
padding:20px;
text-align:justify;
font-family: 'typo1';
min-height:10px;
}

.jqte_editor p {
margin:0 0 6px 0;
}

.jqte_editor,	 
.jqte_editor p, 	 
.jqte_editor p a, 
.jqte_editor p u, 
.jqte_editor p i, 
.jqte_editor p b, 
.jqte_editor a,
.jqte_editor u,
.jqte_editor i,
.jqte_editor b,
.jqte_editor li {
font-size:1.2rem;
font-family: 'typo1';
line-height:22px;
}

.jqte_editor p b, .jqte_editor b {
font-family: 'typo2', 'typo1';
}



.jqte_editor a,
.jqte_editor p a,
.jqte_editor li a {
color:#558ed5;
}

.jqte_editor ul {
margin-bottom:10px;
}

.jqte_editor li {
    line-height: 25px;
    display: list-item;
    list-style-image: url(../images/interface/puce.png);
    list-style-position: inside;
}

.jqte_editor h2,
.jqte_editor h3 {
font-size:1.5rem;
text-transform:uppercase;
margin:0 0 8px 0;
background:none;
color:#0971c0;
text-indent:0;
float:none;
display:block;
clear:both;
height:auto;
line-height:25px;
text-align:left;
width:100%;
overflow:visible;
font-family: 'typo1';
}

.jqte_editor h3 {
font-size:1.2rem;
}


.jqte_editor iframe {
width:100%;
}


p.visuel_legende {
	text-align: center;
    clear: both;
    color: #17375e;
    font-size: 0.9rem;
    font-style: italic;
    margin-bottom: 20px;
}

.colonne1 .bloc_visuel_structure {
	background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-color: transparent;
    min-height: 10px;
    padding: 0;
}

.bloc_visuel_structure img {
width:auto;
opacity:0;
max-width:510px;
clear:both;	
margin: 0 0 25px 0;
}


.colonne1 .bloc_document {
margin-bottom:20px;
}

.colonne1 .bloc_document, .bloc_4 {
padding-top:15px;
}



.tableau, .bloc_5 .colonne_contenu .bloc .tableau {
width:100%;
height:auto;
border-top:1px solid #17375e;
border-left:1px solid #17375e;
border-bottom:1px solid #17375e;
overflow: hidden; 
margin-bottom:0px;
}

.bloc_popup_centrer .tableau {
border:none;
}

.bloc_popup_centrer .tableau .titre {
background:none;
}

.bloc_popup_centrer .tableau .cellule {
line-height:30px;
height:30px;
border:none;
}


.tableau .cellule, .bloc_5 .colonne_contenu .bloc .tableau .cellule {
float:left;
display:block;
line-height:25px;
text-indent:5px;
border-right:1px solid #17375e;
padding-right:5px;
}

.tableau .titre, .bloc_5 .colonne_contenu .bloc .tableau .titre {
font-weight:bold;
height:30px;
background:#558ed5;
line-height:30px;
color:#FFFFFF;
}


.colonne_contenu {
width:100%;
margin:0;
padding:0 15px;
}


.colonne_contenu .taille_ {
width: calc(100%);
clear:both;
overflow:hidden;
margin:0 0 30px 0;
padding:0;
}

.colonne_contenu .taille_ .bloc {
width:100%;
padding:0 15px;
margin:0;
}

.colonne_contenu .taille_petit {
width: calc(49.6%);
clear:none;
overflow:hidden;
margin:0 0 30px 0;
padding:0;
vertical-align:top;
display:inline-block;
}


.colonne_contenu .taille_petit .bloc {
padding:0 15px;
margin:0;
width:100%;
}


.colonne_contenu .taille_ .bloc iframe {
margin:0;
height:350px;
}

.colonne_contenu .taille_petit .bloc iframe {
margin:0;
height:180px;
}


.colonne_contenu .photo {
margin:0;
}


.colonne_contenu .taille_petit .bloc_album_photo .bloc_visuel_structure {
margin:0 0 5px 0;
}

.colonne_contenu .taille_ .bloc_album_photo .bloc_visuel_structure {
margin:0;
}

.colonne_contenu .taille_ a.album_photo {
width:calc(20% - 20px);
height:80px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
display:block;
float:left;
margin:0 10px 20px 10px;
}

.colonne_contenu .taille_petit a.album_photo {
width:calc(50% - 20px);
height:80px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
display:block;
float:left;
margin:0 10px 20px 10px;
}



.colonne_contenu .taille_ .bloc_album_photo .bloc_visuel_structure img {
width:auto;
opacity:0;
max-width:510px;
clear:both;	
margin: 0 0 25px 0;
}

.colonne_contenu .taille_petit .bloc_album_photo .bloc_visuel_structure img {
width:auto;
opacity:0;
max-width:230px;
clear:both;	
margin: 0 0 25px 0;
}

.trait_article {
height:1px;
background-color:#558ed5;
width:50%;
display:block;
margin-left:25%;
margin-bottom:20px;
}

.jqte_editor a.lire_suite {
font-weight:bold;
margin-bottom:20px;
}

</style>