@charset "UTF-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, 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, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

*:hover {
	 transition: all .3s ease-in-out; 
	}


* { 
	box-sizing:border-box;   
}




.clr { 
	clear:both; 
}


img, p, h1, h2, h3 { 
	border:none; 
	margin:0; 
	padding:0; 
}

h1, h2, h3 { 
	font-weight:normal; margin:0; padding:0;  
}

h1 { 
	font-family: 'Titillium Web', sans-serif;
	color:#333;
	line-height:38px; 
	font-weight:700;
	font-size: 32px;
}


a { 
	cursor:pointer;
	color: #333; 
	
}

.img_liens { 
	opacity:1; 
}

.img_liens:hover { 
	opacity:0.8; 
}


html { 
	height:100%; 
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Titillium Web', sans-serif;
	color:#333;

	line-height:1.5;
	font-size: 14px;
	
	height:100%; 
}

img { 
	max-width:100%; 
}

#header { 
	width:100%; border-top:; border-bottom:solid;  border-width:1px; border-color:#3A2F2F; height:155px; background-color:#FFF; padding-top:8px; 
	position:fixed; z-index:1000;   
}

#header  section {
	position:relative; width:100%; height:100%; 
}


#logo { 
	float:left; width:20%; padding-top:45px;  
}


#bann { 
	float:left; width:80%;   
}


#logo  img {
	max-height:75px; 
}

#col_gauche { 
	float:left; width:20%; padding:20px; min-height:100%; background-color:#F7F7F7; margin-top:155px; text-align:;    
}

#col_droite { 
	float:left; width:80%; padding:50px; min-height:100%; background-color:#FFF;  margin-top:155px;   
}

#col_gauche h1 {
	
	font-size:24px; padding-top:25px; padding-bottom:10px; 
}


.elem_une { 
		float:left; width:calc(33% - 80px); margin-right:80px; margin-bottom:30px; height:450px; overflow:hidden; padding:15px; 
		border:solid; border-width:1px; border-color:#CCC; border-radius:15px; 
}

.elem_une  a {
	text-decoration:none; width:100%; height:100%; 
}

.elem_une  a  span {
	display:block; text-align:left; font-weight:bold; font-size:14px; height:82px; padding:12px;   
}


.elem_une  a figure {
	text-align:center; width:100%; display:block; height:  250px; background-size:cover; background-repeat:no-repeat; 
}


.elem_une  a aside   {
	padding-top:25px; 
}


.elem_une  a aside img  {
	display:block; margin-left:auto; margin-right:auto; max-width:200px; max-height:45px;   
}

.pubitem { 
		float:left; width:50%; text-align:center; 
		
}

.pubitem article {
  padding: 10px;
  text-align: center; margin-bottom:40px; 
}

.pubitem span {
	display:block; text-align:center; font-size:12px; 
}


.pubitem article img  {
	max-width:500px; 
}







@media only screen and (max-width: 1000px) {
 html {
	   -webkit-text-size-adjust: 100%;
	 }
	 
body { 
	margin:0px; 
}
	 

#logo {
  float: none;
  width: 100%;
  padding-top: 15px;
  text-align:center;
  margin-bottom:30px;  
  
}
#logo img  {
	max-height:40px; 
}

#bann {
  float: none;
  width: 100%;
}


#header { 
	height:185px; 
}


#col_gauche {
  float: none;
  width: 100%;
  padding: 20px;
  min-height: auto; 
  background-color: #F7F7F7;
  padding-top: 185px;
  margin:0; 
  text-align: ;
}


#col_droite {
  float: none;
  width: 100%;
  padding: 20px;
  min-height: auto; 
  background-color: #FFF;
  margin-top: 0;
  
}

.elem_une {
  float: none;
  width: calc(100%);
  margin-right: 0;
  margin-bottom: 30px;
  height: auto;
  overflow: visible;
  padding: 10px;
 
}



.pubitem {
  float: none;
  width: 100%;
  text-align: center;
  margin-bottom:20px; 
}

.pubitem article img {
  max-width: 100%;
}




}



/* ----------------FIN MOBILE   --------------------------- */