body{ margin:0;}
/* body.pageImg{padding-top: 32px;} */
.picto {background: url(/imagerie/content/pictos.png) no-repeat;}
#scroll-top{ z-index:999999; display:none; position:fixed; bottom:30px; right:20px; padding-right:50px; background:url(/imagerie/content/pictos.png) no-repeat right -1607px; line-height:40px; text-decoration:none; color:#333; text-transform:uppercase; font-size:12px; font-family:latobold, sans-serif;}
#scroll-top:hover{ text-decoration:underline;}

h1 {font-family: dubielitalic, serif; font-size: 24px; font-weight: normal; color:#000;}
h2 {font-family: dubielitalic, serif; font-size: 60px; font-weight: normal; margin:5px 0 10px; color: #000; line-height: 0.85em;}
h2 strong {font-weight: normal; text-transform: uppercase; }
h3 {font-family: latolight, sans-serif; text-transform: uppercase; font-weight:normal; margin: 0 0 15px; font-size: 21px;}
h4{font-family:latobold, sans-serif; font-size:14px; text-transform:uppercase; color:#666;text-align:center; margin: 15px 0 5px ;}

.magazine { clear:both; width:100%; font-family: dubielplainregular, serif; font-size:50px; color:#232936; color:#000; text-transform: uppercase; line-height: 1.4em; margin:0 0 45px; padding-top: 20px; }

p {margin:0 0 15px;}
a {color:#666; text-decoration: none;}
a:hover {text-decoration: underline;}

img.full img.left, img.right, img.top, img.middle, img.bottom {display: block;}
img.top, img.middle, img.bottom {position:absolute;}
img.left {float:left;}
img.right {float:right;}

.section {width: 100%; max-height: 1400px; margin:0 auto; clear:both;}
.section.grey {background-color: #f8f8f9}
.content {width: 996px; margin:0 auto; position:relative; font-family: latoregular, sans-serif; font-size:12px; color:#666; float: inherit; overflow: hidden;}

.breadcrumb {margin:0;  width: 70%; float: left; list-style: none; float: left; color:#f8f8f9; position:relative; z-index:10;}
.breadcrumb li {float:left; color:#fff; padding:0 8px 0 0; background: url(/imagerie/content/separator.png) no-repeat right 4px;}
.breadcrumb li.last {background:none;}
.breadcrumb li a {color:#fff;}

.ici {background: url(/imagerie/content/bg-ici.png) no-repeat; width:238px; height:238px; text-align: center; font-size:14px; text-transform:uppercase; position:absolute; display:block; left:50%; margin-left:-119px;}
.ici strong {padding-top:38px; margin-top:86px; display: block;}

.highlight {position:absolute; text-align: center;}

.btn {margin-top:25px; text-transform: uppercase; font-family: latobold, sans-serif; position: relative;}
.btn a {color:#fff; background-color:#1E1852; padding:6px 20px}
.btn a:hover {text-decoration:none; background-color:#38326C;}

.circle {width:100%; margin:60px 0 0; padding:0; list-style: none; position: relative; float:left;}
.circle li {position:absolute; display: block; text-transform: uppercase; font-family: latolight, sans-serif; text-align: center}
.circle li strong {color:#fff; font-family: latoblack, sans-serif; display: block;}

.social-link {margin:0; padding:0; float:right; list-style: none; position:relative; z-index:10;}
.social-link li {float:right;padding-left:1px;}
.social-link a{display: block; height: 29px; width: 29px; float:left; text-indent: -9999px; float:right; background: url("/imagerie/content/social.png") no-repeat}
.social-link a.fb{ background-position : 0 0;}
.social-link a.tw{ background-position : -29px 0;}
.social-link a.gp{ background-position : -58px 0;}
.social-link a.pi{ background-position : -87px 0;}

#accueil {height:538px; text-align: center}
body.pageImg #accueil {padding-top:92px; text-align: center;background-position: 0 -175px;background-size: cover;}
#accueil .content {background: none;}
#accueil .highlight {width:600px; margin:0 auto; padding:10px 80px 20px; background-color: #fff; background-color: rgba(255, 255, 255, 0.9); position: relative; z-index: 100;}
#accueil .highlight p {text-transform: uppercase;}
#accueil .highlight .picto.bottom {background-position: center 23px; cursor: pointer; height:53px;}

#other {}
#other .content {background: none; overflow: hidden;}
#other h2{text-align:center;font-size:21px;font-family: latoblack, sans-serif;text-transform:uppercase;font-weight:normal;margin:30px 0;}
#other h2 strong{font-family:latolight, sans-serif; background-position: 0 -1476px;padding-left:30px;}
#other .list-item {margin:0;padding:0; list-style: none;}
#other .list-item li {float: left; width: 33%; position: relative;}
#other .list-item li img {}
#other .list-item li h3 {display:block; width:110px; height:110px; line-height: 110px; font-size:12px; text-transform: uppercase; font-family: latoblack, sans-serif; text-align: center; background: url(/imagerie/content/circle-other.png) no-repeat; position:absolute; top:30px; left:50%; margin-left:-55px;}
#other .list-item li h3.multiLine {line-height:1.2em; padding-top:40px;}
#other .list-item p {padding:0 30px;text-align: center; min-height:55px; margin-bottom:0; font-size:12px; line-height:normal;}
#other .list-item .btn {min-height:inherit; margin:10px 0 25px 0;}

#other .list-item .btn a{color:#000; background-color: #fff; border:1px solid #f2f2f2; }	
#other .list-item .btn a:hover {background-color:#f6f6f6}
body div#bottom-container{
	margin:15px auto 0 auto;
background: url('/imagerie/home/fond_frise.jpg') no-repeat center right;
width: 890px;
height: 70px;
}
body #footer-navigation ul{
margin: 0 auto;
width:900px;
}
/* header-sf prerendering */
#ah-header-wrapper {
  display: none;
}
/* header sf */
#header-sf {
	z-index: 9999;
}
#header-sf button {
	font-family: Roboto, sans-serif;
}