<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');
}

/*--- Si Colonne Gauche et Droite ---
.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: #3463a7;
    padding: 20px;
    margin:20px 0;
}

.colonne1 .colonne_gauche .bloc_nav_gauche h2 {
font-size:1.3rem;
text-transform:uppercase;
color:#3463a7;
margin-bottom:0;
}
*/


/*-------------------------- Listing Article --------------------------*/
.article {
background-color:#FFFFFF;
overflow:hidden;
}

.article section .bloc {
width:calc(33.33% - 30px);
margin:0 15px 30px 15px;
height:400px;
cursor:pointer;
padding:0;
}


.article section .bloc:hover {
background-color:#FFFFFF;
}

.article section .bloc .bloc_image {
height:270px;
background-size: cover;
margin-bottom:15px;
background-position: top center;
}

.article section .bloc h2 {
text-align:left;
font-family:'regular', arial;
font-size:20px;
text-transform:none;
margin-bottom:10px;
text-transform:uppercase;
}

.article section .bloc p {
font-size:18px;
width:100%;
}



.bt_suite {
	clear:both;
    color: #FFFFFF;
    padding: 10px 8%;
    width: auto;
    text-decoration: none;
    font-size: 1.4rem;
    display: table;
    text-align: center;
    margin: auto;
	margin-bottom:40px;
	background-color:#83aad5;
    text-transform: uppercase;
}

.bt_suite:hover {
	background-color:#3463a7;
}



.bt_plus {
float:right;
background:#3463a7;
color:#FFFFFF;
text-align:center;
display:block;
text-decoration:none;
padding:5px;
width:auto;
font-size:1.3em;
}

.bt_plus:hover {
background:#83aad5;
}



/*-------------------------- PAGE Article --------------------------*/
.page_article {
background-color:#ebebeb;
}

.page_article section {
max-width:700px;
}

.page_article .bt_retour {
position:relative;
background-color:#83aad5;
padding:7px;
color:#FFFFFF;
text-decoration:none;
border-radius:10px;
font-size:1.2rem;
display:table;
width:auto;
}

.page_article .bt_retour:hover {
background-color:#3463a7;
}


.page_article .partage {
height: 50px;
width: calc(50% - 350px);
position: fixed;
right: 0%;
top: 290px;
padding:0 20px;
text-align:left;
}


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;
}

.page_article .colonne_contenu {
background-color:#FFFFFF;
width:100%;
display:block;
margin-bottom:30px;
padding-bottom:10px;
}

.bloc_album_photo {
padding:0 20px 20px 20px;
}

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;
}

.page_article .bloc {
width:calc(100% - 30px);
clear:both;
padding-bottom: 0;
padding-top: 0;
}

.page_article .bloc p {
text-align:left;
color:#303030;
margin-bottom:10px;
}

.page_article .bloc p a {
color:#3463a7;
}

.page_article .bloc p a:hover {
text-decoration:none;
}


.page_article .bloc a.lire_suite {
color:#3463a7;
display:block;
}

.page_article .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:#3463a7;
}

.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:#83aad5;
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: #83aad5;
    font-size: 1rem;
    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 #ebebeb;
border-left:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;
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 #ebebeb;
padding-right:5px;
}

.tableau .titre, .bloc_5 .colonne_contenu .bloc .tableau .titre {
font-weight:bold;
height:30px;
background:#3463a7;
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:1;
max-width:600px;
max-height:600px;
clear:both;	
margin: 10px auto;
display:table;
}

.colonne_contenu .taille_petit .bloc_album_photo .bloc_visuel_structure img {
width:auto;
opacity:1;
max-width:250px;
max-height:350px;
clear:both;	
margin:10px auto;
display:table;
}

.trait_article {
height:1px;
background-color:#3463a7;
width:50%;
display:block;
margin-left:25%;
margin-bottom:20px;
}

.jqte_editor a.lire_suite {
font-weight:bold;
margin-bottom:20px;
}





/*------------------------------------ Album Photo -------------------------------------*/
.albumphoto h2 {
text-align:center;
margin-bottom:20px;
padding-top:20px;
}

.albumphoto .bloc_album {
float: left;
margin: 0 15px 20px 15px;
position:relative;
width:calc(33.333% - 30px);
}

.albumphoto .bloc_album .bloc_photo {
min-height: 240px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
width:100%;
display:block;
margin-bottom:5px;
}

.albumphoto .bloc_album h2 {
text-transform:uppercase;
width:100%;
color:#83aad5;
font-family:'typo1';
font-weight:normal;
margin-bottom:0px;
padding-top:0px;
text-align:left;
font-size:1.2rem;
}

.albumphoto .bloc_album:hover {
opacity:0.7;
cursor:pointer;
}

.albumphoto .retour_albums {
	    background: #303030;
    color: #333;
    line-height: 40px;
    padding: 10px;
    font-size: 1.2rem;
    cursor: pointer;
    margin: 0 0 20px 15px;
    clear: both;
    width: auto;
    display: table;
    text-align: center;
	text-transform:uppercase;
	text-decoration:none;
}

.albumphoto .retour_albums:hover {
	background: #3463a7;
}


.fb_iframe_widget {
display: table;
}


.article section .bt_cat {
    color: #FFFFFF;
    background-color: #3463a7;
    text-decoration: none;
    padding: 8px;
    font-size: 1.2rem;
    display: inline-block;
    margin-right: 10px;
	margin-bottom:40px;
}
.article section .bt_cat:hover, .article section .bt_select {
    background-color: #83aad5;
}

.bande .nb_bloc3 .bloc {
width:calc(33.33% - 30px); 
}

.bande .nb_bloc3 .bloc img {
width: auto;
    opacity: 1;
    max-width: 600px;
    max-height: 450px;
    clear: both;
    margin: 10px auto;
    display: table;
}
</style>