@font-face {
  font-family: 'Roboto';
  src: url('Roboto.ttf');
  font-family: 'Purisa';
  src: url('Purisa.ttf');
}

body {
background-color: #e9ebee;
background-repeat: no-repeat;
background-size: 100%;
background-position: 50% 90px;
}

textarea {
  width: 300px;
  height: 150px;
	text-align: left; 
}


label {
	float:left;
        width:30%;
}
.g-recaptcha {
	margin-left: 10%;
	text-align: center;
}

/* Menu */
.zero{
    float: left;
    position: relative;
    white-space: nowrap;
	list-style: none;
}

/* Espaces */
.clear {
clear: both;
}
.clearfix { 
	overflow: auto;
	zoom: 1;
}

/* Alignements des paragraphes pour ne pas déborder après l'img */
.flg {
float: left;
}

.fld {
float: right;
}
.w50 {
width: 50%;
}
.w60 {
width: 60%;
}
.w250 {
width: 250;
}

.centree{
    text-align: center;
}






.lesimages {
float: left;
border-radius: 30px;
}

.lesimagesright {
float: right;
border-radius: 30px;
}

.lesimagescenter {
border-radius: 30px;
}


.lesimagesqsm {
margin-right:10px;
float: left;
border-radius: 30px;
}

.lesimagesrightqsm {
margin-left:10px;
float: right;
border-radius: 30px;
}


.lesimagesmiddle {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 30px;
}

.bloc{
	text-align: right;
	font-family: "Roboto";
	font-size: 20pt;
	text-transform: none;
	height: 290px;
}
.blocsb{
	text-align: right;
	font-family: "Roboto";
	font-size: 20pt;
	text-transform: none;
}


.aligne {
	vertical-align: middle;
z-index: 2;
}

.texte{
	background-color:#e9ebee;
	color: black;
	font-family: "Roboto";
	font-size: 12pt;
text-transform: none;
text-decoration: none;
margin: auto;
	margin-top : 0px;
	padding: 0px 0px 0px 0px;
}

.inscription{
    	text-align: center;
	background-color:#fff;
	color: black;
	font-family: "Verdana";
	font-size: 14pt;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;

	padding-top: 10px;
	padding-bottom: 10px;
 border: 2px solid #006600;
    border-radius: 30px;
}
.inscriptionleft{
    	text-align: left;
	background-color:#fff;
	color: black;
	font-family: "Verdana";
	font-size: 14pt;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;

	padding-top: 10px;
	padding-bottom: 10px;
 border: 2px solid #006600;
    border-radius: 30px;
}
.inscriptionlink{
    	text-align: center;
	background-color:#fff;
	color: black;
	font-family: "Verdana";
	font-size: 14pt;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
}

.inscriptionlink:hover{
    	text-align: left;
	background-color:#fff;
	color: black;
	font-family: "Verdana";
	font-size: 14pt;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
}

.norml{
    text-align: right;
	background-color:#fff;
	color: black;
	font-family: "Verdana";
	font-size: 14pt;
text-transform: none;
}

.normlgauche{
    text-align: left;
	background-color:#fff;
	color: black;
	font-family: "Verdana";
	font-size: 14pt;
text-transform: none;
}
.small{
	background-color:#fff;
	color: black;
	font-family: "Verdana";
	font-size: 8pt;
text-transform: none;
}

.robotop{
	text-align: right;
	font-family: "Roboto";
	font-size: 18pt;
text-transform: none;
}

.logo {
	float:left;
    width:70%;
z-index: 2;
}
.contact {
	text-align: right;
	padding-top: 45px;
	padding-right: 20px;
    margin-left:70%;  
z-index: 1; 
}

.parag{
	background-color:/*#e9ebee;*/ #fff;
	vertical-align: middle;
	text-align: center;
	color: black;
	font-family: "Verdana";
	font-weight: bold;
	font-size: 20pt;
	/*width: 100%;
	height: 200px;*/
          text-decoration : none;

}

.nouvelan{
	vertical-align: top;
	text-align: center;
	color: black;
	font-family: "Purisa";
	font-weight: normal;
	font-size: 10pt;
          text-decoration : none;

}


.univoy {
	background-color:/*#e9ebee;*/ #fff;
  padding:5px;
	text-align: center;
	font-family: "Roboto";
	height: 200px;
 border: 2px solid #006600;
    border-radius: 30px;
	margin-top : 10px;
width: 100%;
line-height: 50px;
vertical-align: middle;
}


.album {
  padding:5px;
	text-align: center;
	font-family: "Roboto";
	height: 720px;
	margin-top : 10px;
	width: 100%;

	color: black;
	font-size: 14pt;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;

}



.unicontact{
	background-color:/*#e9ebee;*/ #fff;
	color: black;
	text-align: center;
	font-family: "Verdana";
	font-size: 14pt;
	text-transform: none;
	margin-top : 10px;
	margin-bottom : 10px;
	height: 200px;
	max-width: 600px;
 border: 2px solid #006600;
    border-radius: 30px;}

.unicontact2{
	background-color:/*#e9ebee;*/ #fff;
	color: black;
	text-align: justify;
	font-family: "Verdana";
	font-size: 14pt;
	text-transform: none;
	margin-top : 10px;
	margin-bottom : 10px;
	height: 200px;
	max-width: 800px;
 border: 2px solid #006600;
    border-radius: 30px;}

.qsmp{
margin-right:10px;
margin-left:10px;
}


.vparagraphe{
	background-color:/*#e9ebee;*/ #fff;
	color: black;
	font-family: "Verdana";
	font-size: 12pt;
	text-align: justify;
    	margin: auto;
	margin-top : 30px;
	padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
max-width: 800px;
 border: 3px solid #006600;
    border-radius: 30px;

}


.paragraphe{
	background-color:/*#e9ebee;*/ #fff;
	color: black;
	font-family: "Verdana";
	font-size: 12pt;
    	margin: auto;
	margin-top : 230px;
	padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
max-width: 800px;
 border: 3px solid #006600;
    border-radius: 30px;}


.amenu {
         background-color:/*#e9ebee;*/ #006600;
	color: white;
	font-family: "Verdana";
	text-transform: uppercase;
	font-size: 12pt;
          text-decoration : none;
      }



.largea{
	background-color:/*#e9ebee;*/ #04091e;
	color: white;
	font-family: "Verdana";
	font-size: 12pt;
	font-weight: bold;
    	margin: auto;
max-width: 100%;
width: 100%;
position: relative;
          text-decoration : none;
}


.large{
	background-color:/*#e9ebee;*/ #04091e;
	color: white;
	text-align: center;
	font-family: "Verdana";
	font-size: 12pt;
    	margin-left: -10px;
	margin-top : 80px;
    padding-right: 8px;
    padding-bottom: 10px;
    padding-left: 10px;
	padding-top: 10px;
max-width: 100%;
min-width: 100%;
width: 100%;
position: relative;
}

.menut{
	background-color:/*#e9ebee;*/ #006600;
	color: white;
	font-family: "Verdana";
	text-transform: uppercase;
	font-size: 12pt;
    	margin: auto;
	margin-top : 30px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
	padding-top: 20px;
max-width: 800px;
width: 770px;
position: fixed;
top: 50px;
left: 50%;
margin-left: -400px;
 border: 3px solid #006600;
    border-radius: 30px;
z-index: 2;
}


.banniere{
	background-color:/*#e9ebee;*/ #e9ebee;
	text-align: justify;
	vertical-align: middle;
    	margin: auto;
	margin-top : 0px;
	padding-top: 0px;
    padding-right: 600px;
    padding-bottom: 0px;
    padding-left: 600px;
height: 110px;
max-width: 1200px;
position: fixed;
top: 0px;
left: 50%;
margin-left: -1100px;
width: 1000px;
z-index: 1;
}

.banniere2{
	background-color:/*#e9ebee;*/ #e9ebee00;
	text-align: justify;
	vertical-align: middle;
    	margin: auto;
	margin-top : 0px;
	padding-top: 0px;
    padding-right: 600px;
    padding-bottom: 0px;
    padding-left: 600px;
height: 110px;
max-width: 1200px;
position: fixed;
top: 0px;
left: 50%;
margin-left: -1100px;
width: 1000px;
z-index: 2;
}




/* Téléphone */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 812px)
and (orientation : portrait) { 


.vparagraphe
    {
        font-size: 20pt;
	margin-top : 260px;
    }
.paragraphe
    {
        font-size: 20pt;
	margin-top : 260px;
    }
.amenu
    {
       font-size: 20pt;
    }
.bloc
    {
       font-size: 30pt;
    }
.blocsb{
	font-size: 30pt;
}

.normlavecbloc
    {
       font-size: 18pt;
	height: 120px;
    }
.menut
    {
	padding: 15px 15px 15px 15px;
	padding-top: 10px;
	width: 740px;
    }



}

/* Téléphone paysage */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 812px)
and (orientation : landscape) { 

.vparagraphe
    {
        font-size: 8pt;
    }

.norml
    {
       font-size: 10pt;
    }

.normlavecbloc
    {
       font-size: 10pt;
    }
.amenu
    {
       font-size: 14pt;
    }

}