@charset "UTF-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,700italic,600italic,600);

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;

}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
	background-color:#FFF;
	font-size:15px;
	font-weight:400;
	color:#444;
	line-height: 1.5;
	font-family: 'Open Sans', sans-serif;


}

.gradient {
  	background-image: linear-gradient(
      to down, 
      #FFF #EEE);
	  font-size:20px;
}

h1 {
	font-size:25px;
	color:#006;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	letter-spacing:0.3em;
}

h2 {
	font-size:19px;
	color:#464C70;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	letter-spacing:0.4em;
	font-weight:300;
}

h3 {
	font-size:15px;
	color:#000;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	letter-spacing:0.15em;
	line-height: 1.6;
}
p{text-decoration: underline;}

a:link {
	text-decoration:none;
	color:#000;
	font-size:16px;	
	}
a:hover {
	color:#000;
	text-decoration:underline;
	}
a:visited {
	text-decoration:none;
		color:#000;
	}
a:active {
	text-decoration:none;
		color:#000;
	}

figure {
		text-align:center;
	}
figure img {
		
		max-width:1000px;
		padding-top:25px;
	}
figcaption {
	font-family:inherit;
	color:#8A8A8A;
	font-size:13px;
	top:0px;
	position: relative;
	width:700px;
	margin-bottom:28px;
 	margin-left:auto;
	margin-right:auto;
	line-height:15px;
}

.surfondviolet {
		color:#ddd;
	}
.filet_noir {
 		border:1px solid #000;
 }
.syndic {
	padding-left:280px;
}

.annee_bureau {
	font-size:19px;
	color:#616686;
	text-align:center;
	line-height:0.98em;
	margin-bottom:10px;
}
.texte_presentation {	
	line-height:1.6em; 
	text-indent: 20px;
}

.reference {
	width:100%;
	padding-top:62px;
	padding-bottom:152px;
}
.reference p {
	text-align:center;
	width:100%;
	font-size:24px;
	line-height:1.8em;
	color:#616686;

}

#mentionl {
	padding-top:20px;
	margin-bottom:10px;
		padding-bottom:15px;

	}
#mentionl p {
	text-align:center;
	font-size:13px;
	color:#666;
	line-height:1.5em;
	}
#emailcontact {
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	}

#retourhaut {
	text-align:center;
	opacity:0.4;
}
footer {
	height:200px;
	}


#bandeau_top {
	width:100%;
	margin-top:0px;
	height:auto;
	background-color:#FFF;
	
}
#logo {
	margin-top:6px;
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
	width:100%;
	line-height:normal;
	text-align:center;
	}
	


/* MENU*/

.bcg-menu {
	width:100%;
	background-color:#CBCBCB;
	height:40px;
	margin-top:10px;
}
#nav_top {
	margin-top:0px;
	text-align:center;
	margin-bottom:20px;
	width:920px;
	margin-left:auto;
	margin-right:auto;
	height:30px;
	padding-top:12px;
}
.bcg-menu-footer {
	width:100%;
	background-color:#CBCBCB;
	height:40px;
	margin-top:50px;
}
#nav_footer {
	margin-top:0px;
	text-align:center;
	margin-bottom:20px;
	width:920px;
	margin-left:auto;
	margin-right:auto;
	padding-top:12px;
	height:30px;
}


nav {
    display: table;
    table-layout: auto;
    width: 100%;
	list-style: none none;
    line-height: 1;
	}
 
nav ul {
    display: table-row;
    margin: 0;
    padding: 0;
}
 
nav ul li {
    list-style: none;
    display: table-cell;
    text-align: center;
}
 
nav ul li a {
    display: block;

}




a.style_menu:link {
    color: #222;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	font-size:14px;
	letter-spacing:0.1em;
}

a.style_menu:visited {
	    color: #000;
		text-decoration:none;
}

a.style_menu:hover {
	    color: #fff;
		text-decoration:none;

}
/* souligné du menu*/
.menu_hover:hover {
	    color: #fff;
		text-decoration:none;
		border-bottom:1px solid;
}

.menu_hover_actif {
	    color: #fff;
		text-decoration:none;
		border-bottom:1px solid;
}
.menu_hover_actif:hover {
	    color:#000;
		text-decoration:none;
}

a.style_menu_actif:active {
	    color: #ddd;
		text-decoration:none;
		
}
a.style_menu_actif:link {
    color: #fff;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	font-size:14px;
	letter-spacing:0.1em;
	
}
a.style_menu_actif:visited {
	    color: #fff;
		text-decoration:none;
}

a.style_menu_actif:hover {
	    color: #666;
		text-decoration:none;
}

a.style_menu_actif:active {
	    color: #fff;
		text-decoration:none;
}
 /*
.sousmenu {
	z-index:10;
	display: none; Masque la sous-liste 
    position: absolute;  Evite que la dimension du conteneur ne change quand la sous-liste est affichée 
   
    white-space: nowrap;  Pour que le texte ne revienne pas à la ligne
    margin-top: 9px;  Pour que le sous-menu recouvre son parent, facilitant le passage de la souris de l’un à l’autre 
	height:25px;
	padding-bottom:10px;}

.sousmenu li {
	display:block;
	text-align:center;
	height:19px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:14px;
	background-color:#616686;
	margin-left:20px;
	width:100px;
	border:1px solid transparent;
	padding-top:4px;
}

.sousmenu li:first-child {

}
.sousmenu li:hover {
    	color: #fff;
		text-decoration:none;
		border:1px solid white;}*/
		
		
.navnav {
}

 .navnav:hover .sousmenu  {
    display: block; /* Affiche cette sous-liste au survol de son conteneur */

}
.image-communik img {
	width:680px;
}

/* arrow to top http://www.jqueryscript.net/other/Smooth-Page-Scroll-to-Top-with-jQuery.html*/

		.scrollup{
			width:40px;
			height:40px;			
			text-indent:-9999px;
			opacity:0.9;
			position:fixed;
			bottom:90px;
			right:14%;
			display:none;			
			background: url('https://www.pressepresidentielle.fr/images/icon_top.png') no-repeat;
		}
		
		

	 
	

/* reseaux sociaux*/
ul.share-buttons{
  list-style: none;
  padding: 0px;
}

ul.share-buttons li{
  display: inline;
}
#share {
	height:35px;
	padding-top:8px;
	padding-bottom:0px;
	bottom:0px;
	width:100%;
	text-align:center;
	position:fixed;
	border-top:1px solid #ddd;
	z-index:10;
	background-color:#999;
}
.share-buttons img {
	height:24px;
}



@media (max-width: 1024px) {

#nav_top {
	width:97%;
	margin-top:15px;
	margin-bottom:5px;
}

#nav_footer {
	margin-top:10px;
	text-align:center;
	margin-bottom:20px;
	width:95%;

}

figure img{
	width:90%;
  min-width:50px;
	
}


@media (max-width: 767px) {
section {
	padding-top:140px;	
}
.reference {
	padding-top:150px;
	padding-bottom:52px;	
}
h1 {
	font-size:18px;
	letter-spacing:0.1em;
}
img {
	
	height:auto;
}
figure img{
	width:94%;
  min-width:50px;
	
}
figcaption {
	width:100%;
	}
body {
	font-size:14px;
	
}
.logoimg {
	width:300px
}

#main_container_ssphoto {
		width:100%;
	
}
#main_container_even {
		width:100%;
	
}
.bcg-menu {
	width:100%;
	background-color:#fff;
	height:auto;
}
.bcg-menu-footer {
	background-color:#fff;
	height:40px;
	margin-top:0px;
}
#nav_top{
	margin-top:0;
	text-align:center;
	margin-bottom:5px;
	width:100%;
	padding-top:0px;
	background-color:#fff;

}
#nav_footer {
	margin-top:0px;
	text-align:center;
	margin-bottom:45px;
	width:100%;
	padding-top:0px;
	background-color:#fff;

}
nav {
    display: block;
    table-layout: auto;
    width: 100%;
	list-style: none none;
    line-height:2em;
	}
 
nav ul {
    display: block;
    margin: 0;
    padding: 0;
}
 
nav ul li {
    list-style: none;
    display: block;
    text-align: center;
	padding-bottom:1px;
}
 
nav ul li a {
    display: block;

}
 .navnav:hover .sousmenu  {
    display: none; 

}
a.style_menu:link {
 font-size:16px;
}
a.style_menu_actif:link {
 font-size:16px;
}
/* souligné du menu*/
.menu_hover:hover {
	    color: #000;
		text-decoration:none;
		border-bottom:1px solid;
}

.menu_hover_actif {
	    color: #000;
		text-decoration:none;
		border-bottom:1px solid;
}
.menu_hover_actif:hover {
	    color:#000;
		text-decoration:none;
}

a.style_menu_actif:active {
	    color: #ddd;
		text-decoration:none;
		
}
a.style_menu_actif:link {
    color: #000;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	font-size:14px;
	letter-spacing:0.1em;
	
}
a.style_menu_actif:visited {
	    color: #000;
		text-decoration:none;
}

a.style_menu_actif:hover {
	    color: #666;
		text-decoration:none;
}

a.style_menu_actif:active {
	    color: #000;
		text-decoration:none;
}
#share {
	height:36px;
	padding-top:12px;
	padding-bottom:0px;
	
}
.share-buttons img {
	height:24px;
	width:24px;
}
.sst_date_even {
	font-size:1em;
	padding-left:3%;
	font-weight:700;
	}
.ssst_date_even {
	padding-left:5%;

}
.date_even_com{
		padding-left:0;

}


}
@media (max-width: 480px) {
	.block-livre{
}
.texte_presentation {
	text-indent:0;
}
.sst_date_even {
    
    padding-left: 0;
}
}