html, body{
	margin : 0;
	padding : 0;
	width : 100%;
	height : 100%;
	overflow-x: hidden;
	font-family : Helvetica, Arial, sans-serif;
	font-size:1em;
}

.bouton{
	padding: 5px 10px;
	background: none;
	border: none;
	color:#d6262a;
	font-weight:bold;
	cursor : pointer;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	webkit-border-raduis:5px;
	-khtml-border-radius: 5px;
	font-size:1em;
}

.bouton:hover{
	padding: 5px 10px;
	background: none;
	border: none;
	color:#d6262a;
	text-decoration:underline;
	font-weight:bold;
}

.sublogA{
	margin-right: 3px;
	margin-left: 3px;
	padding: 5px 8px;
	background: #d6262a;
	border: 1px solid #f8d447;
	color:#fff;
	font-weight:bold;
	cursor : pointer;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	webkit-border-raduis:5px;
	-khtml-border-radius: 5px;
}

.sublogA:hover{
	padding: 5px 8px;
	background: #f8d447;
	border: 1px solid #d6262a;
	color:#fff;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	webkit-border-raduis:5px;
	-khtml-border-radius: 5px;
}

.sublogB{
	margin-right: 3px;
	margin-left: 3px;
	padding: 5px 8px;
	background: #06275f;
	border: 1px solid #f8d447;
	color:#fff;
	font-weight:bold;
	cursor : pointer;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	webkit-border-raduis:5px;
	-khtml-border-radius: 5px;
}

.sublogB:hover{
	padding: 5px 8px;
	background: #06275f;
	border: 1px solid #f8d447;
	color:#fff;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	webkit-border-raduis:5px;
	-khtml-border-radius: 5px;
}

#zone-centrale .hidden{
    display: none;
}
#zone-centrale #loader{
    display: none;
}


/*--- Accordion  ---*/
 .bg-one,
      .bg-one ~ .content span{
		background-color:#9b59b6;
      }

      .bg-two,
      .bg-two ~ .content span{
      background-color:#FE6860;

      }

      .bg-three,
      .bg-three ~ .content span{
      background-color:#23B684;

      }

      .bg-four,
      .bg-four ~ .content span{
      background-color:#603838;

      }
      .bg-five,
      .bg-five ~ .content span{
      background-color:#F9BF3B;

      }
      .bg-six,
      .bg-six ~ .content span{
      background-color:#C25396;

      }

.tabs-box{
  color:#FFF;
  width:100%;
  margin:0;
}
.tabs-box .acord{
 position:relative;
 overflow:hidden;


}
.tabs-box .acord label{
  position:relative;
  z-index: 10;
  display:block;
  padding:0 40px 0 0;
  text-align:right;
}
.tabs-box .acord label i{
  display:block;
  position:absolute;
  top:0;
  right:0;
  width:40px;
  text-align: center;
}
.tabs-box .acord label,
.tabs-box .acord label i,
.tabs-box .acord i.fa-chevron-circle-down{
    height:40px;
    line-height: 40px;
}
.tabs-box .acord i.fa-chevron-circle-down{
  position:absolute;
  z-index: 11; 
  top:0;
  left:0;
  width: 40px;
  text-align: center;
  -moz-transition:all .2s linear 0s;
  -webkit-transition:all .2s linear 0s;
  transition:all .2s linear 0s;
}

.tabs-box .acord input{
  display:none;
}

.tabs-box .content{
  position:relative;

  height:0;
  font-size:14px;
  line-height:22px;
  color:#000;
  text-align:justify;
  direction:ltr
}

.tabs-box .content span.square{
  display: block;
  position: absolute;
  left: 10px;
  top: -17px;
  width: 20px;
  transform: rotate(45deg);
}
.tabs-box input[type="checkbox"]:checked ~ div.content{
  padding:10px;
  height:100%;
}
.tabs-box input[type="checkbox"]:checked ~ i.fa-chevron-circle-down{
transform:rotate(180deg);
}
/*--- Fin Accordion ---*/
.input-icon {
  position: relative;
}

.input-icon > i {
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  top: 50%;
  pointer-events: none;
  width: 25px;
  text-align: center;
	font-style: normal;
}

.input-icon > input {
  padding-left: 25px;
	padding-right: 0;
}

.input-icon-right > i {
  right: 0;
}

.input-icon-right > input {
  padding-left: 0;
  padding-right: 25px;
  text-align: right;
}


@media only screen and (min-width: 1200px){ /* PC */
	#zone-logo{
		position:fixed; 
		width:160px;
		height:160px;
		border-radius: 0 0 20px 0;
		background : url(../images/ROF2020.svg) no-repeat center center;
		background-size: 90%;
		background-color:#06275f;
		z-index:130;
	}

	#zone-titre{
		position:fixed;
		padding-top:0px;
		width:100%;
		height:90px;
		text-align:center;
		padding-left:43px;
		font-size:2.3em;
		background-color:#06275f;
		color:#fff;
		font-family: 'Baloo Da 2', cursive;
		text-shadow: 1px 0 0 #d6262a, 0 1px 0 #d6262a, 0 -1px 0 #d6262a, -1px 0 0 #d6262a, 1px 1px 0 #d6262a, 1px -1px 0 #d6262a, -1px 1px 0 #d6262a, -1px -1px 0 #d6262a;
		z-index:100;
	}
	#zone-titre-devise{
		position:fixed;
		width:100%;
		height:20px;
		margin-top:39px;
		text-align:center;
		padding-left:208px;
		font-size:1.3em;
		color:#fff;
		font-family: 'Dancing Script', cursive;
		z-index:100;
		border:1ps solid white;
	}
	
	#zone-menu{
		position:fixed;
		margin-top:65px;
		border-radius: 20px 0 0 0;
		width:100%;
		height:46px;
		border-radius: 0 0 20px 0;
		background-color:#d6262a;
		text-align:right;
		color:#fff;
		overflow:hidden;
		z-index:101;
	}
	#zone-connexion{ 
		position: fixed;
		margin-top:67px;
		margin-left:162px;
		width:350px;
		height:50px;
		z-index:102;
	}
	#zone-connexion ::placeholder{
		color: white;
		font-style: italic;
}
	#gros-titre{
		position:fixed;
		top:110px;
		left:145px;
		padding-right:20px;
		border-radius: 0 0 20px 0;
		height:50px;
		background:#f8d447;
		z-index:90;
	}
	#gros-titre h1{
		font-family: 'Baloo Da 2', cursive;
		font-size:1.5em;
		color:#06275f;
		font-weight:bold;
		margin-top:10px;
		margin-left:40px;
	}
	#zone-pagination{
		position:fixed;
		top:110px;
		left:300px;
		padding:10px 20px 0 40px;
		border-radius: 0 0 20px 0;
		height:40px;
		background:#fff;
		z-index:80;
	}
	#zone-footer{
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		height:50px;
		background-color:#f8d447;
		border-top: 5px solid #06275f;
		z-index:100;
	}
	#zone-footer #zone-liens{
		position:fixed;
		right:0;
		border-left: 2px solid #06275f;
	}
	#zone-footer #zone-liens ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: center;	
	}
	#zone-footer #zone-liens li{
		display:inline-block;
		padding-top:5px;	
		margin-left:10px;
		margin-right:10px;
	}
	#zone-footer #zone-liens img{
		height: 40px;	
	}
	
	#zone-footer #zone-defilement{
		position:fixed;
		width:75%;
		left:20px;
		overflow:hidden;	
		color: #06275f;
	}	
	
	#zone-mentions{
		position:fixed;
		bottom:52px;
		right:0px;
		height:20px;
		padding: 5px 10px 5px 15px;
		border-radius: 10px 0 0 0;
		background-color:#06275f;
	}
	#zone-mentions a{
		color:white;
		font-weight:bold;
		text-decoration:none;
	}

	#image-centrale{
		position:fixed;
		width:60%;
		height:100%;
		left:20px;
		padding-top:70px;
		background : url(../images/ROF2020.svg) no-repeat center center;
		background-size:80%;
		opacity:.12;
	}
	#zone-centrale{
		position:absolute;
		width:70%;
		left:20px;
		padding-top:160px;
		padding-bottom:60px;
		/*background-size: 90%;*/
		overflow: hidden;
	}
	#zone-centrale .article h3{
		margin:0;
		text-align: justify;
		font-size:1.6em;
		color:#06275f;
		font-weight:bold;
		font-family: "Ubuntu Condensed", sans-serif;
	}
	#zone-centrale .article h4{
		margin-top:0;
		margin-bottom:10px;
		font-size:0.8em;
		color:#06275f;
		font-weight:bold;
		font-family: "Ubuntu Condensed", sans-serif;
	}
	#zone-centrale .article{
		position:relative;
		width:98%;
		padding:10px;
		text-align:justify;
		overflow:hidden;
	}
	#zone-centrale .article .iv1 img{
		border-radius: 8px;
		width:130px;
		margin-left:0;
	}
	#zone-centrale .article .iv1{
		margin:0px;
	}
	#zone-centrale .article p{
		text-align: justify;
		font-weight:bold;
		font-size:1em;
		color:#06275f;
	}
	#zone-centrale a{
		color:#d6262a;
	}
	#zone-centrale a:hover{
		font-style: italic;
	}
	#zone-centrale h2{
		text-align: justify;
		font-size:1.3em;
		color:#d6262a;
		margin-top:20px;
		margin-left:40px;
		font-weight:bold;
		text-decoration:underline;
	}
	#zone-centrale p{
		text-align: justify;
		margin-left:50px;
		font-weight:bold;
		font-size:1em;
		color:#06275f;
	}
	/*#zone-centrale .iv1 {
		margin-left:50px;
	}*/
	
	#zone-partenaires{
		position:fixed;
		right:70px;
		top:139px;
		width:250px;
		height:180px;
		border-radius: 10px;
		z-index:90;
	}
	
	#zone-president{
		position:fixed;
		top:380px;
		right:70px;
		width:250px;
	}
	#tableauTitre{
		margin:0;
		padding-top:5px;
		width:250px;
		height:25px;
		background: #d6262a;
		text-align:center;
		color:#fff;
		border-radius: 10px 10px 0 0; 
		-moz-border-radius: 10px 10px 0 0; 
		webkit-border-raduis:10px 10px 0 0;
		-khtml-border-radius: 10px 10px 0 0;
		font-weight:bold;
	}
	#tableauResultats{
		width:250px;
		background: #06275f;
		border-radius: 0 0 10px 10px; 
		-moz-border-radius: 0 0 10px 10px; 
		webkit-border-raduis: 0 0 10px 10px;
		-khtml-border-radius: 0 0 10px 10px;
		font-weight:bold;
		padding:10px 0;
		color:#fff;
	}
	#tableauResultats p{
		width:250px;
		font-weight:normal;
		color:#06275f;
		text-decoration:blink;
		text-align:center;
	}
	#tableauResultats img{
		border-radius: 10px;
		margin:0 auto; 
		display:block;
		
	}
	.imglist {
		list-style-type: none;
		  margin: 0;
		  padding: 0;
		  text-align: center;
	}
	.imglist  li{
		display:inline-block;
		padding:20px;
		
	}
	.imglist  img{
		width:100%;
		border-radius: 20px;
		border :1px dashed black;
	}
	/*------ DEBUT ADMIN ------*/
	#zoneADMmessage{
		position:fixed;
		top:170px;
		bottom:70px;
		left:20px;
		right:20px;
		text-align:center;
		font-family: "Ubuntu Condensed", sans-serif;
		font-size:6em;
		color:#777;
	}
	#zoneADMmessage p{
		position:relative;
		top:auto;
		bottom:auto;
	}
	#zoneADMmenu{
		position:fixed;
		top:170px;
		bottom:70px;
		width:250px;
		right:40px;
		background-color:#ccc;
		border: 1px solid black;
		overflow:hidden;
		line-height:20px;
	}
	#zoneADMliste{
		position:fixed;
		top:170px;
		bottom:70px;
		width:250px;
		left:40px;
		overflow-y:scroll;
		overflow-x:hidden;
		border: 1px solid black;
	}
	#zoneADMlisteTitre{
		position:fixed;
		top:170px;
		left:40px;
		width:250px;
		height:60px;
		overflow:hidden;
		background-color:#fff;
		z-index:100;
	}
	#zoneADMlisteSuite{
		position:fixed;
		top:230px;
		bottom:70px;
		width:250px;
		left:40px;
		overflow-y:scroll;
		overflow-x:hidden;
		border: 1px solid black;
	}
	#zoneADMtitre{
		position:fixed;
		top:170px;
		height:60px;
		right:300px;
		left:300px;
		overflow:hidden;
	}
	#zoneADMbouton{
		position:fixed;
		top:170px;
		height:45px;
		right:300px;
		border-radius: 0 0 0 20px;
		
		background-color:#d6262a;
	}
	#zoneADMbouton ul{
		margin:0px;
		padding:0 0 0 6px;
	}
	#zoneADMbouton li{
		display:inline-block;
		list-style-type: none;
		padding: 2px ;
		margin: 5px 3px;
		
	}
	#zoneADMcontenu{
		position:fixed;
		top:230px;
		bottom:70px;
		right:300px;
		left:300px;
		overflow-y:scroll;
		overflow-x:hidden;
		border: 1px solid black;
	}
	#zoneADMcontenu #blkImg{
		position:relative;
		width:48%;
		display:inline-block;
		overflow:hidden;
	}
	#zoneADMcontenu #blkInfo{
		position:absolute;
		width:46%;
		height:110px;
		margin-left:5px;
		margin-top:0px;
		display:inline-block;
	}
	#zoneADMcomplet{
		position:fixed;
		top:170px;
		bottom:70px;
		right:300px;
		left:40px;
		overflow-y:scroll;
		overflow-x:hidden;
		border: 1px solid black;
	}
	#fradminValidPhoto{
		position:fixed;
		margin-left:550px;
		margin-top:0px;
		padding: 5px 5px 5px 5px;
		width:125px;
		height:100px;
		overflow:hidden;
		font-size:10px;
		z-index:2;
	}

	#fradminPhoto{
		position:fixed;
		margin-left:0px;
		margin-top:0px;
		width:540px;
		height:450px;
		overflow:hidden;
		font-size:10px;
		z-index:2;
	}
	#fradminPhoto img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		border-color:#FBE5C7;
		border-width:1px;
		border-style:solid;
	}
	
	#arti_stock{
		position: relative;
		margin-top:40px;
		width:99%;
	}
	#arti_stock_titre{
		position:relative;
		width:825px;
		height:30px;
		padding:5px;
		margin-bottom:15px;
		font-size:1.8em;
		text-decoration:underline;
		font-weight:bold;
	}
	#arti_stock_image{
		position: absolute;
		margin:0;
		padding:0;
		width:250px;
		border:1px dashed #333;
		border-radius:5px;
	}
	.arti_stock_description{
		position: relative;
		margin-left:260px;
		right:0;
		height:170px;
		padding:5px;
		text-align:justify;
		font-size:1.3em;
		border:1px dashed #333;
		background-color:#ccc;
		border-radius:5px;
		overflow:hidden;
	}
	#arti_stock_taille{
		position: absolute;
		left:260px;
		width:135px;
		height:33px;
		margin-top:4px;
		padding-top:10px;
		text-align:center;
		font-size:1.3em;
		background-color:blue;
		border-radius:5px;
		color:white;
		cursor: help;
	}
	#arti_stock_tarif{
		position: absolute;
		left:260px;
		width:135px;
		height:33px;
		margin-left:140px;
		margin-top:4px;
		padding-top:10px;
		text-align:center;
		font-size:1.3em;
		background-color:blue;
		border-radius:5px;
		color:white;
	}
	#arti_stock_bouton{
		position: relative;
		float:right;
		left:100px;
		width:200px;
		height:43px;
		margin-right:100px;
		margin-top:4px;
		text-align:center;
		font-size:1.3em;
		
	}
	#arti_stock_bouton input{ 
		float:right;
		width:200px;
		height:43px;
		background-color:green;
		color:white;
		border-radius:5px;
		cursor: pointer;
	}
	/*------ FIN ADMIN ------*/
	
}

@media only screen and (min-width: 601px) and (max-width: 1199px){ /* Tablettes*/
	#zone-logo{
		position:fixed; 
		padding-left:350px;
		margin-top:5px;
		width:100%;
		height:40px;
		background : url(../images/ROF2020.svg) no-repeat center center;
		background-size: 40px;
		z-index:150;
	}

	#zone-titre{
		position:fixed;
		padding-top:5px;
		padding-bottom:5px;
		width:100%;
		height:40px;
		text-align:center;
		font-size:1.4em;
		background-color:#06275f;
		color:#fff;
		font-family: 'Baloo Da 2', cursive;
		text-shadow: 1px 0 0 #d6262a, 0 1px 0 #d6262a, 0 -1px 0 #d6262a, -1px 0 0 #d6262a, 1px 1px 0 #d6262a, 1px -1px 0 #d6262a, -1px 1px 0 #d6262a, -1px -1px 0 #d6262a;
		z-index:100;
	}
	#zone-titre-devise{
		position:fixed;
		width:100%;
		height:20px;
		margin-top:30px;
		text-align:center;
		padding-left:95px;
		font-size:0.8em;
		color:#fff;
		font-family: 'Dancing Script', cursive;
		z-index:100;
	}
	#gros-titre{
		position:fixed;
		top:100px;
		left:0;
		width:90%;
		height:50px;
		z-index:100;
	}
	#gros-titre h1{
		font-size:1.3em;
		color:#f8d447;
		font-weight:bold;
		margin-top:10px;
		margin-left:40px;
	}
	#zone-pagination{
		position:fixed;
		top:110px;
		left:300px;
		padding:10px 20px 0 40px;
		border-radius: 0 0 20px 0;
		height:40px;
		background:#fff;
		z-index:80;
	}
	#zone-menu{
		position:fixed;
		top:100px;
		width:100%;
		height:44px;
		background:#d6262a;
		text-align:right;
		color:#fff;
		z-index:99;
	}
	#zone-connexion-mobile{
		position:fixed;
		top:50px;
		width:100%;
		height:50px;
		font-size:1.5em;
		background-color:#d6262a;
		color:#fff;
		z-index:100;
	}
	#zone-partenaires{
		display:none;
	}
	#zone-footer{
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		height:50px;
		background-color:#f8d447;
		z-index:100;
	}
	#zone-footer #zone-liens{
		position:fixed;
		width:100%;
		padding: 5px;
		left:0;
	}
	#zone-footer #zone-liens ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: center;	
	}
	#zone-footer #zone-liens li{
		display:inline-block;
		padding-top:3px;
		margin-left:10px;
		margin-right:10px;
	}
	#zone-footer #zone-liens img{
		height: 40px;	
	}
	
	#zone-footer #zone-defilement{
		position:fixed;
		min-width:100%;
		height:30px;
		left:0;
		bottom:50px;
		background-color:#d6262a;
		border-top: 3px solid #06275f;
		overflow:hidden;			
	}
	#zone-mentions{
		position:fixed;
		bottom:80px;
		right:0;
		height:20px;
		padding: 5px 10px 5px 15px;
		border-radius: 10px 0 0 0;
		background-color:#06275f;
	}
	#zone-mentions a{
		color:white;
		font-weight:bold;
		text-decoration:none;
	}
	#image-centrale{
		position:fixed;
		width:90%;
		height:90%;
		left:0;
		padding-top:90px;
		background : url(../images/ROF2020.svg) no-repeat center center;
		background-size:80%;
		opacity:.15;
	}
	#zone-centrale{
		position:absolute;
		width:95%;
		left:0;
		padding-top:150px;
		padding-bottom:100px;
		background-size: 90%;
	}
	#zone-centrale-total{
		position:absolute;
		width:100%;
		left:0;
		padding-top:145px;
		padding-bottom:100px;
		background-size: 90%;
	}
	#zone-centrale .article h3{
		margin:0;
		text-align: justify;
		font-size:1.6em;
		color:#06275f;
		font-weight:bold;
		font-family: "Ubuntu Condensed", sans-serif;
	}
	#zone-centrale .article h4{
		margin-top:0;
		margin-bottom:10px;
		font-size:0.8em;
		color:#06275f;
		font-weight:bold;
		font-family: "Ubuntu Condensed", sans-serif;
	}
	#zone-centrale .article{
		position:relative;
		width:100%;
		padding:10px;
		overflow:hidden;
	}
	#zone-centrale .article .iv1 img{
		border-radius: 8px;
		width:130px;
		margin-left:0;
	}
	#zone-centrale .article .iv1{
		margin:0px;
	}
	#zone-centrale .article p{
		text-align: justify;
		font-weight:bold;
		font-size:1em;
		color:#06275f;
	}
	#zone-centrale a{
		color:#d6262a;
	}
	
	#zone-centrale p{
		text-align: justify;
		margin-left:20px;
		font-weight:bold;
		font-size:1em;
		color:#06275f;
	}
	#zone-centrale .iv1 {
		margin-left:20px;
	}
	#zone-centrale h2{
		text-align: justify;
		font-size:1.3em;
		color:#d6262a;
		margin-top:20px;
		margin-left:10px;
		font-weight:bold;
		text-decoration:underline;
	}
	
	#zone-president{
		display:none;
	}
	#zone-president h3{
		padding-left:15px;
	}
	#zone-president img{
		margin-left:60px;
		margin-bottom: 20px;
		border-radius: 10px;
	}
	#zone-president a{
		margin: 0 auto;
		color: white;
		text-decoration:none;
	}
	#zone-president a:hover{
		text-decoration:underline;
		font-weight:bold;
		color: white;
	}
	#zone-president a:visited{
		text-decoration:underline;
		font-weight:bold;
		color: white;
	}
	.imglist {
		list-style-type: none;
		  margin: 0;
		  padding: 0;
		  text-align: center;
	}
	.imglist  li{
		display:inline-block;
		padding:20px;
		
	}
	.imglist  img{
		width:100%;
		border-radius: 20px;
		border :1px dashed black;
	}
	/*------ DEBUT ADMIN ------*/
	#zoneADMmessage{position:fixed;top:130px;bottom:70px;left:20px;right:20px;text-align:center;font-family: "Ubuntu Condensed", sans-serif;font-size:4em;color:#777;}
	#zoneADMmessage p{position:relative;top:auto;bottom:auto;}
	#zoneADMmenu{display:none;}
	#zoneADMliste{display:none;}
	#zoneADMlisteTitre{display:none;}
	#zoneADMlisteSuite{display:none;}
	#zoneADMtitre{display:none;}
	#zoneADMbouton{display:none;}
	#zoneADMcontenu{display:none;}
	#zoneADMcomplet{display:none;}
	#zone-pagination{display:none;}
	/*------ FIN ADMIN ------*/
	
	#arti_stock{
		position: relative;
		margin:40px 10px;
		width:99%;
		
	}
	#arti_stock_titre{
		position:relative;
		width:99%px;
		height:30px;
		padding:5px;
		margin-bottom:15px;
		font-size:1.8em;
		text-decoration:underline;
		font-weight:bold;
		
	}
	#arti_stock_image{
		position: absolute;
		margin:0;
		padding:0;
		width:280px;
		border:1px dashed #333;
		border-radius:5px;
	}
	.arti_stock_description{
		position: relative;
		margin-left:290px;
		right:0;
		height:178px;
		padding:5px;
		text-align:justify;
		font-size:1.3em;
		border:1px dashed #333;
		background-color:#ccc;
		border-radius:5px;
		overflow:hidden;
	}
	#arti_stock_taille{
		position: absolute;
		left:0;
		width:150px;
		height:33px;
		margin-left:290px;
		margin-top:4px;
		padding-top:10px;
		text-align:center;
		font-size:1.3em;
		background-color:blue;
		border-radius:5px;
		color:white;
		cursor: help;
	}
	#arti_stock_tarif{
		position: absolute;
		left:0;
		width:150px;
		height:33px;
		margin-left:450px;
		margin-top:4px;
		padding-top:10px;
		text-align:center;
		font-size:1.3em;
		background-color:blue;
		border-radius:5px;
		color:white;
	}		
	#arti_stock_bouton{
		position: relative;
		float:right;
		left:100px;
		width:200px;
		height:43px;
		margin-right:100px;
		margin-top:4px;
		text-align:center;
		font-size:1.3em;
		
	}
	#arti_stock_bouton input{ 
		float:right;
		width:200px;
		height:43px;
		background-color:green;
		color:white;
		border-radius:5px;
		cursor: pointer;
	}
}

@media only screen and (min-width: 375px) and (max-width: 600px){ /* Mobiles */
	#zone-logo{
		position:fixed; 
		padding-left:370px;
		margin-top:5px;
		width:100%;
		height:40px;
		background : url(../images/ROF2020.svg) no-repeat center center;
		background-size: 40px;
		z-index:150;
	}

	#zone-titre{
		position:fixed;
		padding-top:5px;
		padding-bottom:5px;
		width:100%;
		height:40px;
		text-align:center;
		font-size:1.5em;
		background-color:#06275f;
		color:#fff;
		font-family: 'Baloo Da 2', cursive;
		text-shadow: 1px 0 0 #d6262a, 0 1px 0 #d6262a, 0 -1px 0 #d6262a, -1px 0 0 #d6262a, 1px 1px 0 #d6262a, 1px -1px 0 #d6262a, -1px 1px 0 #d6262a, -1px -1px 0 #d6262a;
		z-index:100;
	}
	#zone-titre-devise{
		position:fixed;
		width:100%;
		height:20px;
		margin-top:30px;
		text-align:center;
		padding-left:100px;
		font-size:0.8em;
		color:#fff;
		font-family: 'Dancing Script', cursive;
		z-index:100;
	}
	#gros-titre{
		position:fixed;
		top:100px;
		left:0;
		width:90%;
		height:50px;
		z-index:100;
	}
	#gros-titre h1{
		font-size:1.3em;
		color:#f8d447;
		font-weight:bold;
		margin-top:10px;
		margin-left:40px;
	}
	#zone-menu{
		position:fixed;
		top:100px;
		width:100%;
		height:44px;
		background:#d6262a;
		text-align:right;
		color:#fff;
		z-index:99;
	}
	#zone-connexion-mobile{
		position:fixed;
		top:50px;
		width:100%;
		height:50px;
		font-size:1.5em;
		background-color:#d6262a;
		color:#fff;
		z-index:100;
	}
	#zone-partenaires{
		display:none;
	}
	#zone-footer{
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		height:50px;
		background-color:#f8d447;
		z-index:100;
	}
	#zone-footer #zone-liens{
		position:fixed;
		width:100%;
		padding: 5px;
		left:0;
	}
	#zone-footer #zone-liens ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: center;	
	}
	#zone-footer #zone-liens li{
		display:inline-block;
		padding-top:3px;	
		margin-left:10px;
		margin-right:10px;
	}
	#zone-footer #zone-liens img{
		height: 40px;	
	}
	#zone-footer #zone-defilement{
		position:fixed;
		min-width:100%;
		height:30px;
		left:0;
		bottom:50px;
		background-color:#d6262a;
		border-top: 3px solid #06275f;
		overflow:hidden;			
	}
	#zone-mentions{
		position:fixed;
		bottom:80px;
		right:0;
		height:20px;
		padding: 5px 10px 5px 15px;
		border-radius: 10px 0 0 0;
		background-color:#06275f;
	}
	#zone-mentions a{
		color:white;
		font-weight:bold;
		text-decoration:none;
	}
	#image-centrale{
		position:fixed;
		width:100%;
		height:100%;
		left:0;
		padding-top:70px;
		background : url(../images/ROF2020.svg) no-repeat center center;
		background-size:80%;
		opacity:.15;
	}
	#zone-centrale{
		position:absolute;
		width:95%;
		left:0;
		padding-top:150px;
		padding-bottom:100px;
		background-size: 90%;
		/*border:1px solid green;*/
	}
	#zone-centrale-total{
		position:absolute;
		width:100%;
		left:0;
		padding-top:145px;
		padding-bottom:100px;
		background-size: 90%;
	}
	#zone-centrale .article h3{
		margin:0;
		text-align: justify;
		font-size:1.6em;
		color:#06275f;
		font-weight:bold;
		font-family: "Ubuntu Condensed", sans-serif;
	}
	#zone-centrale .article h4{
		margin-top:0;
		margin-bottom:10px;
		font-size:0.8em;
		color:#06275f;
		font-weight:bold;
		font-family: "Ubuntu Condensed", sans-serif;
	}
	#zone-centrale .article{
		position:relative;
		width:100%;
		padding:10px;
		overflow:hidden;
	}
	#zone-centrale .article .iv1 img{
		border-radius: 8px;
		width:130px;
		margin-left:0;
	}
	#zone-centrale .article .iv1{
		margin:0px;
	}
	#zone-centrale .article p{
		text-align: justify;
		font-weight:bold;
		font-size:1em;
		color:#06275f;
	}
	#zone-centrale a{
		color:#d6262a;
	}
	
	#zone-centrale p{
		text-align: justify;
		margin-left:20px;
		font-weight:bold;
		font-size:1em;
		color:#06275f;
	}
	#zone-centrale .iv1 {
		margin-left:20px;
	}
	#zone-centrale h2{
		text-align: justify;
		font-size:1.3em;
		color:#d6262a;
		margin-top:20px;
		margin-left:10px;
		font-weight:bold;
		text-decoration:underline;
	}
	
	#zone-president{
		display:none;
	}
	#zone-president h3{
		padding-left:15px;
	}
	#zone-president img{
		margin-left:60px;
		margin-bottom: 20px;
		border-radius: 10px;
	}
	#zone-president a{
		margin: 0 auto;
		color: white;
		text-decoration:none;
	}
	#zone-president a:hover{
		text-decoration:underline;
		font-weight:bold;
		color: white;
	}
	#zone-president a:visited{
		text-decoration:underline;
		font-weight:bold;
		color: white;
	}
	.imglist {
		list-style-type: none;
		  margin: 0;
		  padding: 0;
		  text-align: center;
	}
	.imglist  li{
		display:inline-block;
		padding:10px;
		width: 100%;
	}
	.imglist  img{
		width:100%;
		border-radius: 10px;
		border :1px dashed black;
	}
	/*------ DEBUT ADMIN ------*/
	#zoneADMmessage{position:fixed;top:150px;bottom:70px;left:20px;right:20px;text-align:center;font-family: "Ubuntu Condensed", sans-serif;font-size:2em;color:#777;}
	#zoneADMmessage p{position:relative;top:auto;bottom:auto;}
	#zoneADMmenu{display:none;}
	#zoneADMliste{display:none;}
	#zoneADMlisteTitre{display:none;}
	#zoneADMlisteSuite{display:none;}
	#zoneADMtitre{display:none;}
	#zoneADMbouton{display:none;}
	#zoneADMcontenu{display:none;}
	#zoneADMcomplet{display:none;}
	#zone-pagination{display:none;}
	/*------ FIN ADMIN ------*/
	
	#arti_stock{
		position: relative;
		margin:40px 10px;
		width:99%;
		overflow:hidden;
		border: 1px solid red;
	}
	#arti_stock_titre{
		position:relative;
		width:99%px;
		height:30px;
		padding:5px;
		margin-bottom:15px;
		font-size:1.4em;
		text-decoration:underline;
		font-weight:bold;
		
	}
	#arti_stock_image{
		position: relative;
		margin:0 10px 10px 10px;
		padding:0px;
		width:95%;
		border:1px dashed #333;
		border-radius:5px;
	}
	.arti_stock_description{
		position: relative;
		margin:0 10px 10px 10px;
		height:165px;
		padding:5px;
		width:93%;
		text-align:justify;
		font-size:1.2em;
		border:1px dashed #333;
		background-color:#ccc;
		border-radius:5px;
		overflow:hidden;
	}
	#arti_stock_taille{
		position: relative;
		left:10px;
		margin-bottom:10px;
		width:47%;
		height:33px;
		padding-top:10px;
		text-align:center;
		font-size:1.3em;
		background-color:blue;
		border-radius:5px;
		color:white;
		cursor: help;
	}
	#arti_stock_tarif{
		position: absolute;
		width:47%;
		height:33px;
		right:10px;
		padding-top:10px;
		text-align:center;
		font-size:1.3em;
		background-color:blue;
		border-radius:5px;
		color:white;
	}

	
	#arti_stock_bouton{
		position: relative;
		width:97%;
		height:50px;
		padding-left:10px;		
		margin-bottom:30px;
	}
	#arti_stock_bouton input{ 
		width:98%;
		height:50px;
		background-color:green;
		color:white;
		border-radius:5px;
		cursor: pointer;
		font-size:1.3em;
	}
}

@media only screen and (max-width: 374px){ /* Mini smartphone */
	#zone-logo{
		display:none;
	}

	#zone-titre{
		position:fixed;
		padding-top:10px;
		width:100%;
		height:40px;
		text-align:center;
		font-size:1em;
		background-color:#06275f;
		color:#fff;
		font-family: 'Baloo Da 2', cursive;
		text-shadow: 1px 0 0 #d6262a, 0 1px 0 #d6262a, 0 -1px 0 #d6262a, -1px 0 0 #d6262a, 1px 1px 0 #d6262a, 1px -1px 0 #d6262a, -1px 1px 0 #d6262a, -1px -1px 0 #d6262a;
		z-index:100;
	}
	#zone-titre-devise{
		position:fixed;
		width:100%;
		height:20px;
		margin-top:30px;
		text-align:center;
		padding-left:60px;
		font-size:0.65em;
		color:#fff;
		font-family: 'Dancing Script', cursive;
		z-index:100;
	}
	#gros-titre{
		position:fixed;
		top:100px;
		left:0;
		width:90%;
		height:50px;
		z-index:100;
	}
	#gros-titre h1{
		font-size:0.9em;
		color:#f8d447;
		font-weight:bold;
		margin-top:10px;
		margin-left:40px;
	}
	#zone-menu{
		position:fixed;
		top:100px;
		width:100%;
		height:44px;
		background:#d6262a;
		text-align:right;
		color:#fff;
		z-index:99;
	}
	#zone-connexion-mobile{
		position:fixed;
		top:50px;
		width:100%;
		height:50px;
		font-size:1.5em;
		background-color:#d6262a;
		color:#fff;
		z-index:100;
	}
	#zone-partenaires{
		display:none;
	}
	#zone-footer{
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		height:50px;
		background-color:#f8d447;
		z-index:100;
	}
	#zone-footer #zone-liens{
		position:fixed;
		width:100%;
		padding: 5px;
		left:0;
	}
	#zone-footer #zone-liens ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: center;	
	}
	#zone-footer #zone-liens li{
		display:inline-block;
		padding-top:3px;	
		margin-left:10px;
		margin-right:10px;
	}
	#zone-footer #zone-liens img{
		height: 30px;	
	}
	#zone-footer #zone-defilement{
		position:fixed;
		min-width:100%;
		height:30px;
		left:0;
		bottom:50px;
		background-color:#d6262a;
		border-top: 3px solid #06275f;
		overflow:hidden;			
	}
	#zone-mentions{
		position:fixed;
		bottom:80px;
		right:0;
		height:20px;
		padding: 5px 10px 5px 15px;
		border-radius: 10px 0 0 0;
		background-color:#06275f;
	}
	#zone-mentions a{
		color:white;
		font-weight:bold;
		text-decoration:none;
	}
	#image-centrale{
		position:fixed;
		width:100%;
		height:100%;
		left:0;
		padding-top:70px;
		background : url(../images/ROF2020.svg) no-repeat center center;
		background-size:80%;
		opacity:.15;
	}

	#zone-centrale{
		position:absolute;
		width:95%;
		left:0;
		padding-top:150px;
		padding-bottom:100px;
		padding-right:10px;
		background-size: 90%;

	}
	#zone-centrale-total{
		position:absolute;
		width:100%;
		left:0;
		padding-top:145px;
		padding-bottom:100px;
		background-size: 90%;
	}
	#zone-centrale .article h3{
		margin:0;
		text-align: justify;
		font-size:0.9em;
		color:#06275f;
		font-weight:bold;
		font-family: "Ubuntu Condensed", sans-serif;
	}
	#zone-centrale .article h4{
		margin-top:0;
		margin-bottom:5px;
		font-size:0.6em;
		color:#06275f;
		font-weight:bold;
		font-family: "Ubuntu Condensed", sans-serif;
	}
	#zone-centrale .article{
		position:relative;
		width:100%;
		padding:10px;
		overflow:hidden;
	}
	#zone-centrale .article .iv1 img{
		border-radius: 8px;
		width:100px;
		margin-left:0;
	}
	#zone-centrale .article .iv1{
		margin:0px;
	}
	#zone-centrale .article p{
		text-align: justify;
		font-weight:bold;
		font-size:0.7em;
		color:#06275f;
	}
	#zone-centrale a{
		color:#d6262a;
	}
	
	#zone-centrale p{
		text-align: justify;
		margin-left:20px;
		font-weight:bold;
		font-size:0.8em;
		color:#06275f;
	}
	#zone-centrale .iv1 {
		margin-left:20px;
	}
	#zone-centrale h2{
		text-align: justify;
		font-size:1.1em;
		color:#d6262a;
		margin-top:10px;
		margin-left:10px;
		font-weight:bold;
		text-decoration:underline;
	}
	
	#zone-president{
		display:none;
	}
	#zone-president h3{
		padding-left:15px;
	}
	#zone-president img{
		margin-left:60px;
		margin-bottom: 20px;
		border-radius: 10px;
	}
	#zone-president a{
		margin: 0 auto;
		color: white;
		text-decoration:none;
	}
	#zone-president a:hover{
		text-decoration:underline;
		font-weight:bold;
		color: white;
	}
	#zone-president a:visited{
		text-decoration:underline;
		font-weight:bold;
		color: white;
	}
	.imglist {
		list-style-type: none;
		  margin: 0;
		  padding: 0;
		  text-align: center;
	}
	.imglist  li{
		display:inline-block;
		padding:10px;
		width: 100%;
	}
	.imglist  img{
		width:100%;
		border-radius: 10px;
		border :1px dashed black;
	}
	/*------ DEBUT ADMIN ------*/
	#zoneADMmessage{position:fixed;top:140px;bottom:70px;left:20px;right:20px;text-align:center;font-family: "Ubuntu Condensed", sans-serif;font-size:1.5em;color:#777;}
	#zoneADMmessage p{position:relative;top:auto;bottom:auto;}
	#zoneADMmenu{display:none;}
	#zoneADMliste{display:none;}
	#zoneADMlisteTitre{display:none;}
	#zoneADMlisteSuite{display:none;}
	#zoneADMtitre{display:none;}
	#zoneADMbouton{display:none;}
	#zoneADMcontenu{display:none;}
	#zoneADMcomplet{display:none;}
	#zone-pagination{display:none;}
	/*------ FIN ADMIN ------*/
	#arti_stock{
		position: relative;
		margin:40px 10px;
		width:99%;
		overflow:hidden;
	}
	#arti_stock_titre{
		position:relative;
		width:99%px;
		height:30px;
		padding:5px;
		margin-bottom:15px;
		font-size:1.4em;
		text-decoration:underline;
		font-weight:bold;
		
	}
	#arti_stock_image{
		position: relative;
		margin:0 auto;
		padding:0px;
		width:95%;
		border:1px dashed #333;
		border-radius:5px;
	}
	.arti_stock_description{
		position: relative;
		margin:10px;
		padding:5px;
		width:93%;
		text-align:justify;
		font-size:1.2em;
		border:1px dashed #333;
		background-color:#ccc;
		border-radius:5px;
		overflow:hidden;
	}
	#arti_stock_taille{
		position: relative;
		left:10px;
		margin-bottom:10px;
		width:47%;
		height:33px;
		padding-top:10px;
		text-align:center;
		font-size:1.3em;
		background-color:blue;
		border-radius:5px;
		color:white;
		cursor: help;
	}
	#arti_stock_tarif{
		position: absolute;
		width:47%;
		height:33px;
		right:10px;
		padding-top:10px;
		text-align:center;
		font-size:1.3em;
		background-color:blue;
		border-radius:5px;
		color:white;
	}

	
	#arti_stock_bouton{
		position: relative;
		width:97%;
		height:50px;
		padding-left:10px;		
		margin-bottom:30px;
	}
	#arti_stock_bouton input{ 
		width:98%;
		height:50px;
		background-color:green;
		color:white;
		border-radius:5px;
		cursor: pointer;
		font-size:1.3em;
	}
}