/* typography */
body {
	color:#666;
	/*font-family:Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif; */
	font-family:"Circular Book",Calibri,Arial,sans-serif;
	font-size:16px;
	line-height:normal;
	background:url(../images/bg-body.jpg) repeat-x left top;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	/*font-family:Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif;*/
	font-family:"Circular Book",Calibri,Arial,sans-serif;
	line-height:120%;
	margin:0;
	padding:0;
	 
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
/*page css start from here*/

/* GRAND gouttiere 2024 */ /* ordinateur */
#gouttiere {background-color:white; width:5px; height:1px}
.container {margin:0 auto; width:100%;}
.full-width {width:100%; float:left;}
.img-responsive {width:100%; height:auto; display:block;}
.header {width:100%; float:left; margin:0; padding:0; background:#fff; position:fixed; top:0; left:0;}
.logo {
	width:380px; float:left; margin:20px 0 0 16px; padding:0; /* width:350px; */
	font:normal 16px "Circular Medium", Verdana, Geneva, sans-serif;
}
/*cecile_degos_2025.jpg  background:url(../images/rien.jpg) no-repeat left top;  */
.logo a {width:100%; min-height:60px; float:left; }
.logo p {width:100%; float:left; margin:5px 0 0 0; padding:0; color:#000; text-align:center;}
.logo p strong {font-weight:bold; font-size:20px;}

.nav-toggle {width:31px; float:left; min-height:24px; margin:0; padding:0; background:url(../images/navicon.jpg) no-repeat left top; display:none;}
.nav {width:100%; float:left; margin:-30px 10px 0 0; padding:0 20px 10px 0; border-bottom:1px solid #000; position:relative; display:block;font-family:"Circular Book"}
.nav ul {list-style:none; margin:0; padding:0; float:right;}
.nav ul li {width:auto; float:left; margin:0; padding-left:15px; padding-right:10px;  padding-bottom:15px; font-size:20px; font-weight:normal; font-style:normal; color:#000;}
.nav ul li a {color:#000; text-decoration:none;}
.sm {width:35px; height:35px; float:right; margin:0; padding:0; display:none;}
.sm1 {background:url(../images/sm1.jpg) no-repeat left top;} 
.sm2 {background:url(../images/sm2.jpg) no-repeat left top;} 
.sm3 {background:url(../images/sm3.jpg) no-repeat left top;} 

.mid-wrap { margin:165px 0 0; padding:35px 10px 25px 30px;} /* float:left;*/
.left {width:75%; height:90vh; float:left; margin:0; padding:0; text-align:center; overflow-y:auto;}  /* height:76vh;*/
.lbanner {width:100%; float:left;}
.content {width:100%; float:left; margin:20px 0 0; padding:0;}
.content p {width:100%; float:left; font-size:16px; font-weight:normal; font-style:normal; color:#000; text-align:left; line-height:18px;}
.content p.font-lg {font-size:20px; margin-bottom:5px;}
.content p.font-xlg {font-family:"Circular Black"; font-size:22px; margin-bottom:10px;}

.separator {width:500px; height:1px; background:rgba(204,204,204); display:inline-block; margin:40px 0;}

.right {width:23%; height:90vh; float:right; margin:0; padding:0; text-align:center; overflow-y:auto; overflow-x:hidden;} /*width:23%;   height:76vh; */
.right > .content {margin-top:0;}

.margin-zero {margin:0;}

.cd-pic {width:48%; float:left; margin:0; padding:0;}
.cd-content {width:48%; float:right; margin:0px 15px 0px 0px; padding:0;}
.cd-content p {font-size:16px; font-weight:normal; font-style:normal; color:#000; text-align:left; line-height:20px; margin-top:3px}
.cd-content p strong {font-size:26px;}

.big-img-re {width:100%; float:left; margin-bottom:10px;}
.rtile-re {width:100%; float:left; margin:0; padding:0; margin-bottom:20px}
.rtile-re a {width:100%; float:left; text-decoration:none; margin:0; padding:0; text-align:left; font-weight:normal; font-style:normal; color:#000;} /* font-size:14px;  */
.rtile-re a span strong {display:inline-block; margin-bottom:0px;}
.rtile-re a span {margin:5px 0; float:left; margin-bottom:25px;}


.bio-re {width:100%; float:left; margin:0 0 0 0px;}
.bio-re h2 {width:15%; float:left; font-size:40px; font-weight:bold; font-style:normal; color:#000; text-align:left;}
.tile-wrap {width:95%; float:left; margin:0; padding:0;} /* .tile-wrap {width:85%; float:left; margin:0; padding:0;} */
.tile-re {width:22%; float:left; margin:0 25px 30px 0; padding:0;}
.tile-re a {text-decoration:none;}
.tile-re p {font-size:14px; font-weight:normal; font-style:normal; color:#000; text-align:left; padding-top:4px;}

.press {width:100%; float:left;}
.pr-re {margin-bottom:30px; width:100%; float:left;}
.pr-re a {text-decoration:none; color:#000;}
.pr-re p {width:100%; float:left; margin:0 0 30px; padding:0; font-size:20px; font-weight:normal; font-style:normal; color:#000; text-align:left;}
/*.pr-re p strong {font-family:"Century Gothic Bold", Verdana;}*/
.pr-img {width:25%; float:left; margin:0 7% 30px 0; padding:0;} /* width:10% ou 25%; margin:0 50px 30px 0; padding:0*/
.pr-img img {border:1px solid #CCC;}
.pr-img span { font-size:16px; font-weight:normal; font-style:normal; color:#000; text-align:left; padding-top:8px; width:100%; float:left; text-align:center;}
/*.pr-img span strong {font-family:"Century Gothic Bold", Verdana;}*/

.copyright {width:100%; float:left;}
.copyright h2 {width:100%; float:left; margin-bottom:20px;  font-size:20px; font-weight:bold; font-style:normal; color:#000; text-align:left;}
.copyright p {width:100%; float:left; margin:0; padding:0;  font-size:16px; font-weight:normal; font-style:normal; color:#000; text-align:left;}
.copyright p em {width:100%; float:left; text-decoration:underline; font-style:normal;}
.copyright p a {text-decoration:none; color:#000;}

.year-ua {width:100%; float:left; margin:30px 0 15px; padding:0; font-family:"Circular Book",Calibri,Arial,sans-serif !important; font-size:30px !important; font-weight:normal; font-style:normal; color:#000; display:none;}
/* ----------------------------------------------------------------------*/

@media only screen and (max-width:1139px) and (min-width:640px) {
/* MOYEN gouttiere 2024 */

#gouttiere {background-color:white; width:5px; height:1px}
.container {width:100%;}
.header {text-align:center; padding-bottom:20px;}
.logo {float:none; display:inline-block;}
.nav {border-bottom:none;}
.nav-toggle {display:block; position: absolute; margin-left: 10px; margin-top: -80px;} /* background:url(../images/navicon.jpg) no-repeat left top;  */
.nav ul {position:absolute; left:10px; width:98%; min-width:630px; margin-top:50px; background:rgba(255,255,255,0.97); display:none;}
.nav ul li {width:100%; background:url(../images/bull.jpg) no-repeat left 5px; text-align:left; padding:0; margin-bottom:20px;}
.nav ul li a {padding-left:30px;}
.sm {display:block;}
.mid-wrap {padding:10px;}
.left {min-width:400px; overflow-x: hidden; height: auto;}
.right {min-width:140px; overflow-x: hidden; height: auto;}
.bio-re h2 {width:100%; margin-bottom: 10px;}
.tile-wrap {width:100%}
.tile-re {width: 44%; margin-bottom: 15px; margin-right: 25px;}
.pr-img {width:35%; margin:0 9% 30px 0;} /* pr-img {width:25%; margin:0 30px 30px 0;} */
.year-ua {display:none;}

}

/* portable 639px  */
@media only screen and (max-width:639px) {
/* PETIT gouttiere 2024 */ 
#gouttiere {background-color:white; width:5px;height:100px}
.container {width:100%;}
.header {text-align:center;}
.logo {float:none; display:inline-block; } /* width:220px;*/
.logo a {width:90%; min-height:38px; margin-left:10px}
.nav {border-bottom:none;}
.nav-toggle {display:block;  position: absolute; z-index:50; margin-left: 10px; margin-top: -80px;} /* -67px  margin-top: -40px; background:url(../images/navicon.jpg) no-repeat left top;   */
.nav ul {position:absolute; width:96%; background:rgba(255,255,255,0.97); display:none; padding:2%;margin-top:40px;}
.nav ul li {width:100%; background:url(../images/bull.jpg) no-repeat left 5px; text-align:left; padding:0; margin-bottom:20px;}
.nav ul li:first-child {margin-top:30px;}
.nav ul li a {padding-left:20px;}
.sm {display:block;}
.mid-wrap {padding:2%; width:96%; max-width:619px;}
.left {min-width:auto; width:90%; overflow-x: hidden; height: auto; padding:0 5%;} 
.right {min-width:auto; width:90%; float:left; margin-top:20px; overflow-x: hidden; height: auto; padding:0 5%;} /*rajout margin-left */
.cd-pic {width:100%; margin-bottom:20px;}
.cd-content {width:100%; margin: 0;}
.bio-re h2 {width:100%; margin-bottom: 10px;}
.tile-wrap {width:100%}
.tile-re {width:100%; margin-bottom: 15px;  margin-right:0;} /* ajout padding */
.tile-re img {width:150px; height:auto; float:right; padding-left:7px} /* padding-right:5px */
.pr-img {width:100%; margin:0;}
.pr-img img {width:99%;}
.year-ua {display:block;}
}