html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,  del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,  time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,  q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body
{
margin:0;
padding:0;
height:100%;
width:100%;
}

.centrage, .centrageheader
{
margin : 0px auto;
width:100vw;
}

p
{
font-family: Arial;
}
/* HEADER */
header
{
position:relative;
background-color:#202526;
height:3.8vw;
width:100%;
border-bottom:0.4vw solid #32ABDD;
color:white;
font-size:1em;
}

header img
{
position:relative;
margin:auto;
top:0.35vw;
left:1.1vw;
float:left;
margin-left:0vw;

width:8vw;
}

header h1
{
position:relative;
top:0.7vw;
float:right;
margin-right:1.1vw;
}

header h2{
position:relative;
top:1vw; 
float:left;
margin-left:20vw;
font-size:1.5vw;
line-height:1.65vw;
width:45vw;
}

	#titrecourt{
	display:none;
	}
	
#connexionheader, #espacemembre, .menumembre, .menumembredeconnexion
{
	background: white;
    color: #32ABDD;
    float: left;
    padding: 0.38vw;
    font-size: 0.7vw;
    border-radius: 0.14vw;
    margin-top: 0.74vw;
    font-weight: bold;
    margin-left: 2vw;
	transition:0.5s;
	/* position: absolute; */
    right: 18.5vw;

}



.menumembredeconnexion
{
	background:#B20D00; color:white;float:left;text-decoration:none;font-weight:bold;
}

#connexionheader:hover, #espacemembre:hover, .menumembre:hover
{
	background: #32ABDD;
    color: white;
	transition:0.5s;
	cursor:pointer;
}

.menumembredeconnexion:hover
{
	background: white;
    color: #B20D00;
	transition:0.5s;
	cursor:pointer;
}

#connexionheader a, #espacemembre a
{
	text-decoration:none;
    color: #32ABDD;
}

#partiedroite
{
float:right;width:20vw;left:-2vw;
position:relative;
}

#requeteheader
{
width:5vw;border-radius:0.15vw;border:none;margin-top:0.74vw;right:4.1vw;height:1.3vw;padding:0.22vw;font-size:1vw;
}

#loupeheader
{
width:1.48vw;top:1.1vw;margin-left:1vw;
}
	
header h1 strong
{
font-weight:bold;
}

nav
{
background-color:#7DD0F4;
height:44px;
width:100%;
z-index:99999;
}

#maison
{
display:block;		
width:44px;
height:40px;
background:url(../images/accueil/picto_home.png) 0 0 no-repeat;
}
#maison:hover,#maison:active,#maison:focus
{
background:url(../images/accueil/picto_home_blanc.png) 0 0 no-repeat;
}


nav li
{
position:relative;
float:left;
height:40px;
width:110px;
top:4px;
font-size:12px;
color:#585858;
text-transform:uppercase;
border:none;
border-right:1px solid #BEE8FA;
background-color:#7DD0F4;
line-height:36px;
}

/* futur menu
nav li
{
position:relative;
float:none;
height:auto;
width:auto;
top:0;
font-size:inherit;
color:#585858;
text-transform:uppercase;
border:none;
border-right:1px solid #BEE8FA;
background-color:#7DD0F4;
line-height:inherit;
}
*/
#menu
{
z-index:99999;
}

#menu a /* Contenu des listes */
{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 0; /* aucune marge intérieure */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
color:#585858;
z-index:99999;
}

#menu li /* Elements des listes */      
{ 
float : left; 
z-index:99999;
}

#menu li ul /* Sous-listes */
{ 
position: absolute; /* Position absolue */
left: -999em; /* Hop, on envoie loin du champ de vision */
z-index:99999;
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
		z-index:99999;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -40px 0 0 110px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
		z-index:99999;
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */

html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
		z-index:99999;
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
		z-index:99999;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */

{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
		z-index:99999;
}

@media all and (max-width: 1080px) {
	header
	{
	position:relative;
	background-color:#202526;
	height:6.2vw;
	/*width:100%;*/
	overflow: hidden;
	border-bottom:0.4vw solid #32ABDD;
	color:white;
	font-size:1em;
	}

	header img
	{
	position:relative;
	margin:auto;
	top:0.35vw;
	left:1.1vw;
	float:left;
	margin-left:0vw;

	width:15vw;
	}
	
	header h2{
	top:1vw; 
	margin-left:5vw;
	font-size:2vw;
	line-height:2vw;
	width:45vw;
	}
	#titrecourt{
	display:none;
	}
	
	#connexionheader, #espacemembre, .menumembre
	{
		background: white;
		color: #32ABDD;
		float: left;
		padding: 0.38vw;
		font-size: 2vw;
		border-radius: 0.14vw;
		margin-top: 1.5vw;
		font-weight: bold;
		margin-left: 1vw;
		transition:0.5s;
		/* position: absolute; */
		right: 18.5vw;

	}
	#partiedroite
	{
	float:right;width:32vw;
	}

	#requeteheader
	{
	width:8vw;border-radius:0.15vw;border:none;margin-top:1.5vw;right:4.1vw;height:3.3vw;padding:0.22vw;font-size:1.5vw;
	}
	
	#loupeheader
	{
	width:3vw;top:1.1vw;margin-left:1vw;
	}
}

footer
{
position:relative;
width:100%;
bottom:0px;
background-color: #32ABDD;
height:100px;
font-size:12px;
color:black;
clear:both;
}

footer a
{
text-decoration:none;
color:black;
}

footer .social a
{
margin-top:18px;
margin-right:48px;
margin-bottom:18px;
float:left;
text-decoration:none;
color:black;
}

.social
{
width:320px;
height:32px;
margin:auto;
}

#facebook
{
display:block;		
width:32px;
height:32px;
background:url(../images/accueil/facebook_blanc.png) 0 0 no-repeat;
}
#facebook:hover,#facebook:active,#facebook:focus
{
background:url(../images/accueil/facebook_noir.png) 0 0 no-repeat;
}

#twitter
{
display:block;
width:32px;
height:32px;
background:url(../images/accueil/twitter_blanc.png) 0 0 no-repeat;
}
#twitter:hover,#twitter:active,#twitter:focus
{
background:url(../images/accueil/twitter_noir.png) 0 0 no-repeat;
}

#insta
{
display:block;
width:32px;
height:32px;
background:url(../images/accueil/insta_blanc.png) 0 0 no-repeat;
}
#insta:hover,#insta:active,#insta:focus
{
background:url(../images/accueil/insta_noir.png) 0 0 no-repeat;
}

#google
{
display:block;
width:32px;
height:32px;
background:url(../images/accueil/google_blanc.png) 0 0 no-repeat;
}
#google:hover,#google:active,#google:focus
{
background:url(../images/accueil/google_noir.png) 0 0 no-repeat;
}

#youtube
{
display:block;
width:32px;
height:32px;
background:url(../images/accueil/youtube_blanc.png) 0 0 no-repeat;
}
#youtube:hover,#youtube:active,#youtube:focus
{
background:url(../images/accueil/youtube_noir.png) 0 0 no-repeat;
}


.contenu
{
min-height: 650px;
margin-bottom:2.5em;
}

.contenu h1
{
font-size:30px;
font-weight:normal;
margin-bottom:0.5em;
}

.contenu h2
{
/* font-size:22px; */
font-size:2vw;
font-weight:bold;
}

.contenu ul
{
/* margin-left:40px; */
margin-left:0;
clear:both;
margin-bottom:0px;
}

.contenu li
{
float:left;
/* width:200px; */
/* width:14.8vw; */
width:20vw;
height:15vw;
margin:auto;
/* margin-bottom:10px; */
margin-bottom:0.74vw;
margin: 1vw 1vw 0vw 1vw ;
}

.contenu li img
{
width:7.4vw;
}

.contenu p
{
float:left;
text-align:left;
clear:both;
}

.titreaccueil
{
/* font-size:14px; */
font-size:1.3vw;
font-weight:bold;
}

.niveauaccueil
{
/* font-size:14px; */
font-size:1.2vw;
color:#5998DD;
}

@media only screen and (max-width: 60em) {
.titreaccueil
{
/* font-size:14px; */
font-size:1.5vw;
font-weight:bold;
}
.niveauaccueil
{
/* font-size:14px; */
font-size:1vw;
color:#5998DD;
}
.contenu h2 {
font-size: 3vw;
font-weight: bold;
}
}


.interieur p 
/*{
display: inline-block;
position: relative;
top: 48px;
line-height: 60px;
}*/

.clear { clear:both;}

.interieur
{
position:relative;
display:inline-block;
text-align:center;
width:100%;
}
.interieur  a
{
/*opacity:0.3;*/

}

.interieur a:hover
{
opacity:1;
}

.interieur img
{
height:36px;
}

.titre
{
margin-left:5px;
}

#logo
{
float: left;
height: 40px;
width: 40px;
margin-left: 10px;
margin-top:5px;
}

.rubrique
{
display: inline;
border:1px solid grey;
width:120px;
height:120px;
padding:20px;
float:left;
}

.rubrique img
{
height:50px;
}
.rubrique ul
{

font-family: Verdana;
text-transform: uppercase;
}
.rubrique ul li
{
display: inline;
border: 1px solid grey;
padding-left: 5px;
padding-right: 5px;
line-height: 20px;
vertical-align: middle;
transition: 0.5s;

}
.menu
{
/*background-color: #d35400;*/
position:aboslute;
/*background-color:#f1c40f;*/
background-color:white;
height:80px;
width:100%;
margin-top:0px;

}

.menu ul
{
height:60px;
list-style-type:none;
margin-top:0px;
}

.menu ul li
{
width:120px;
height:60px;
padding:10px;
text-decoration:none;
 display:block;
 float:left;   
 transition: 0.5s;
color:black;

}

.menu li img
{
height:30px;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.menu li img:hover
{
  height: 40px;
}

.menu ul li:hover
{
background-color: #C62408;
transition: 0.5s;
color:black;
}



#menu-accordeon {
  padding:0;
  margin-top:40px;
  list-style:none;
  text-align: center;
  width: 180px;
  clear:both;
}
#menu-accordeon ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu-accordeon li {
   background-color: rgb(51,127,120);
  /* background-image:-webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
   background-image: linear-gradient(to bottom, #729EBF 0%, #333A40 100%);*/
   border-radius: 6px;
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 1px #333A40
}
#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all .75s;
   border-radius:0;
  background: #444;
   box-shadow: none;
   border:none;
   margin:0
}
#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 8px 0;
  font-family: verdana;
  font-size:1.2em
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:1em
}
#menu-accordeon li:hover {
	background-color: rgb(51,127,120);
}
#menu-accordeon li li:hover {
   background: #999;
}
#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu-accordeon li:hover li {
  max-height: 15em;
}

body
{
font-family: verdana;
text-align: center;
Line-Height: 1.5;
/*background-color: #F7F2E0;*/
/*background-color:#EFEDDF;*/
/*background-color:#89C2B2;*/
background-color:#ecf0f1;
margin:auto;
}

.poeme1
{
margin-left: 10px;
float: left;
width: 30px;

}

.poeme2
{
margin-left:20px;
margin-right:20px;
font-family: arial;
text-align: center;
Line-Height: 1,5;
font-size:1.5em;
float:left;
}
.poeme2 h1
{
font-size:2em;
font-weight:bold;
}
****************
.zoom 
{
font-family: verdana;
text-align: center;
font-size: 30px;
}

.zoom ul
{
list-style-type:none;
}

.zoom a
{
display:inline-block;  
}

.zoom ul li
{
background-color: #FFE99B;
width:100px;
height:100px;
line-height:100px;
text-decoration:none;
 display:block;
 float:left;   
 transition: 0.5s;
color:black;
margin:10px;
border-radius:20px;
}

.zoom ul li:nth-child(60n){clear:left;} 

.zoom ul li:hover
{
background-color: #7F754D;
transition: 0.5s;
color:white;
}

*****************

.zoom2 
{
font-family: verdana;
text-align: center;
font-size: 30px;
}

.zoom2 ul
{
list-style-type:none;
}

.zoom2 a
{
display:inline-block; 
text-decoration:none;
color:white; 
}

.zoom2 img:hover
{
transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
     -moz-transition: rotate(360deg);
       -o-transition: rotate(360deg);
      -ms-transition: rotate(360deg);
          transition: all 1s ease;
}

.zoom2 ul li
{
background-color: #2ecc71;
width:240px;
height:90px;
line-height:90px;
text-decoration:none;
 display:block;
 float:left;   
color:white;
margin:10px;
/*font-size:20px;*/
font-size:1.25em;
}

.zoom2 ul li:nth-child(60n){clear:left;} 

.zoom2 ul li:hover
{
background-color: #32ABDD;
color:white;
}

.zoom3 
{
font-family: verdana;
text-align: center;
font-size: 16px;
}

.zoom3 ul
{
list-style-type:none;
}

.zoom3 a
{
display:inline-block; 
text-decoration:none;
color:black; 
}

.zoom3 img:hover
{
transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
     -moz-transition: rotate(360deg);
       -o-transition: rotate(360deg);
      -ms-transition: rotate(360deg);
          transition: all 1s ease;
}

.zoom3 ul li
{
width:200px;
height:200px;
line-height:25px;
text-decoration:none;
 display:block;
 float:left;   
color:black;
margin:10px;
border-radius:20px;
}

.zoom3 ul li:nth-child(60n){clear:left;} 



.lignes2
{
margin:25px 0px;
line-height:1;
}
.lignes3
{
margin:0px 0px;
line-height:1.5;
}

.lignes4
{
margin:30px 20px;
line-height:1.5;
}

.lignes5
{
margin:20px 20px;
line-height:1.5;
}

.zoom2 figcaption
{
text-decoration:none;
}

.actualiteensemble
{
width:1000px;
margin:auto;
}
.actualite
{
position:relative;
background-color:#6FB6E6;
width:300px;
height:300px;
float:left;
margin-left:30px;
margin-bottom:50px;
color:#F3F9EF;
border:1px solid black;
transition:0.5s;
}

.actualite h4
{
 text-transform: uppercase;
}

.actualite img
{
position:absolute;
bottom:0px;
left:0px;
width:300px;
height:200px;
z-index:1;
}


.actualite:hover 
{
    box-shadow: 0px 0px 30px #3498db;
	background-color:#54A8E0;
	transition:0.5s;
transform: scale(1.005);
  -webkit-transform: scale(1.005);
     -moz-transition: scale(1.005);
       -o-transition: scale(1.005);
      -ms-transition: scale(1.005);
          transition: all 0.5s ease;
}

.auteur
{
text-align : center;
font-family: Verdana;
font-size: 10px;
}
.page
{
padding: 10px 10px;
height: 600px;
margin: auto;
width: 800px;
clear: both
}
.presentation
{
text-align : left;
font-family: Verdana;
font-size: 25px;
}
.presentation input
{
font-size: 25px;
font-family: Verdana;
width:225px;  
}
.presentation img
{
float: left;
}
.presentation h1
{
text-align: center;
font-size: 30px;
}

#prenom
{
float:left;
}

#date
{
text-align:right;
}

#apropos1 li, #apropos2 li , #apropos3 li  {
    list-style-type: disc;
    margin-bottom: 10px;
	text-align:left;
	font-size:16px;
	font-family:Arial;
	width:80%;
}

#article1 li, #article2 li, #article3 li
{
	list-style-type: disc;
    margin-bottom: 10px;
	text-align:left;
	font-size:16px;
	font-family:Arial;
	width:100%;
}

#apropos1 li, #article1 li 
{
	color:#E45779;
}
#apropos2 li, #article2 li 
{
	color:#EAC34E;
}
#apropos3 li, #article3 li 
{
color:#00C1E2;
}

#apropos1 span, #apropos2 span, #apropos3 span, #article1 span, #article2 span, #article3 span {
color:black;
}

.aproposimage img
{
width:40%;
}

#cadre1
{
width:960px;height:550px;margin:auto;background:white;box-shadow: 1px 1px 12px #555;padding:20px;
}
#cadre2
{
width:960px;height:550px;margin:auto;background:white;box-shadow: 1px 1px 12px #555;padding:20px;
}
#cadre3
{
width:960px;height:350px;margin:auto;background:white;box-shadow: 1px 1px 12px #555;padding:20px;
}

@media screen and (max-width: 1080px) {
  #cadre1 {
width:90%;height:52em;margin:auto;background:white;box-shadow: 1px 1px 12px #555;padding:20px;
  }
   #cadre2 {
width:90%;height:67em;margin:auto;background:white;box-shadow: 1px 1px 12px #555;padding:20px;
  }
   #cadre3 {
width:90%;height:35em;margin:auto;background:white;box-shadow: 1px 1px 12px #555;padding:20px;
  }
}

#gestion
{
	margin:auto;
	font-size:14px;
}
#gestion td
{
border:1px solid black;
padding:0.2em;
}
#gestion td img
{
	height:16px;
}
.image-tableau
{
		text-align:center;
}

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}

col:first-child {background: #FF0}
col:nth-child(2n+3) {background: #CCC}

.tableauexo
{
	background:none;
	border:none;
	width:1.4em;
	padding:0;
}
 
.motsdobble input
 {
	 width:110px;
 }

.contenu2023
{
min-height: 650px;
margin-bottom:2.5em;
}

.contenu2023 h1
{
font-size:1.5em;
font-weight:normal;
margin-bottom:0.5em;
}

.contenu2023 h2
{
/* font-size:22px; */
font-size:1.2em;
font-weight:bold;
}

.contenu2023 ul
{
margin-left:0;
clear:both;
margin-bottom:0px;
}

.contenu2023 li
{
float:left;
height:200px;
margin:auto;
margin-bottom:0.74em;
margin: 1em 1em 0em 1em ;
}

.contenu2023 li img
{
width:7.4em;
}

.contenu2023 p
{
float:left;
text-align:left;
clear:both;
}

.zoom2023 li {
    width: 40%; 
    float: left;
    text-align: center;
}

.titreaccueil2023
{
/* font-size:14px; */
font-size:1.1em;
font-weight:bold;
}

.zoom2023 
{
font-family: verdana;
text-align: center;
font-size: 30px;
}

.zoom2023 ul
{
list-style-type:none;
}

.zoom2023 a
{
display:inline-block;  
}

.zoom2023 ul li
{
background-color: #FFE99B;
width:100px;
height:100px;
line-height:100px;
text-decoration:none;
 display:block;
 float:left;   
 transition: 0.5s;
color:black;
margin:10px;
border-radius:20px;
}

.zoom2023 ul li:nth-child(60n){clear:left;} 

.zoom2023 ul li:hover
{
background-color: #7F754D;
transition: 0.5s;
color:white;
}

.zoom2023 
{
font-family: verdana;
text-align: center;
font-size: 16px;
}

.zoom2023 ul
{
list-style-type:none;
}

.zoom2023 a
{
display:inline-block; 
text-decoration:none;
color:black; 
}

.zoom2023 img:hover
{
transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
     -moz-transition: rotate(360deg);
       -o-transition: rotate(360deg);
      -ms-transition: rotate(360deg);
          transition: all 1s ease;
}

.zoom2023 ul li
{
width:200px;
height:200px;
line-height:25px;
text-decoration:none;
 display:block;
 float:left;   
color:black;
margin:10px;
border-radius:20px;
}

.zoom2023 ul li:nth-child(60n){clear:left;} 

	.contenu2023 li
	{
	float:left;
	/* width:200px; */
	/* width:14.8vw; */
	height:300px;
	margin:auto;
	/* margin-bottom:10px; */
	margin-bottom:0.74em;
	margin: 1em 1em 0em 1em ;
	}
	
	.titreaccueil2023
	{

	font-size:1em;
	font-weight:bold;
	}
	
.zoom2023bis ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.zoom2023bis li {
  margin: 10px;
  text-align: center;
}

.zoom2023bis ul li a{
	text-decoration:none;
	color:black;
}

	.contenu2023 h1{
    font-size: 2.5em;
	font-weight:bold;
   font-family: "Montserrat", Arial;
  text-transform : uppercase;
  color: #2a2d34;
  background: linear-gradient(to right, #5b86e5, #36d1dc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.1px #276b85;
  letter-spacing: .05rem;
  text-align: center;
  margin-top:-10px;	
  }	

@media only screen and (max-width: 768px) {
.titreaccueil2023
{
/* font-size:14px; */
font-size:1.1em;
font-weight:bold;
}
}

@media only screen and (min-width: 768px) {
    .zoom2023 li {
        width: 20%;
    }
}

	
 @media (orientation: portrait) {
	header
	{
	position:relative;
	background-color:#202526;
	height:10vw;
	width:100%;
	border-bottom:0.4vw solid #32ABDD;
	color:white;
	font-size:1em;
	}

	header img
	{
	position:relative;
	margin:auto;
	top:0.35vw;
	left:1.1vw;
	float:left;
	margin-left:0vw;

	width:22vw;
	}
	
	header h2{
		display:none;
	top:1vw; 
	margin-left:5vw;
	font-size:3.5vw;
	line-height:3.5vw;
	width:45vw;
	}

	figure
	{
	width:40vw;
	}
	
	#titrecourt{
	display:block;
	top:1vw; 
	margin-left:5vw;
	font-size:3vw;
	line-height:4vw;
	width:45vw;
	}
	
	#connexionheader, #espacemembre, .menumembre, .menumembredeconnexion
	{
		background: white;
		color: #32ABDD;
		float: left;
		padding: 0.38vw;
		font-size: 2vw;
		border-radius: 0.14vw;
		margin-top: 0.5vw;
		font-weight: bold;
		margin-left: 1vw;
		transition:0.5s;
		/* position: absolute; */
		right: 18.5vw;

	}
	#partiedroite
	{
	float:right;width:25vw;
	}

	#requeteheader
	{
	width:8vw;border-radius:0.15vw;border:none;margin-top:1.5vw;right:4.1vw;height:3.3vw;padding:0.22vw;font-size:1.5vw;
	}
	
	#loupeheader
	{
	width:3vw;top:1.1vw;margin-left:1vw;
	}

	.contenu li
	{
	height:20vw;
	margin: 3vw 23vw 25vh 1vw ;
	}
	.contenu li img {
		width: 15vw;
	}	
	.titreaccueil
	{

	font-size:1.1em;
	font-weight:bold;
	}
	.niveauaccueil
	{

	font-size:1em;
	color:#5998DD;
	}
	.contenu h2 {
		font-size: 5vw;
		font-weight: bold;	
	}
	#requeteheader {
    margin-top: 0vw;
	}
	header
	{
		height:15vw;
	}
	

}