/* CSS Document */
/*general------------------------------------------------------------------------------
#A3A2A2; gris clair
#666; gris foncé
#FF9900:orange
*/
 body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
color:#666;
background-color:#FFF;
margin:0;
padding:0;
line-height:1.3em;
}
#titre{
margin-top:0;
margin-bottom:1%;
}
.contact {
margin-left:0;
width:100%;
margin-top:0;
margin-bottom:2%;
font-size:1.3em;
text-align:left;
color:#FF9900;
font-weight:normal;
	text-shadow:1px 1px 0px #CCC;
	font-family: "ARMYD___.TTF";
    src: url('images/ARMYD___.TTF');
 }
  .contact-titre {
display: none!important;
text-align: center;
	width:100%;
    height: 40px;
  font-weight:normal;
	text-shadow:1px 1px 0px #CCC;
	font-family: "ARMYD___.TTF";
    src: url('images/ARMYD___.TTF');
color:#FF9900;
padding-top:2%;
     -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
         -ms-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
             transition: all 0.2s ease;
			
}
#fond1 img{
    width: 100%;
   max-width:2000px;
 height:auto;
 
margin-top:0;
margin-left:auto;
margin-right:auto;
-webkit-background-size: 100%; /* pour Chrome et Safari */
  -moz-background-size: 100%; /* pour Firefox */
  -o-background-size: 100%; /* pour Opera */
  background-size: 100%; /* version standardisée */
}
#centre{
width:85%;
margin-left:auto;
margin-right:auto;
margin-top:60px;
margin-bottom:2%;
}
#centre a{
color:#666;
text-decoration:none;
}
#centre a:hover {
color:#FF9900;
}
h1{
		width:100%auto;
	color:#FF9900;
	
	font-size:1.3em;

	margin-left:auto;
	margin-right:auto;
	font-weight:normal;
	text-shadow:1px 1px 0px #CCC;
	font-family: "ARMYD___.TTF";
    src: url('images/ARMYD___.TTF');
}
h2{
	width:100%auto;
	color:#FF9900;
	text-align:left;
	font-size:1.3em;
	margin-top:20px;
	margin-left:20%;
	font-weight:normal;
	text-shadow:1px 1px 0px #CCC;
	font-family: "ARMYD___.TTF";
    src: url('images/ARMYD___.TTF');
}
.titre{
	color:#A3A2A2;
	text-align:center;
	font-size:1.5em;
	margin-left:30%;
	font-weight:normal;
	text-shadow:1px 1px 0px #CCC;
	font-family: "ARMYD___.TTF";
    src: url('images/ARMYD___.TTF');
}

.titre1{
	width:350px;
	color:#FF9900;
	text-align:center;
	font-size:1.3em;
	margin-left:20%;
	font-weight:normal;
	text-shadow:1px 1px 0px #CCC;
	font-family: "ARMYD___.TTF";
    src: url('images/ARMYD___.TTF');
}
.titre2{
	color:#FF9900;
	text-align:center;
	font-size:1.3em;
	margin-left:15%;
	font-weight:normal;
	text-shadow:1px 1px 0px #CCC;
	font-family: "ARMYD___.TTF";
    src: url('images/ARMYD___.TTF');
}
.titre3{
font-size:1.1em;
color:#FF9900;
font-weight:normal;
	text-shadow:1px 1px 0px #CCC;
}
.titre4{
	color:#FF9900;
	font-size:1.2em;
	font-weight:normal;
	text-shadow:1px 1px 0px #CCC;
	font-family: "ARMYD___.TTF";
    src: url('images/ARMYD___.TTF');
}
.retrait{
margin-left:15px;
}
#cadre{
margin-right:5%;
border: 1px solid #FF9900;
padding-left:2em;
margin-bottom:10px;
}
#cadre1{
margin-right:5%;
border: 1px solid #FF9900;
padding-left:2em;
margin-bottom:10px;
}
/*-----------------------------menu----------------------------------------*/
ul.topnav {
    list-style-type: none;
    margin-top: 0 auto;
    padding-left: 5%;
    overflow: hidden;
 background-color: #CDCDCD;
}
ul.topnav li {float: left;}
ul.topnav li a {
    display: inline-block;
    color:#FFF;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size:1em;
}
ul.topnav li a:hover {
background-color: #FFF;
color:#FF6A04;
}
ul.topnav li a#blanc:visited {
background-color: #e8e9e7;
color:#FF6A04;
}
ul.topnav li.icon {
display: none;
}
/*-----------------crea--------------------------*/
.texte2{
margin-left:1%;
margin-right:auto;
margin-top:20px;
width:100%;
}
.texte2  li{
display:inline-block;
list-style-type:none;
margin-left:2%;	
padding:0;
}

.texte2  a{
color:#666;
}
.texte2  a:hover{
   color:#FF9900;}

/*-----------------bas-------------------*/
#index{
border-top:1px solid #ABA28B;
 margin-left:auto;
    margin-right:auto;
	margin-top:20px;
    text-align:center;
    font-size:0.8em;}
	#index a:link{
	color:#666;
	text-decoration:none;}
	#index a:hover{
	color:#FF9900;
	text-decoration:none;}
	#index a:visited{
	color:#ABA28B;
	text-decoration:none;}
	#index img{
margin-left:30px;
margin-top:20px;
width:100px;
height:30px;
border:none;}
#fb{
	font-size:0.7em;
	margin-left:30%;
    margin-right:auto;}
	#fb a {
	 color:#FF9900;}
	#fb a:link{
 color:#FF9900;
 font-size:1em;}
 #fb a:hover {
color:#80755C;}
#vide{
margin-top:20px;
margin-left:30%;
margin-right:auto;
height:300px;}
#vide img{
width:80px;
height:17px;
border:none;}
#vide a:link{
color: #ABA28B;
	text-decoration: none;
	font-size:0.6em;}
#vide a:hover {
	color: #FF9900;
	text-decoration: none;}
	
/* ---------------------------------mobile-----------------------------------------@media (max-device-width:1280px) and (orientation: landscape) ou @media (min-width: 720px), handheld and (orientation: portrait) {  {*/
	@media all and (max-width: 800px)  {
	* {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

.contact-titre{
display: block!important;
font-size:1.1em;
}
.contact{
 display: none!important;
	}
h1{
margin-left:2%;font-size:1.5em;
}
h2{
margin-left:2%;
font-size:1.1em;
	}
#centre{
	font-size:0.8em;
	width:100%;
	margin-top:3%;
	margin-left:3%;
	padding-right:3%;
	}

 ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
	margin-top:0;
  }
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 1%;
    top: 1%;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
	width:30%;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
	font-size:0.7em;
	line-height:0.7em;
	 padding: 2%;
  } 
#titre img{
width:15%;
	
	}
#index{
margin-left:0;
	padding-left:2%;
font-size:0.8em;
 text-align:center;
	 }
	 #fb{
	font-size:0.7em;
	margin-left:2%;
	padding-left:2%;
	}
	#vide{
margin-left:20%;
	padding-left:2%;
	}


    /* gestion des mots longs */
div,textarea,table,td,code
 {
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
    }
     .hide_mobile {
        display: none !important;
    }
    }