/* HTML TAG BRUT : ---------------------------------------------------------------------------------------------------------------*/
body {margin:0;padding:0;background:#ffffff;border:0px none;}
a, form, fieldset {text-decoration:none;border:0 none;font-family:Arial,Verdana,Helvetica;font-weight:normal;}
img {border:0 none;}
/* --------------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------- MENU VERSION PC */
/* -------------------------------------------------------------------------------------------------------------- MENU / MENU NIV 0*/
.menu{z-index:98;display:block;position:relative;float:right;clear:right;margin:0;margin-top:-7vmin;margin-right:2%;padding:0;width:80%;min-width:80%;}
.men {position:relative;float:left;clear:left;position:absolute;margin:0;padding:0;min-width:100%;width:100%;font-size:2.5vmin;font-weight:bold;}
/* _ BOUTON MENU NIV 0*/
.colonbouton {position:relative;float:left;clear:none;margin:0;margin-left:1%;margin-top:1vmin;min-width:24%;padding:0;border-radius:1.25vmin 1.25vmin;}
.colonbouton > a{position:relative;float:left;clear:none;padding:0;padding-left:15%;padding-right:2vmin;width:75%;
background: url("../img/bt-retour.gif") no-repeat top left;background-size: auto 3.5vmin;
background-color:rgba(207,225,214,0.55);color:rgba(42,156,195,0.85);
border-radius:1.15vmin 1.15vmin;line-height:3.5vmin;font-size:2.5vmin;
border:2px;border-color:rgba(130,210,230, 0.5);}
.colonbouton:hover{background-color: rgba(207,225,214,0.55);}
.colonbouton > a:hover{background-color: rgba(130,210,230,1);color:#ffffff;}
.colonbouton:hover > .colonboutonover{display:block;}
/* _ BOUTON MENU NIV 1 */
.colonboutonover {position:relative;float:left;clear:left;margin:0;padding:0;display:none;min-width:100%;}
.colonboutonover > a{position:relative;float:left;clear:left;margin:0;margin-top:1vmin;margin-left:2%;padding:0;padding-left:8%;padding-right:2%;width:88%;
background-color:rgba(207,225,214,0.45);color:rgba(42,156,195,0.95);background: url("../img/bouton2.gif") no-repeat top left;background-size: auto 3.5vmin;
line-height:4vmin;border-radius:1.15vmin 1.15vmin;}
.colonboutonover > a:hover{background-color: rgba(130,210,230,1);color:#ffffff;}
/* -------------------------------------------------------------------------------------------------------------------------------***/
/* -------------------------------------------------------------------------------------------------------------- MENU / ADAPTATIVE */
.mensmal {display:none;z-index:98;position:absolute;margin:0;padding:0;cursor:pointer;top:15vmin;left:0;}
.mensmal > a{position:absolute;margin:0;padding:0;top:0;width:10vmin;left:2vmin;
/*background: url("../img/btmenuon.gif") no-repeat top left;*/}
.colon{z-index:98;display:block;position:absolute;margin:0;top:10vmin;padding:0;padding-bottom:2vmin;top:0;left:0;min-width:100%;
background-color:rgba(207,225,214,0.85);border-radius:2vmin 2vmin;}
/* -----Navigation Nveau O ------*/
.colonbt {z-index:98;position:relative;float:left;clear:left;margin:0;margin-left:1%;margin-top:2vmin;margin-bottom:1vmin;padding:0;min-width:86%;width:86%;max-width:86%;
border-radius:1.5vmin 1.5vmin;}
.colonbt > a{display:block;position:relative;float:left;clear:left;margin:0;margin-left:1%;padding:0;padding-left:15%;padding-right:1%;line-height:10vmin;min-width:84%;
background: url("../img/bt-retour.gif") no-repeat top left;background-size: auto 9vmin;background-color: rgba(255,255,255,1);border-radius:1.5vmin 1.5vmin;
color:rgba(42,156,195,0.85);font-weight:bold;}
.colonbt > a:hover{background-color:rgba(207,225,204,0.45);}
.colonbt > a:after{background-color:rgba(207,225,204,0.45);}
/*----Navigation Niveau 1 ------*/
.colonbtover {z-index:98;position:relative;float:left;clear:left;margin:0;margin-left:2%;padding:0;min-width:auto;border-radius:1.5vmin 1.5vmin;min-width:85%;}
.colonbtover > a{display:block;margin:0;margin-left:6%;margin-top:1vmin;margin-bottom:1vmin;padding:0;padding-left:6%;padding-right:1%;
line-height:10vmin;width:auto;background: url("../img/bouton2.gif") no-repeat top left;background-color: rgba(255,255,255,.85);background-size:auto 9vmin;
border-radius:1.5vmin 1.5vmin;color:rgba(42,156,195,0.85);font-weight:bold;}
.colonbtover > a:hover{background-color:rgba(207,225,204,0.45);}
/*--- Bouton Menu ADAPTATIVE----*/
.btmenu {z-index:99;display:none;position:absolute;top:2vmin;left:0;margin:0;padding:0;min-width:17vmin;height:15vmin;border-radius:2vmin 2vmin;}
.btmenu:hover{background-color:rgba(207,225,214,0.85);}
.btmenu:active{background-color:rgba(207,225,214,0.85);}
.btmenu > a{display:block;margin:0;padding:0;min-width:100%;background: url("../img/btmenuon.gif") no-repeat top left;background-size: auto 80%;height:20vmin;}
/* --------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------- CONTENANT CORPS DE PAGE ------------ */
/* -------------------------------------------------------------------------------------------------- Full Screen PC -------------*/
/*_-------- : FOND DE PAGE: LOGO ___________________*/
.entete{z-index:2;position:relative;display:block;float:left;clear:left;margin:0;margin-top:1vmin;margin-left:3%;padding:0;border:0 none;
width:97%;min-width:97%;min-height:20vmin;height:20vmin;background:url('../img/logo.gif') no-repeat top left;background-size:auto 100%;}
/*_-------- : CADRE DE CONTENU PRINCIPALE ____________*/
.milcadre{z-index:3;position:relative;float:left;clear:left;margin:0;margin-top:-1vmin;padding:0;width:100%;min-width:100%;min-height:71vmin;}
/*_-------- : FOND DE PAGE IMAGE _____*/
.divbgimg{z-index:0;position:absolute;top:0;left:0;margin:0;margin-left:2%;margin-top:0vmin;padding:0;
width:96%;min-width:96%;max-width:96%;height:71vmin;background-position: right top;background-size:auto 100%;border-radius:1.61vmin 1.61vmin;}
/*_-------- : CORPS DE PAGE : TEXTE __________________*/
.milieu{z-index:2;position:relative;float:left;clear:left;margin:0;padding:0;margin-left:4%;min-width:71%;max-width:71%;}
.milieu > h1{position:relative;float:left;clear:left;border:0px;padding:0;padding-right:2vmin;margin:0;margin-top:1vmin;width:auto;max-width:72%;
background-color:rgba(207,225,214,0.30);border-radius:1.61vmin 1.61vmin;padding-left:2%;
font-family: Arial, Verdana, Helvetica;font-weight:normal;color:#e99D13;font-size:3vmin;line-height:3.5vmin;}
.milieu > h2{position:relative;float:left;clear:left;margin:0;margin-left:2%;margin-top:1vmin;padding:0.15vmin;padding-right:1vmin;
width:auto;max-width:61%;border:0;background-color:rgba(207,225,214,0.30);border-radius:1.61vmin 1.61vmin;padding-left:2%;
font-family:Arial,Verdana,Helvetica;font-weight:normal;color:#debc58;font-size:2.75vmin;line-height:3.5vmin;
text-shadow: #ffffff 1px 1px, #ffffff -1px 1px, #ffffff -1px -1px, #FFFFFF 1px -1px;}
.milieu > h3{position:relative;float:left;clear:left;
margin:0;margin-top:2vmin;margin-left:2%;margin-right:2%;
padding:0;padding-top:1vmin;padding-bottom:1vmin;padding-right:2vmin;
border-radius:1.61vmin 1.61vmin;
width:auto;max-width:61%;
background-color:rgba(207,225,214,0.30);padding-left:2%;
font-family:Arial, Verdana, Helvetica;font-size:2.55vmin;font-weight:normal;color:rgba(139,160,19,0.95);
line-height:3vmin;}
.milieu > h4{display: block;position:relative;float:left;clear:left;
margin:0;margin-left:2%;margin-top:1vmin;
padding:0;padding-right:1vmin;padding-top:1vmin;padding-bottom:1vmin;
border-radius:1.61vmin 1.61vmin;
max-width:89%;
background-color:rgba(207,225,214,0.30);padding-left:2%;
font-family:Arial,Verdana,Helvetica;font-size:2.75vmin;font-weight:lighter;color:rgba(179,139,179,0.95);
line-height:2.5vmin;}
#HTITRE {font-size:3.2vmin;line-height:3.5vmin;}
.milieu > h5{display: block;position:relative;float:left;clear:left;
margin:0;margin-left:2%;margin-top:1vmin;
padding:0;padding-right:1vmin;padding-top:1vmin;padding-bottom:1vmin;
width:89%;min-width:89%;
background-color:rgba(217,235,224,0.30);border-radius:1.61vmin 1.61vmin;padding-left:2%;
font-family:Arial,Verdana,Helvetica;font-size:2.75vmin;font-weight:lighter;line-height:3vmin;color:rgba(140,182,60,0.95);}
.milieu > p{display: block;position:relative;float:left;clear:left;
margin:0;margin-left:4%;margin-top:2vmin;
padding:0;padding-top:1vmin;padding-left:2vmin;padding-right:1vmin;padding-bottom:1vmin;
width:87.5%;max-width:87.5%;
background-color:rgba(207,225,214,0.30);border-radius:1.61vmin 1.61vmin;
font-family:Arial,Verdana,Helvetica;font-size:2.5vmin;line-height:3vmin;font-weight:normal;color:rgba(120,120,120,0.95);background-color:rgba(207,225,214,0.30);}
.milieu > a{position:relative;float:left;clear:none;margin:0;margin-left:2%;margin-top:0;padding:.5vmin;padding-left:5vmin;padding-right:2vmin;
background: url("../img/bt-retour.gif") no-repeat top left;background-size: auto 4.5vmin;background-color:rgba(207,225,214,0.45);
line-height:3vmin;font-weight:normal;font-size:2.5vmin;color:rgba(42,156,195,0.85);}
.milieu > a:hover{background-color: rgba(130,210,230,0.85);color:#ffffff;}
.milieu > iframe{position:relative;float:left;clear:left;left:3vmin;background-color:rgba(207,225,214,0.25);padding:1vmin;}
/*_-------- : CORPS DE PAGE : PARAGRAPHE AVEC IMAGE _________*/
.milieuPimage{z-index:2;position:relative;float:left;clear:left;margin:0;padding:0;margin-left:4%;margin-top:2vmin;min-width:71%;max-width:71%;}
.milieuPimage > h4{display: block;position:relative;float:left;clear:left;
margin:0;margin-left:2%;margin-top:1vmin;padding:0;padding-right:1vmin;padding-top:1vmin;padding-bottom:1vmin;
border-radius:1.61vmin 1.61vmin;width:70%;min-width:70.5%;
background-color:rgba(207,225,214,0.30);padding-left:2%;
font-family:Arial,Verdana,Helvetica;font-size:3vmin;color:rgba(179,139,179,0.95);line-height:3vmin;}
.milieuPimage p{display: block;position:relative;float:left;clear:left;margin:0;margin-left:4%;margin-top:2vmin;
padding:0;padding-top:1vmin;padding-left:2vmin;padding-right:2vmin;padding-bottom:1vmin;
width:68%;min-width:67%;max-width:68%;
background-color:rgba(207,225,214,0.30);border-radius:2vmin 2vmin;
font-family:Arial,Verdana,Helvetica;font-size:3vmin;line-height:3.5vmin;font-weight:normal;color:rgba(120,120,120,0.95);background-color:rgba(207,225,214,0.30);border-radius:2vmin 2vmin;}
.paragraphicone{position:absolute;right:8%;margin-top:1vmin;min-width:12%;width:auto;}
.paragraphicone img {margin:0;padding:0;width:100%;height:auto;}
/*_-------- PARAGRAPHE IMAGE _________*/
.paragraphimage{position:relative;float:left;clear:left;margin:0;padding:0;margin-left:2vmin;margin-top:2vmin;margin-bottom:1vmin;width:89.5%;}
.paragraphimage img{position:relative;float:left;clear:left;margin-left:3%;max-width:100%;width:100%;}
.fonsurdiv{background-color:rgba(255,255,255,0.15);}
/*_-------- CORPS DE PAGE : NAVIGATION SECONDAIRE _________*/
.milieubt{position:absolute;right:28.5%;z-index:3;top:4.75vmin;clear:none;min-width:45%;}
.milieubt a {position:relative;float:right;clear:none;margin:0;margin-left:1%;margin-top:1vmin;padding:0;padding-left:2.5vmin;padding-right:1vmin;border-radius:1.16vmin 1.16vmin;
background: url("../img/bouton2.gif") no-repeat top left;background-size: auto 4.5vmin;background-color:rgba(207,225,214,0.45);
line-height:3.5vmin;font-weight:normal;font-size:2.4vmin;color:rgba(42,156,195,0.85);}
.milieubt a:hover {background-color: rgba(130,210,230,1);color:#ffffff;}
/*_______ CORPS de page : LIENS DE PARAGRAPHE _____________*/
.milieuD {z-index:3;position:relative;float:left;clear:left;margin:0;margin-top:2vmin;padding:0;margin-left:10%;width:61%;}
#parafimag{margin-left:18%;width:39.5%;}
.milieuD > a{position:relative;float:right;clear:none;margin:0;margin-right:1vmin;margin-top:0;margin-bottom:1vmin;
padding:0;padding-left:5vmin;padding-right:1vmin;width:auto;
background: url("../img/bt-retour.gif") no-repeat top left;background-size: auto 4vmin;background-color:rgba(207,225,214,0.80);color:rgba(42,156,195,0.85);
font-size:2.75vmin;line-height:4vmin;border-radius:1.25vmin 1.25vmin;font-weight: normal;}
.milieuD > a:hover{background-color: rgba(130,210,230,1);color:#ffffff;}
/*_------- : CORPS de page : LIENS DE PAGE _______________*/
.milieuH {z-index:3;display:block;position:relative;float:right;clear:right;margin:0;margin-top:0vmin;margin-bottom:1vmin;margin-right:4%;padding:0;
min-width:21%;width:21%;line-height:3vmin;}
.milieuH > a{position:relative;float:left;clear:left;margin:0;margin-top:1vmin;padding:.5vmin;padding-left:4vmin;min-width:90%;
background: url("../img/bouton2.gif") no-repeat top left;background-size: auto 3.5vmin;background-color:rgba(207,225,214,0.75);color:rgba(42,156,195,0.95);
font-size:2.5vmin;line-height:3vmin;border-radius:1.61vmin 1.61vmin;}
.milieuH > a:hover{background-color: rgba(130,210,230,1);color:#ffffff;}
/* ______ : CORPS de page : FORMULAIRE DE RECHERCHE: _____*/
.milieuF {z-index:1;position:relative;float:right;clear:right;top:3vmin;width:21%;min-width:21%;margin:0;margin-bottom:1vmin;margin-right:4%;padding:0;
background-color:rgba(42,156,195,0.55);border-radius:1.61vmin 1.61vmin;}
.milieuF > form{position:relative;float:left;clear:left;padding:0;margin:0;border:0;text-decoration:none;width:100%;font-family:Helvetica, Arial, Verdana;font-size:3vmin;}
.milieuF > form > fieldset {position:relative;float:left;clear:left;margin:0;margin-bottom:1vmin;padding:0;border:0;width:100%;text-decoration:none;}
.milieuF > form > label {position:relative;float:left;clear:left;line-height:3vmin;margin:0;padding:0;padding-left:2.5vmin;color:#ffffff;font-weight:normal;font-size:1.75vmin;}
.milieuF > form > fieldset > select{position:relative;float:left;clear:left;margin:0;margin-left:2%;width:96%;text-decoration:none;border:0 none;
background-color:#ffffff; color:rgba(130,210,230,1);line-height:3vmin;font-size:2.5vmin;}
.milieuF > form > fieldset > input{position:relative;float:left;clear:left;border:0;cursor:pointer;text-decoration: none;
margin:0;margin-left:29%;margin-top:1vmin;width:40%;
background-color:rgba(255,255,255,.85);color:rgba(130,210,230,1);line-height:3vmin;font-size:2.5vmin;border:0 none;border-radius:1.25vmin 1.25vmin;}
.milieuF > form > fieldset > input:hover{background-color: rgba(130,210,230,1);color:rgba(255,255,255,.85);}
/*-------- : CORPS DE PAGE : PIED DE PAGE ________________*/
.piedepage {z-index:1;position:relative;float:left;clear:left;margin:0;margin-top:1vmin;margin-left:3vmin;padding:0;width:69%;background-color:#ffffff;}
.piedepage h2{position:relative;float:right;clear:right;margin:0;padding:0;width:18%;height:5vmin;background:url("../img/logosmall.gif") top right no-repeat;background-size: auto 5vmin;}
.piedepage p{position:relative;float:right;clear:none;margin:0;margin-top:1vmin;margin-right:1vmin;padding:0;font-family:Verdana,Arial, Helvetica;font-size:2vmin;line-height:3vmin;font-weight:lighter;color:#e99D13;}
.piedepage p > a{font-size:2vmin;line-height:3vmin;border-radius:1vmin 1vmin;color: rgba(130,210,230,1);}
.bttop{position:relative;float:right;clear:none;margin:0;color:#ffffff;padding:0;width:10%;background:url(../img/bt.gif) top right no-repeat;}
.piedepage H3{position:relative;float:right;clear:right;margin:0;margin-top:0vmin;padding:0;font-family:Verdana,Arial, Helvetica;font-size:2vmin;line-height:4vmin;font-weight:lighter;color:#e99D13;}
/*#facebookframe{position:relative;float:right;clear:right;}*/
.piedepage iframe{position:relative;float:right;clear:right;margin:0;width:21%;height:6vmin;}
/* ------ : FORM CONTACT : _______________________________*/
/* ------ : CORPS DE PAGE : FORM CONTACT ________________*/
.texte{z-index:1;position:relative;float:left;clear:left;margin:0;margin-top:1%;margin-left:5%;padding:0;width:90%;}
.texte > form{position:relative;float:left;clear:left;padding-left:25%;min-width:65%;}
.texte > form > fieldset{position:relative;float:left;clear:left;padding:0vmin;margin:0;margin-bottom:1vmin;border:0 none;}
.texte > form > fieldset > legend{position:relative;float:left;clear:left;padding:0;margin:0;margin-top:1vmin;width:100%;color:#003466;text-align:right;font-weight: bold;font-size:2vmin;}
.texte > form > fieldset > label{position:relative;float:left;clear:left;padding:0vmin;margin:0;margin-top:1vmin;width:18%;color:#003466;font-size: 2vmin;text-align:right;font-weight:bold;color:#003466;}
.texte > form > fieldset > textarea{position:relative;float:left;clear:left;line-height:3vmin;line-height:3vmin;}
.texte > form > fieldset > input{position:relative;float:left;clear:none;padding:0;margin:0;margin-left:5vmin;width:100%;color:#003466;font-size:4vmin;line-height:4vmin;font-weight:bold;color:#003466;}
/*.texte > form > fieldset > input#confirm{position:relative;float:right;clear:right;border:0;padding:0vmin;margin:0;margin-top:3vmin;text-align:right;width:auto;background:#FE7F14;color:#000000;}*/
/* _------ MOTEUR DE RECHERCHE: Div VIDEO ___________*/
.milieuV{z-index:3;position:relative;float:left;clear:left; margin:0;padding:0;margin-left:8vmin;margin-top:1vmin;min-width:71%;max-width:71%;width:71%;}
.milieuV > h4{display: block;position:relative;float:left;clear:left;
margin:0;margin-left:2%;margin-top:1vmin;padding:0;padding-left:2%;width:57%;min-width:57%;line-height:4vmin;
background-color:rgba(207,225,214,0.25);border-radius:1.61vmin 1.61vmin;
font-family:Arial, Verdana, Helvetica;font-size:4vmin;color:rgba(179,139,179,0.95);font-weight:lighter;}
.milieuV > p{position:relative;float:left;clear:left;margin-left:5vmin;width:60%;color:#aaaaaa;font-size: smaller;font-family: Helvetica,Arial,Verdana;}
/*________ BOUTON liens ___*/
.milieuV > a{position:relative;float:left;clear:right;margin-top:4vmin;margin-left:2%;margin-right:3%;padding:0;padding-left:6vmin;padding-right:2vmin;
background: url("../img/bouton2.gif") no-repeat top left;background-size: auto 4vmin;background-color:rgba(207,225,214,0.55);color:rgba(42,156,195,0.85);font-size:2.5vmin;line-height:4vmin;border-radius:1.25vmin 1.25vmin;}
.milieuV > a:hover{background-color: rgba(130,210,230,1);color:#ffffff;}
/*________insertion VIDEO YOUTUBE ___*/
.milieuV iframe{position:relative;float:left;clear:left;margin-left:3vmin;width:57%;min-width:57%;min-height:42vmin;background-color:rgba(207,225,214,0.25);padding:1vmin;}
/*________ BOUTON FORM ___*/
.milieuV > form {position:relative;float:left;clear:none;margin:0;margin-top:1vmin;margin-left:2%;padding:0;width:28%;min-width:28%;text-decoration: none;border:0;}
.milieuV > form > fieldset {position:relative;float:left;clear:left;width:61%;
text-decoration: none;border:0;margin:0;padding:0;max-height:2vmin;background: url("../img/bouton2.gif") no-repeat top left;background-size: auto 4vmin;}
.milieuV > form > fieldset > input {position:relative;float:left;clear:none;text-decoration: none;cursor:pointer;border:0;
margin:0;padding:1vmin;width:100%;background-color:rgba(207,225,214,0.55);color:rgba(42,156,195,0.85);line-height: 2.5vmin;font-size: 2vmin;}
.milieuV > form > fieldset > input:hover{background-color: rgba(130,210,230,1);color:#ffffff;}
/* ______ : MOTEUR DE RECHERCHE : Contener IMAGE PRODUIT */
/*_______ : P010000 __RESULTAT illustration categorie _____ Horizontal ___*/
.contenercatH{position:relative;float:left;clear:none;margin:0;margin-left:3vmin;margin-right:1vmin;margin-top:3vmin;margin-bottom:1vmin;padding:0;border:0;width:61%;height:61vmin;border-radius:2vmin 2vmin;}
.contenercatH > form{z-index:1;position:relative;float:left;padding:0;margin:0;border:0 none;text-decoration:none;width:100%;height:100%;}
.contenercatH > form > fieldset{margin:0;padding:0;border:0;}
.contenercatH > form > fieldset input{padding:0;margin:0;border:0;}
/*_______ : P010000 __RESULTAT illustration categorie _______ Vertical ___*/
.contenercatV{position:relative;float:left;clear:none;margin:0;margin-left:3vmin;margin-right:0vmin;margin-top:3vmin;margin-bottom:1vmin;padding:0;border:0;width:26.75%;height:53vmin;border-radius:2vmin 2vmin;}
.contenercatV > form {z-index:1;position:relative;float:left;padding:0;margin:0;border:0;width:100%;height:100%;text-decoration:none;}
.contenercatV > form > fieldset{text-decoration:none;margin:0;padding:0;border:0;}
.contenercatV > form > fieldset > input{text-decoration:none;border:0;padding:0;margin:0;width:100%;height:100%;}
/*_______ : P010001 __RESULTAT LISTING Horizontal ___*/
.contenercatH1{position:relative;float:left;clear:none;margin:0;margin-left:3vmin;margin-right:1vmin;margin-top:2vmin;margin-bottom:1vmin;padding:0;border:0;width:42%;height:37vmin;border-radius:2vmin 2vmin;}
.contenercatH1 > form{z-index:1;position:relative;float:left;padding:0;margin:0;border:0 none;width:100%;height:100%;}
.contenercatH1 > form > fieldset{text-decoration:none;padding:0;margin:0;border:0 none;}
.contenercatH1 > form > fieldset > input{padding:0;margin:0;}
/*_______ : P010001 __RESULTAT LISTING vertical ___*/
.contenercatV1{position:relative;float:left;clear:none;margin:0;margin-top:2vmin;margin-left:3vmin;margin-right:1vmin;margin-bottom:1vmin;padding:0;border:0;width:19.25%;height:37vmin;border-radius:2vmin 2vmin;}
.contenercatV1 > form{z-index:1;position:relative;float:left;padding:0;margin:0;border:0 none;width:100%;height:100%;}
.contenercatV1 > form > fieldset{padding:0;margin:0;border:0;text-decoration:none;}
.contenercatV1 > form > fieldset > input{text-decoration:none;padding:0;margin:0;}
/*_______ : P010002 __RESULTAT FICHE PHOTO principale Horizontal _______*/
.contenercattrH{position:relative;float:left;clear:left;margin:0;margin-top:1vmin;margin-left:3vmin;padding:0;border:0;width:60%;height:53vmin;border-radius:2vmin 2vmin;}
.contenercattrH > form{z-index:1;position:relative;float:left;padding:0;margin:0;border:0 none;width:100%;height:100%;}
.contenercattrH > form > fieldset{ text-decoration:none;padding:0;margin:0;border:0;}
.contenercattrH > form > fieldset > input{padding:0;margin:0;}
/*_______ : P010002 __RESULTAT FICHE PHOTO Bprincipal vertical _______*/
.contenercattrV{position:relative;float:left;clear:left;margin:0;margin-top:1vmin;margin-left:3vmin;padding:0;border:0;width:27.5%;height:53vmin;border-radius:2vmin 2vmin;}
.contenercattrV > form{z-index:1;position:relative;float:left;padding:0;margin:0;border:0 none;width:100%;height:100%;}
.contenercattrV > form > fieldset{text-decoration:none;padding:0;margin:0;border:0 none;}
.contenercattrV > form > fieldset > input{padding:0;margin:0;}
/*_______ : P010002 __RESULTAT Contener Des ICONES Horizontal _________*/
.milieuiconeH{z-index:2;position:relative;float:left;clear:none;
margin:0;margin-left:1vmin;margin-top:1vmin;margin-bottom:2vmin;padding:0;min-width:29%;max-width:29%;}
.milieuiconeV{z-index:2;position:relative;float:left;clear:none;
margin:0;margin-left:3vmin;margin-top:1vmin;margin-bottom:2vmin;padding:0;min-width:58%;max-width:58%;}
/*_______ : P010002 __RESULTAT Icone Contener Formulaire Horizontal ___*/
.contenericoneH{position:relative;float:left;clear:none;
margin:0;margin-left:1vmin;margin-bottom:1vmin;padding:0;border:0;width:46.5%;height:12vmin;border-radius:1.25vmin 1.25vmin;}
.contenericoneH > form{z-index:1;position:relative;float:left;padding:0;margin:0;border:0 none;width:100%;height:100%;}
.contenericoneH > form > fieldset{padding:0;margin:0;border:0 none;}
.contenericoneH > form > fieldset > input{padding:0;margin:0;}
/*_______ : P010002 __RESULTAT Icone Contener Formulaire Vertical _____*/
.contenericoneV{position:relative;float:left;clear:none;
margin:0;margin-left:1vmin;margin-bottom:1vmin;padding:0;border:0;width:30%;height:16vmin;
border-radius:1.25vmin 1.25vmin;}
.contenericoneV > form{z-index:1;position:relative;float:left;clear:left;padding:0;margin:0;border:0;width:100%;height:100%;}
.contenericoneV > form > fieldset{padding:0;margin:0;border:0 none;}
.contenericoneV > form > fieldset > input{padding:0;margin:0;}
.milieuiconeV > .contenericoneV {width:15%;}
.milieuiconeV > .contenericoneH {width:24.5%;}
/*_______ : P010002 __RESULTAT FICHE DETAILS horizontal ____*/
.checktr{z-index:3;position:relative;float:left;clear:none;margin:0;margin-top:1vmin;margin-left:3vmin;margin-bottom:1vmin;padding:0;padding-bottom:1vmin;
width:60%;background-color:rgba(179,139,179,0.25);border-radius:2vmin 2vmin;
font-family:Arial,Verdana,Helvetica;font-size:3vmin;}
#checknews{height:52vmin;}
.checktr H6{position:relative;float:left;clear:left;margin:0;padding:0;width:100%;font-size:3vmin;line-height:4vmin;font-weight:bold;background-color:#ffffff;color:rgba(179,139,179,0.75);}
.checktr H7{position:relative;float:left;clear:left;display:block;margin:0;margin-top:1.5vmin;margin-left:2vmin;padding:0px;min-width:18%;font-size:1.8vmin;line-height:2vmin;font-weight:normal;color:rgba(120,120,120,0.95);}
.checktr H8{position:relative;float:left;clear:none;display:block;margin:0;margin-left:2vmin;padding:0;padding-left:1vmin;padding-top:3vmin;padding-bottom:3vmin;padding-right:3vmin;min-width:40%;font-size:2.5vmin;line-height:3vmin;font-weight:normal;color:rgba(179,139,179,0.95);}
.checktr H9{position:relative;float:left;clear:none;display:block;margin:0;margin-top:1vmin;min-width:40%;padding-right:2%;padding:0;font-size:2.5vmin;line-height:3vmin;font-weight:normal;color:rgba(120,120,120,0.95);}
.checktr form {position:relative;float:right;clear:right;padding:0;margin:0;margin-top:2vmin;margin-right:2vmin;border:0 none;text-decoration:none;width:34%;}
.checktr form > fieldset{position:relative;float:left;clear:left;margin:0;padding:0;border:none;text-decoration:none;width:100%;}
.checktr form > fieldset > input{cursor:pointer;position:relative;float:left;clear:left;
margin:0;padding:0;text-decoration:none;border:none;text-decoration: none;line-height:4vmin;
background: url("../img/bouton2.gif") no-repeat top left;background-size: auto 4.5vmin;background-color:rgba(207,225,214,0.45);
width:100%;line-height:4vmin;font-weight:normal;font-size:2.75vmin;color:rgba(42,156,195,0.85);}
.checktr form > fieldset > input:hover{background-color: rgba(130,210,230,1);color:rgba(255,255,255,.85);}
/*_______ : P010002 __RESULTAT FICHE DETAILS Vertical ____*/
.checktrH{z-index:3;position:relative;float:left;clear:none;margin:0;margin-top:1vmin;margin-left:3vmin;margin-bottom:1vmin;padding:0;
width:27.5%;min-height:53vmin;background-color:rgba(179,139,179,0.25);border-radius: 2vmin 2vmin;
/*---FONT-----*/
font-family:Arial,Verdana,Helvetica;font-size:2.5vmin;}
.checktrH H6{position:relative;float:left;clear:left;margin:0;padding:0;width:100%;font-size:3vmin;line-height:4vmin;font-weight:bold;background-color:#ffffff;color:rgba(179,139,179,0.75);}
.checktrH H7{position:relative;float:left;clear:left;display:block;margin:0;margin-top:1vmin;margin-left:2vmin;padding:0;min-width:20%;font-size:1.8vmin;line-height:3vmin;font-weight:normal;color:rgba(120,120,120,0.95);}
.checktrH H8{position:relative;float:left;clear:left;display:block;margin:0;margin-top:2vmin;margin-left:2vmin;padding:0;padding-top:1vmin;padding-right:2vmin;padding-bottom:2vmin;font-size:2.5vmin;line-height:2.5vmin;font-weight:normal;color:rgba(179,139,179,0.95);}
.checktrH H9{position:relative;float:left;clear:none;display:block;margin:0;margin-top:1vmin;min-width:50%;padding-right:2%;padding:0;padding-top:1vmin;font-size:2vmin;line-height:3vmin;font-weight:normal;color:rgba(120,120,120,0.95);}
.checktrH form {position:relative;float:right;clear:right;padding:0;margin:0;margin-top:2vmin;margin-right:2%;border:0 none;text-decoration:none;width:71%;}
.checktrH form > fieldset{position:relative;float:left;clear:left;margin:0;padding:0;border:none;text-decoration:none;width:100%;}
.checktrH form > fieldset > input{cursor:pointer;position:relative;float:left;clear:left;
margin:0;padding:0;text-decoration:none;border:none;text-decoration: none;line-height:4vmin;
background: url("../img/bouton2.gif") no-repeat top left;background-size: auto 4vmin;background-color:rgba(207,225,214,0.45);
width:100%;font-weight:normal;font-size:2.75vmin;color:rgba(42,156,195,0.85);
}
.checktrH form > fieldset > input:hover{background-color: rgba(130,210,230,1);color:rgba(255,255,255,.85);}
/* ______ : RESULTAT FORM REFERENCE . FORM OBJET : OVER SUBMIT SUR FORM*/
.formobjet{z-index:98;position:absolute;top:0;left:0;margin:0;padding:0;min-width:100%;height:100%;display:block;cursor:pointer;text-decoration: none;
border:0;border-radius:2vmin 2vmin;background-color:rgba(0,0,0,0);color:rgba(0,0,0,0);}
.formobjet:hover{background-color:rgba(42,156,195,0.25);}
/* ______ : RESULTAT FORM REFERENCE . FORM OBJET : OVER SUBMIT SUR FORM*/
.formobjet1{z-index:98;position:absolute;top:0;min-width:100%;height:100%;
display:block;cursor:pointer;text-decoration: none;border:0 none;
border-radius:1.61vmin 1.61vmin;background-color:rgba(0,0,0,0);color:rgba(0,0,0,0);}
.formobjet1:hover{background-color:rgba(0,0,0,0);color:rgba(200,200,200,0.85);font-size:3vmin;}
/* ______ :RESULTAT FORM REFERENCE . OBJET : TITRE SUBMIT SUR FORM*/
.objet{position:relative;float:right;clear:left;width:61%;margin-top:5vmin;padding:2vmin;
background-color:rgba(42,156,195,0.45);border-radius:1.61vmin 1.61vmin;color:rgba(255,255,255,1);
text-align:center;font-family: Arial, Helvetica, Verdana;font-weight:lighter;font-size:4vmin;
line-height:7vmin;}
.objet1{position:relative;float:right;clear:left;width:78%;margin-top:5vmin;padding:0;padding-right:2vmin;
background-color:rgba(42,156,195,0.55);border-radius:1.61vmin 1.61vmin;color:rgba(255,255,255,1);
text-align:center;font-family: Helvetica, Arial, Verdana;font-weight:bold;font-size:3vmin;
line-height:3.5vmin;}
/*_____________________________________________________FORMCHECK icone H version ZOOM img*/
.milieuiconeH1{z-index:100;position:absolute;top:1vmin;right:2%;margin:0;margin-left:1.5vmin;margin-top:1vmin;margin-bottom:2vmin;padding:0;width:15%;}
.milieuiconeV1{z-index:100;position:absolute;top:1vmin;right:2%;margin:0;margin-left:1.5vmin;margin-top:1vmin;margin-bottom:2vmin;padding:0;width:15%;}
.milieuiconeV1 > .contenericoneV{position:relative;float:right;clear:right;width:12vmin;}
.milieuiconeV1 > .contenericoneH{position:relative;float:right;clear:right;width:18vmin;}
.milieuiconeH1 > .contenericoneV{position:relative;float:right;clear:right;width:12vmin;}
.milieuiconeH1 > .contenericoneH{position:relative;float:right;clear:right;width:18vmin;}
.milieuicone1{Z-index:99;position:relative;float:right;clear:none;margin:0;margin-left:2vmin;margin-top:2vmin;padding:0;min-width:17vmin;}
/*_____________________________________________________FORMCHECK IMAGE PLEIN ECRAN H */
.contenercatquH{z-index:98;position:absolute;top:0;margin:0;margin-top:1vmin;margin-left:4%;padding:0;padding-right:4%;width:90%;height:100vmin;}
.contenercatquH > form{position:relative;float:left;padding:0;margin:0;margin-left:2%;border:0 none;width:100%;height:100%;}
.contenercatquH > form > fieldset{padding:0;margin:0;border:0 none;width:100%;height:100%;}
.contenercatquH > form > fieldset > input{padding:0;margin:0;width:100%;height:100%;}
.contenercatquH:active > .milieuD{display:none;}
/*_____________________________________________________FORMCHECK IMAGE PLEIN ECRAN V */
.contenercatquV{z-index:98;position:absolute;top:0;margin:0;margin-top:1vmin;margin-left:4%;padding:0;padding-right:4%;width:90%;height:100vmin;border-radius:2vmin 2vmin;}
.contenercatquV > form{position:relative;float:left;padding:0;margin:0;border:0 none;width:100%;height:100%;}
.contenercatquV > form > fieldset{padding:0;margin:0;border:0 none;width:100%;height:100%;}
.contenercatquV > form > fieldset > input{padding:0;margin:0;width:100%;height:100%;}
.formimage{z-index:0;min-width:100%;min-height:100%;cursor:pointer;display:block;text-decoration:none;color:rgba(0,0,0,0);border-radius:1vmin 1vmin;}
.formimage:hover{cursor: pointer; border:0;}
/* _______________________DIV ICONEIMAG : iconne IMAGE FORMULAIRE*/
.contenericone{position:relative;float:left;clear:none;margin:0;margin-right:.5%;margin-top:.5%;padding:0;width:128px;height:100px;}
.contenericone > form{position:relative;float:left;clear:none;padding:0;margin:0;margin-top:.25%;width:100%;height:29vmin;}
.contenericone > form > input{z-index:3;background-size:auto 100%;position:relative;float:left;clear:none;
padding:0;margin:0;width:100%;height:100px;border:0 none;text-decoration:none;color: rgba(0,0,0,0);cursor: pointer; border:none;}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------- Responsive LAYOUT */
/* -------------------------------------------------------------------------------------------------ALL DIV verson : Vertical Small */
@media (max-width:870px) and (orientation:portrait) {
.menu{display:none;}
.btmenu{display:block;}
.btmenu:hover ~ .mensmal{display:block;width:90%;height:90%;}
.mensmal:hover {display:block;width:90%;height:90%;}
/* -- CORPS de PAGE : ENTETE LOGO --*/
.entete{z-index:2;position:relative;display:block;float:left;clear:left;margin:0;margin-top:0;margin-left:20%;padding:0;border:0 none;
width:70%;min-width:70%;min-height:20vmin;height:20vmin;background:url('../img/LGadaptative.gif') no-repeat top left;background-size:auto 100%;}
/* -- CORPS de PAGE : CADRE DE CONTENU GLOBAL-----------*/
.milcadre {position:relative;float:left;clear:left;margin:0;padding:0;width:98%;}
/* -- DIV Fond de page / diminution to illustration : illustration de page */
.milcadre > .divbgimg{
/*display:none;*/
position:absolute;right:2%;top:0vmin;width:94%;min-width:94%;max-width:96%;margin-left:2%;min-height:40vmin;
background-size:auto 40vmin;
}
/* -- DIV Fond de page / diminution to illustration : -----*/
.milcadre > .milimage{position:absolute;right:2%;top:6vmin;width:94%;min-width:94%;max-width:94%;margin-left:4%;min-height:40vmin;z-index:0;
margin-top:-5vmin;margin-bottom:1vmin;}
.milcadre > .milimage > .slide > p{display:none;
/*position:absolute;top:15vmin;width:50%;font-size:7vmin;font-weight:bold;*/
}
/* -- Corps de page DIV MILIEU corps de page ------------- */
.milcadre > .milieu {margin:0;margin-left:2%;padding:0;min-width:96%;max-width:96%;width:96%;}
.milcadre > .milieu > h1{min-width:auto;width:auto;max-width:56%;line-height:8vmin;font-size:7vmin;background-color:rgba(207,225,214,0.25);}
.milcadre > .milieu > h2{min-width:auto;width:auto;max-width:56%;line-height:7vmin;font-size:7vmin;background-color:rgba(207,225,214,0.5);}
.milcadre > .milieu > h3{margin-top:2vmin;min-width:auto;width:auto;max-width:56%;line-height:6vmin;font-size:6vmin;background-color:rgba(207,225,214,0.25);}
.milcadre > .milieu > h4{margin:0;margin-top:1vmin;margin-left:3vmin;min-width:85%;width:89%;padding-right:1vmin;line-height:6vmin;font-size:6vmin;font-weight: normal;background-color:rgba(207,225,214,0.55);}
.milcadre > .milieu > H5{margin:0;margin-top:1vmin;margin-left:3vmin;min-width:89%;width:89%;padding-right:1vmin;line-height:6vmin;font-size:6vmin;font-weight: normal;}
.milcadre > .milieu > p{margin:0;margin-top:1vmin;margin-left:3vmin;min-width:89%;width:90%;padding-right:1vmin;line-height:6vmin;font-size:5vmin;}
.milcadre > .milieu > a{position:relative;float:left;clear:none;margin:0;margin-left:1%;margin-bottom:1vmin;padding:0;padding-left:5%;line-height:8vmin;font-size:6vmin;font-weight:normal;}
/* -- Corps de page : PARAGRAPHE AVEC IMAGE ----------------- */
.milcadre > .milieuPimage {margin:0;margin-left:2%;padding:0;min-width:96%;max-width:96%;width:96%;}
.milcadre > .milieuPimage > H4{margin:0;margin-top:2vmin;margin-left:3vmin;min-width:58%;width:58%;padding-right:1vmin;line-height:7vmin;font-size:6vmin;}
.milcadre > .milieuPimage > p {min-width:59%;width:59%;padding-right:1vmin;line-height:6vmin;font-size:5vmin;}
.milcadre > .milieuPimage > .paragraphicone{position:absolute;right:2%;}
.milcadre > .paragraphimage {position:relative;float:left;clear:left;margin-left:4%;min-width:92%;}
.milcadre > .paragraphimage img{position:relative;float:left;clear:left;margin:0;width:100%;}
/* -- Corps de page : NAVIGATION SECONDAIRE ----------------- */
.milcadre > .milieubt{position:absolute;right:5%;z-index:3;top:0vmin;clear:none;margin-bottom:1vmin;min-width:35%;}
.milcadre > .milieubt a {position:relative;float:right;clear:right;margin:0;margin-top:1vmin;padding:1vmin;padding-left:8vmin;padding-right:1vmin;border-radius:1.25vmin 1.25vmin;
background: url("../img/bt-retour.gif") no-repeat top left;background-size: auto 7vmin;background-color:rgba(207,225,214,0.65);font-weight:bold;line-height:6vmin;font-size:5vmin;color:rgba(42,156,195,0.85);}
/* -- DIV LIENS CORPS DE PAGE --------------------------*/
.milcadre > .milieuD {position:relative;float:left;clear:left;margin:0;margin-top:2vmin;margin-left:2%;padding:0;min-width:94%;width:94%;}
.milcadre > .milieuD #parafimag a {position:relative;float:left;clear:left;margin:0;margin-top:2vmin;margin-left:2%;padding:0;min-width:54%;width:54%;}
.milcadre > .milieuD > a{margin:0;margin-bottom:1vmin;padding:0;padding-left:10%;width:80%;background-size:auto 8vmin;line-height:8vmin;font-size:6.5vmin;font-weight:normal;}
/* -- Corps de page : Liens DE PAGE ----------------- */
.milcadre > .milieuH {position:relative;float:left;clear:left;margin:0;margin-top:2vmin;margin-left:6%;width:94%;min-width:94%;padding:0;line-height:8vmin;}
.milcadre > .milieuH > a{position:relative;float:left;clear:left;margin:0;margin-top:1vmin;padding:0;padding-left:5vmin;width:40%;line-height:8vmin;font-size:6.5vmin;font-weight:normal;background-size: auto 8vmin;}
/* -- RESULAT MOTEUR DE RECHERCHE : FICHE DETAILS HORISONTALE --*/
.milcadre > .milieu > .checktr {min-width:94%;width:94%;}
.milcadre > .milieu > .checktr > H6 {line-height:7vmin;font-size:7vmin;}
.milcadre > .milieu > .checktr > H7 {line-height:4vmin;font-size:4vmin;}
.milcadre > .milieu > .checktr > H8 {line-height:5vmin;font-size:5vmin;}
.milcadre > .milieu > .checktr > H9 {line-height:4vmin;font-size:4vmin;}
#checknews {min-height:70vmin;height:70vmin;}
#checknews form {position:relative;float:right;clear:right;min-width:60%;width:60%;}
#checknews form fieldset{position:relative;float:left;clear:left;min-width:100%;width:100%;line-height:7vmin;font-size:6vmin;}
#checknews form fieldset input{position:relative;float:left;clear:left;min-width:100%;width:100%;line-height:7vmin;font-size:6vmin;}
/* -- RESULAT MOTEUR DE RECHERCHE : FICHE DETAILS VERTICALE --*/
.milcadre > .milieu > .checktrH {min-width:94%;width:94%;}
.milcadre > .milieu > .checktrH > H6 {line-height:7vmin;font-size:7vmin;}
.milcadre > .milieu > .checktrH > H7 {line-height:4vmin;font-size:4vmin;}
.milcadre > .milieu > .checktrH > H8 {line-height:5vmin;font-size:5vmin;}
.milcadre > .milieu > .checktrH > H9 {line-height:4vmin;font-size:4vmin;}
.milcadre > .milieu > .checktrH > form {position:relative;float:right;clear:right;width:61%;}
.milcadre > .milieu > .checktrH > form fieldset{position:relative;float:right;clear:right;width:100%;margin:0;padding:0;line-height:7vmin;font-size:6vmin;}
.milcadre > .milieu > .checktrH > form input{margin:0;padding:0;line-height: 6vmin;font-size:6vmin; }
/* -- RESULAT MOTEUR DE RECHERCHE : FICHE VIDEO --*/
.milcadre > .milieuV{z-index:3;position:relative;float:left;clear:left; margin:0;padding:0;margin-left:4vmin;margin-top:1vmin;min-width:96%;max-width:96%;width:96%;}
.milcadre > .milieuV > h4{display: block;position:relative;float:left;clear:left;
margin:0;margin-left:2%;margin-top:1vmin;padding:0;width:65%;min-width:65%;
background-color:rgba(207,225,214,0.25);border-radius:1.25vmin 1.25vmin;padding-left:2%;
font-family:Arial,Verdana,Helvetica;font-weight:normal;color:rgba(179,139,179,0.95);
line-height:7vmin;font-size:6.5vmin;}
.milcadre > .milieuV iframe{position:relative;float:left;clear:left;margin-left:3vmin;width:89%;background-color:rgba(207,225,214,0.25);padding:1vmin;}
.milcadre > .milieuV form{position:relative;float:right;clear:right;width:96%;height:8vmin;}
.milcadre > .milieuV form fieldset{line-height:6vmin;font-size:5vmin;}
.milcadre > .milieuV form fieldset input{position:relative;float:left;clear:left;line-height:5vmin;font-size:4.5vmin;}
/* -- DIV Formulaire Moteur de recherche --------------------------*/
.milcadre > .milieuF {z-index:2;position:relative;float:right;clear:left;margin:0;margin-top:1vmin;margin-bottom:3vmin;margin-right:5%;padding:.5vmin;min-width:72%;width:72%;max-width:72%;}
.milcadre > .milieuF > form {position:relative;float:left;clear:left;width:100%;}
.milcadre > .milieuF > form label {display:none;}
.milcadre > .milieuF > form > fieldset {position:relative;float:left;clear:left;width:100%;}
.milcadre > .milieuF > form > fieldset > select {position:relative;float:left;clear:left;width:80%;height:7vmin;font-size:5vmin;}
.milcadre > .milieuF > form > fieldset > input{position:relative;float:left;clear:none;margin:0;margin-left:2vmin;padding:0;padding-left:1vmin;width:14%;height:7vmin;font-size:5vmin;}
/* -- Formulaire de CONTACT -------------------------*/
.milcadre > .texte > form > fieldset{width:100%;font-size:4vmin;}
.milcadre > .texte > form > fieldset > label{position:relative;float:left;clear:left;width:98%;line-height:5vmin;font-size:4vmin;text-align:left;}
.milcadre > .texte > form > fieldset > legend{position:relative;float:left;clear:left;width:98%;line-height:5vmin;font-size:4vmin;}
.milcadre > .texte > form > fieldset > input{position:relative;float:left;clear:left;line-height:10vmin;font-size:6vmin;}
.milcadre > .texte > form > fieldset > textarea{position:relative;float:left;clear:left;line-height:10vmin;font-size:6vmin;}
/* -- DIV PIEDEPAGE-------------------------*/
.piedepage{position:relative;float:left;clear:left;margin:0;margin-left:1%;padding:0;width:96%;min-width:96%;font-size:4vmin;}
.piedepage > H2{position:relative;float:right;clear:right;margin:0;padding:0;width:61%;min-width:61%;max-width:45%;margin-top:1vmin;min-height:14vmin;background-size:auto 14vmin;}
.piedepage > H3{position:relative;float:right;clear:none;margin:0;padding:0;width:auto;min-width:auto;max-width:96%;height:3vmin;min-height:5vmin;font-size:3vmin;}
.piedepage > p{position:relative;float:right;clear:none;margin-top:2vmin;padding:0;width:auto;min-width:auto;max-width:96%;height:3vmin;min-height:3vmin;font-size:3vmin;}
.piedepage > p a{}
.piedepage > p{}
.piedepage iframe{position:relative;float:right;clear:right;margin:0;width:41%;height:6vmin;}
/* -- RESULAT MOTEUR DE RECHERCHE : CONTENER PHOTOS PRODUITS ----*/
/* -- DIV CONTENER choix IMG CATEGORIE ---------------------------*/
.milcadre > .milieu > .contenercatV{margin:0;padding:0;margin-top:2vmin;margin-bottom:1vmin;margin-left:3vmin;width:46%;height:66vmin;}
.milcadre > .milieu > .contenercatH{width:100%;height:53vmin;}
/* -- DIV TITRE CATEGORIE*/
.milcadre > .milieu > .contenercatV > .checktr{ line-height:6vmin;font-size:4vmin;}
.milcadre > .milieu > .contenercatH > .checktr{ line-height:6vmin;font-size:4vmin;}
/* -- DIV CONTENER choix IMG MODELE ------------------------------*/
.milcadre > .milieu > .contenercatV1{margin-left:3vmin;width:43vmin;height:65vmin;}
.milcadre > .milieu > .contenercatH1{margin-left:3vmin;width:91vmin;height:61vmin;}
/* -- DIV CONTENER IMG PRODUIT-----------------------------------*/
.milcadre > .milieu > .contenercattrH{margin-top:2vmin;width:94%;height:60vmin;}
.milcadre > .milieu > .contenercattrH > form > .objet {float:right;padding-right:1%;width:78%;font-size:7vmin;line-height:9vmin;font-weight:bold;}
.milcadre > .milieu > .contenercattrV{margin:0;margin-top:2vmin;margin-left:20vmin;margin-bottom:2vmin;width:56vmin;height:84vmin;}
.milcadre > .milieu > .contenercattrV > form > .objet {float:right;padding-right:1%;width:78%;font-size:7vmin;line-height:9vmin;font-weight:bold;}
.milcadre > .milieu > .milieuiconeH {position:relative;float:left;clear:left;margin-left:3vmin;min-width:94%;width:94%;max-width:94%;}
.milcadre > .milieu > .milieuiconeH .contenericoneH {position:relative;float:left;clear:none;width:43.5vmin;height:28vmin;}
.milcadre > .milieu > .milieuiconeH .contenericoneV {position:relative;float:left;clear:none;width:21.25vmin;height:28vmin;}
.milcadre > .milieu > .milieuiconeV {position:relative;float:left;clear:none;min-width:94%;width:94%;max-width:94%;}
.milcadre > .milieu > .milieuiconeV .contenericoneH {position:relative;float:left;clear:none;width:43.5vmin;height:28vmin;}
.milcadre > .milieu > .milieuiconeV .contenericoneV {position:relative;float:left;clear:none;width:21.25vmin;height:28vmin;}
/* -- DIV CONTENER IMG FULL SCREEN ----------------------------*/
.milcadre > .contenercatquH{position:relative;float:left;clear:left;margin:0;margin-left:4%;width:92%;adding:0;height:61vmin;min-height:61vmin;}
.milcadre > .contenercatquV{position:relative;float:left;clear:left;margin:0;margin-left:4%;width:92%;padding:0;height:100%;}
/* -- DIV CONTENER LIBELLE DIV IMG FULL SCREEN --------------*/
.milcadre > .milieu > .contenercatV > form > .objet {float:right;padding-right:1%;width:78%;font-size:6vmin;line-height:8vmin;font-weight:bold;}
.milcadre > .milieu > .contenercatH > form > .objet {float:right;padding-right:1%;width:78%;font-size:6vmin;line-height:8vmin;}
.milcadre > .milieu > .contenercatV1 > form > .objet1 {float:right;padding-right:1%;width:61%;font-size:6vmin;line-height:7vmin;}
.milcadre > .milieu > .contenercatH1 > form > .objet1 {float:right;padding-right:1%;width:61%;font-size:6vmin;line-height:7vmin; }
}
/* -------------------------------------------------------------------- fin Vertical Smal-------------- Responsive LAYOUT FIN */
/* ----------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------- Responsive LAYOUT DEB */
/* -------------------------------------------------------------------- Horizontal Small --------------------------------------*/
@media (max-width: 760px) and (orientation:landscape){
/* -ENTETE L0GO-*/
.entete{position:relative;float:left;clear:left;min-width:81%;width:81%;margin-left:14%;}
/* -MENU PC OFF-*/
.menu{display:none;}
/* -MENU ADAPTATIVE ON-*/
.btmenu{display:block;}
.btmenu:hover ~ .mensmal{display:block;width:98%;height:96%;}
.mensmal:hover {display:block;width:98%;height:96%;}
.mensmal:hover .btmenu{display:block;width:98%;height:96%;background: url("../img/btmenuof.gif") no-repeat top left;}
.mensmal > .colon > .colonbt{position:relative;float:left;clear:left;width:25%;min-width:25%;}
.mensmal > .colon > .colonbt > a{padding-left:11vmin;}
.mensmal > .colon > .colonbtover{position:relative;float:left;clear:none;margin:0;margin-left:4%;width:auto;min-width:auto;}
.mensmal > .colon > .colonbtover > a{position:relative;float:left;clear:none;margin:0;margin-top:2vmin;margin-left: 1%;margin-right:1vmin;width:100%;}
/* -CONTENU CADRE-*/
.milcadre{position:relative;top:-5vmin;width:100%;min-width:100%;max-width:100%;margin:0;padding:0;min-height:100vmin;}
/* -Animation HOME PAGE-*/
.milcadre > .milimage{display:block;position:absolute;float:right;top:0vmin;max-width:96%;height:61vmin;min-height:61vmin;}
.milcadre > .milimage > .slide > p{position:absolute;top:20vmin;}
/* -Illustration de Page*/
.milcadre > .divbgimg{position:absolute;top:0vmin;right:2%;max-width:96%;width:96%;height:61vmin;min-height:61vmin;}
/*_-------- : CORPS DE PAGE : TEXTE _____*/
.milcadre > .milieu{position:relative;float:left;margin:0;margin-left:2%;padding:0;min-width:69%;width:69%;}
.milcadre > .milieu > h1{position:relative;float:left;clear:left;width:auto;margin:0;padding:0;padding-left:1vmin;padding-right:2vmin;line-height:7vmin;font-size:7vmin;}
.milcadre > .milieu > h2{position:relative;float:left;clear:none;margin:0;margin-left:4vmin;padding:0;padding-left:1vmin;padding-right:2vmin;width:auto;line-height:7vmin;font-size:7vmin;}
.milcadre > .milieu > h3{position:relative;float:left;clear:left;margin:0;margin-top:1vmin;padding:0;padding-left:1vmin;padding-right:2vmin;width:auto;min-width:auto;max-width:96%;line-height:6vmin;font-size:6vmin;}
.milcadre > .milieu > h4{position:relative;float:left;clear:left;margin:0;margin-top:1vmin;padding:0.5vmin;padding-left:1vmin;padding-right:2vmin;width:auto;max-width:96%;line-height:6vmin;font-size:6vmin;font-weight:normal;}
.milcadre > .milieu > H5{position:relative;float:left;clear:left;margin:0;padding:0.5vmin;padding-left:1vmin;padding-right:2vmin;width:96%;min-width:96%;line-height:6vmin;font-size:6vmin;font-weight:normal;}
.milcadre > .milieu > p{position:relative;float:left;clear:left;margin:0;margin-top:2vmin;padding:0.5;padding-left:1vmin;padding-right:2vmin;width:96%;min-width:96%;line-height:6vmin;font-size:6vmin;font-weight:normal;}
.milcadre > .milieu > img{position:relative;float:left;clear:none;margin:0;padding:0;height:20vmin;}
/* -- Corps de page : PARAGRAPHE AVEC IMAGE ----------------- */
.milcadre > .milieuPimage {margin:0;margin-left:2%;padding:0;min-width:71%;max-width:71%;width:71%;}
.milcadre > .milieuPimage > H4{margin:0;margin-top:2vmin;margin-left:3vmin;min-width:59%;width:59%;padding-right:1vmin;line-height:7vmin;font-size:6vmin;}
.milcadre > .milieuPimage > p {min-width:59%;width:59%;padding-right:1vmin;line-height:6vmin;font-size:6vmin;}
.milcadre > .milieuPimage > .paragraphicone{position:absolute;right:2%;}
/*_-------- : CORPS DE PAGE : Lien de paragraphe _____*/
.milcadre > .milieuD {position:relative;float:left;clear:left;margin:0;margin-left:1vmin;margin-top:1vmin;padding:0;max-width:70%;width:70%;min-width:70%;}
.milcadre > .milieuD > a{position:relative;float:right;clear:none;margin:0;margin-top:2vmin;margin-left:4vmin;width:auto;margin-bottom:1vmin;
padding:0;padding-left:4%;padding-right:1vmin;line-height:9vmin;font-size:7vmin;font-weight:normal;}
/*_-------- : CORPS DE PAGE : Lien de Page _____*/
.milcadre > .milieuH {position:relative;float:left;clear:left;margin:0;margin-right:1%;min-width:70%;width:70%;}
.milcadre > .milieuH > a{position:relative;float:right;clear:none;margin:0;margin-left:2%;margin-top:2vmin;min-width:40%;width:40%;line-height:7vmin;font-size:6vmin;font-weight:normal;
background-size: auto 8vmin;}
/*_-------- : CORPS DE PAGE : NAVIGATION SECONDAIRE _____*/
.milcadre > .milieubt{position:absolute;right:3%;z-index:3;top:1vmin;max-width:30%;width:30%;}
.milcadre > .milieubt a {position:relative;float:right;clear:right;margin:0;margin-left:1%;margin-top:1vmin;padding:1vmin;padding-left:9vmin;padding-right:2vmin;border-radius:1.25vmin 1.25vmin;
background: url("../img/bt-retour.gif") no-repeat top left;background-size: auto 7vmin;background-color:rgba(207,225,214,0.65);font-weight:bold;line-height:7vmin;font-size:6vmin;color:rgba(42,156,195,0.85);}
/*_-------- : CORPS DE PAGE : FORMULAIRE DE CONTACT ------*/
.milcadre > .texte {width:78%;font-size:4vmin;}
.milcadre > .texte > form > fieldset{width:100%;font-size:4vmin;}
.milcadre > .texte > form > fieldset > label{position:relative;float:left;clear:left;width:98%;line-height:5vmin;font-size:4vmin;text-align:left;}
.milcadre > .texte > form > fieldset > legend{position:relative;float:left;clear:left;width:98%;line-height:5vmin;font-size:4vmin;}
.milcadre > .texte > form > fieldset > input{position:relative;float:left;clear:left;line-height:10vmin;font-size:6vmin;}
.milcadre > .texte > form > fieldset > textarea{position:relative;float:left;clear:left;line-height:10vmin;font-size:6vmin;}
/*_-------- : CORPS DE PAGE : PIEDEPAGE ------*/
.piedepage{position:relative;float:left;clear:left;margin:0;padding:0;width:71%;min-width:71%;max-width:71%;min-height:20vmin;}
.piedepage > H2{width:24%;min-width:14%;max-width:14%;height:5vmin;}
.piedepage > H3{position:relative;float:right;clear:right;width:auto;min-width:auto;height:5vmin;font-size:4.5vmin;line-height:5vmin;font-weight: normal;}
.piedepage > p{position:relative;float:right;clear:right;width:auto;min-width:auto;height:5vmin;font-size:4.5vmin;line-height:5vmin;font-weight: normal;}
.piedepage > p a{width:auto;min-width:auto;height:5vmin;font-size:4.5vmin;line-height:5vmin;font-weight: normal;}
.piedepage iframe{position:relative;float:right;clear:right;margin:0;margin-top:1vmin;width:35%;height:9vmin;}
/*_-------- : MOTEUR DE RECHERCHE : Formulaire _____*/
.milcadre > .milieuF {z-index:3;position:relative;float:right;clear:right;margin:0;margin-top:39vmin;margin-right:2%;padding:1vmin;min-width:24%;width:24%;max-width:24%;}
.milcadre > .milieuF > form label {display:none;}
.milcadre > .milieuF > form > fieldset {position:relative;float:left;clear:left;width:100%;}
.milcadre > .milieuF > form > fieldset > select {position:relative;float:left;clear:left;width:98%;height:6vmin;font-size:5vmin;}
.milcadre > .milieuF > form > fieldset > input{position:relative;float:left;clear:left;margin:0;margin-top:1vmin;padding:0;margin-left:24%;width:50%;height:6vmin;font-size:5vmin;}
.milcadre > .milieu > .paragraphimage {position:relative;float:left;clear:left;margin:0;margin-top:2vmin;padding:0;min-width:100%;width:100%;max-width:100%;}
.milcadre > .milieu > .paragraphimage img{position:relative;float:left;clear:left;margin:0;padding:0;min-width:98%;width:98%;max-width:98%;}
.milcadre > .milieu > a{position:relative;float:right;clear:none;margin:0;margin-top:-1vmin;margin-left:2vmin;margin-bottom:1vmin;padding:0;padding-left:5vmin;line-height:7vmin;font-size:5vmin;font-weight:normal;}
/*_-------- : RESULTAT DE RECHERCHE : FICHE DETAILS Horizontal _____*/
.milcadre > .milieu > .checktr{position:relative;float:left;clear:none;margin:0;margin-top:1vmin;padding:0;min-width:97%;width:97%;max-width:97%;}
.milcadre #checknews{min-height:auto;height:auto;}
.milcadre > .milieu > .checktr H6{line-height:6vmin;font-size:6vmin;margin-top:-2vmin;}
.milcadre > .milieu > .checktr H7{line-height:4vmin;font-size:3.5vmin;}
.milcadre > .milieu > .checktr H8{line-height:6vmin;font-size:5vmin;}
.milcadre > .milieu > .checktr H9{line-height:4vmin;font-size:4vmin;}
.milcadre > .milieu > .checktr > form {position:relative;float:left;clear:none;width:41%;margin-bottom:2vmin;}
.milcadre > .milieu > .checktr > form fieldset{position:relative;float:left;clear:left;width:100%;margin:0;padding:0;line-height:7vmin;font-size:6vmin;}
.milcadre > .milieu > .checktr > form input{margin:0;padding:0;line-height: 6vmin;font-size:6vmin; }
/*_-------- : RESULTAT DE RECHERCHE : FICHE DETAILS Vertical _____*/
.milcadre > .milieu > .checktrH{position:relative;float:left;clear:left;margin:0;margin-left:1%;margin-top:1vmin;margin-bottom:1vmin;padding:0;min-width:97%;width:97%;max-width:97%;}
.milcadre #checknewsH{position:relative;float:left;clear:left;margin:0;margin-top:2vmin;}
.milcadre > .milieu > .checktrH H6{line-height:6vmin;font-size:6vmin;margin-top:-2vmin;}
.milcadre > .milieu > .checktrH H7{line-height:4vmin;font-size:3.5vmin;}
.milcadre > .milieu > .checktrH H8{line-height:6vmin;font-size:5vmin;}
.milcadre > .milieu > .checktrH H9{line-height:4vmin;font-size:4vmin;}
.milcadre > .milieu > .checktrH > form {position:relative;float:right;clear:right;width:61%;margin-bottom:2vmin;}
.milcadre > .milieu > .checktrH > form fieldset{position:relative;float:right;clear:right;width:100%;margin:0;padding:0;line-height:7vmin;font-size:6vmin;}
.milcadre > .milieu > .checktrH > form input{margin:0;padding:0;line-height: 6vmin;font-size:6vmin; }
/*_-------- : RESULTAT DE RECHERCHE : FICHE VIDEO_____*/
.milcadre > .milieuV {z-index:3;position:relative;float:left;clear:left; margin:0;padding:0;margin-left:2vmin;margin-top:1vmin;min-width:67%;max-width:67%;width:67%;}
.milcadre > .milieuV > h4{display:block;position:relative;float:left;clear:left;
margin:0;margin-left:2%;margin-top:1vmin;padding:0;width:96%;min-width:96%;
background-color:rgba(207,225,214,0.25);border-radius:1.25vmin 1.25vmin;padding-left:2%;
font-family:Arial,Verdana,Helvetica;color:rgba(179,139,179,0.95);line-height:8vmin;font-size:7vmin;}
.milcadre > .milieuV iframe{position:relative;float:left;clear:left;margin-left:3vmin;width:95%;height:71vmin;background-color:rgba(207,225,214,0.25);padding:1vmin;}
.milcadre > .milieuV form{position:relative;float:right;clear:right;width:100%;}
/* -- DIV CONTENER choix IMG CATEGORIE -------------------------*/
.milcadre > .milieu > .contenercatV{margin:0;margin-left:2vmin;margin-top:2vmin;padding:0;min-width:37vmin;width:37vmin;height:58vmin;}
.milcadre > .milieu > .contenercatH{margin:0;margin-top:2vmin;padding:0;width:79vmin;height:61vmin;}
/* -- DIV CONTENER choix IMG MODELE Format LISTING --------------*/
.milcadre > .milieu > .contenercatV1{width:29vmin;height:44vmin;}
.milcadre > .milieu > .contenercatH1{width:62vmin;height:44vmin;}
/* -- DIV CONTENER IMG PRODUIT Fiche PRODUIT-------------------*/
.milcadre > .milieu > .contenercattrH{margin:0;margin-top:1vmin;padding:0;width:78vmin;height:49vmin;}
.milcadre > .milieu > .contenercattrV{margin:0;margin-top:1vmin;padding:0;width:34vmin;height:49vmin;}
.milcadre > .milieu > .milieuiconeH {position:relative;float:left;clear:none;width:35%;max-width:35%;min-width:35%;}
.milcadre > .milieu > .milieuiconeH .contenericoneH {position:relative;float:left;clear:none;width:27vmin;height:18.5vmin;}
.milcadre > .milieu > .milieuiconeH .contenericoneV {position:relative;float:left;clear:none;width:18.5vmin;height:27vmin;}
.milcadre > .milieu > .milieuiconeV {position:relative;float:left;clear:none;min-width:61%;width:61%;max-width:61%;}
.milcadre > .milieu > .milieuiconeV .contenericoneH {position:relative;float:left;clear:none;width:27vmin;height:18.5vmin;}
.milcadre > .milieu > .milieuiconeV .contenericoneV {position:relative;float:left;clear:none;width:18.5vmin;height:27vmin;}
/* -- DIV CONTENER IMG FULL SCREEN ----------------------------*/
.contenercatquH{margin:0;padding:0;width:100%;height:100%;}
.contenercatquV{margin:0;padding:0;width:100%;height:100%;}
.milcadre > .milieu > .contenercatV > form > .objet {position:relative;float:right;padding-right:1%;width:100%;font-weight:normal;font-size:6vmin;line-height:9vmin;}
.milcadre > .milieu > .contenercatH > form > .objet {position:relative;float:right;padding-right:1%;width:100%;font-weight:normal;font-size:6vmin;line-height:9vmin;}
.milcadre > .milieu > .contenercatV1 > form > .objet1 {position:relative;float:right;padding-right:1%;width:100%;font-weight:normal;font-size:5vmin;line-height:6vmin;}
.milcadre > .milieu > .contenercatH1 > form > .objet1 {position:relative;float:right;padding-right:1%;width:100%;font-weight:normal;font-size:5vmin;line-height:6vmin;}
}
/* -------------------------------------------------------------------------- fin Horizontal Small -----Responsive LAYOUT : FIN */
/* slideshow frame --------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------- */
.milimage{z-index:0;position:absolute;margin:0;margin-top:0vmin;right:2%;padding:0;width:100%;min-height:71vmin;height:71vmin;}
.milimage .slide{z-index:0;position:absolute;border-left:0;border-right:0;top:0px;width:100%;min-height:100%;height:100%;overflow:hidden;}
.milimage .slide p{z-index:0;position:relative;float:left;clear:right;width:61%;left:10vmin;
top:40vmin;height:15vmin;min-height:10vmin; padding:2vmin;
/*font-family: chancery;*/
font-family: Arial;font-size:4vmin;font-weight:lighter;text-align: right;color:#f6cf2c;}
.milimage .slide img{z-index:0;position:relative;float:right;clear:right;width:auto;height:100%;border-radius:1.61vmin 1.61vmin;border-bottom-style: none;}
.img1 {animation: img1 40s infinite;-o-animation: img1 40s infinite;-moz-animation: img1 40s infinite;-webkit-animation: img1 40s infinite;}
@keyframes .milimage.slide p{0% {opacity: 0;transform: translateX(200px);} 8%{opacity: 1;transform: translateX(0px);} 17%{opacity: 1;transform: translateX(0px);} 19%{opacity: 0;transform: translateX(-400px);} 25%{opacity: 0;} 100%{opacity: 0;}}
@-webkit-keyframes img1 {0% {opacity: 0;} 10% {opacity: 1;} 20% {opacity: 1;} 30% {opacity: 0;} 40% {opacity: 0;} 50% {opacity: 0;} 60% {opacity: 0;} 70% {opacity: 0;} 80% {opacity: 0;} 90% {opacity: 0;}100% {opacity: 0;}}
@keyframes img1 {0% {opacity: 0;} 10% {opacity: 1;} 20% {opacity: 1;} 30% {opacity: 0;} 40% {opacity: 0;} 50% {opacity: 0;} 60% {opacity: 0;} 70% {opacity: 0;}80% {opacity: 0;} 90% {opacity: 0;} 100% {opacity: 0;}}
@-moz-keyframes img1 {0% {opacity: 0;} 10% {opacity: 1;} 20% {opacity: 1;} 30% {opacity: 0;} 40% {opacity: 0;} 50% {opacity: 0;} 60% {opacity: 0;} 70% {opacity: 0;} 80% {opacity: 0;} 90% {opacity: 0;} 100% {opacity: 0;}}
/*
to that moment
then change the number on img{}
also you have to make it right with % (remember!)
*/
.img2 {animation: img2 40s infinite;-o-animation: img2 40s infinite;-moz-animation: img2 40s infinite;-webkit-animation: img2 40s infinite;}
.img3 {animation: img3 40s infinite;-o-animation: img3 40s infinite;-moz-animation: img3 40s infinite;-webkit-animation: img3 40s infinite;}
.img4 {animation: img4 40s infinite;-o-animation: img4 40s infinite;-moz-animation: img4 40s infinite;-webkit-animation: img4 40s infinite;}
.img5 {animation: img5 40s infinite;-o-animation: img5 40s infinite;-moz-animation: img5 40s infinite;-webkit-animation: img5 40s infinite;}
/* keyframing */
@-webkit-keyframes img2 {0% {opacity: 0;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 1;}40% {opacity: 1;}50% {opacity: 0;}60% {opacity: 0;}70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}100% {opacity: 0;}}
@keyframes img2 {0% {opacity: 0;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 1;}40% {opacity: 1;}50% {opacity: 0;}60% {opacity: 0;}70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}100% {opacity: 0;}}
@-moz-keyframes img2 {0% {opacity: 0;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 1;}40% {opacity: 1;}50% {opacity: 0;}60% {opacity: 0;}70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}100% {opacity: 0;}}
@-webkit-keyframes img3 {0% {opacity: 0;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 1;}60% {opacity: 1;}70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}100% {opacity: 0;}}
@keyframes img3 {0% {opacity: 0;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 1;}60% {opacity: 1;}70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}100% {opacity: 0;}}
@-moz-keyframes img3 {0% {opacity: 0;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 1;}60% {opacity: 1;}70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 0;}100% {opacity: 0;}}
@-webkit-keyframes img4 {0% {opacity: 0;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}70% {opacity: 1;}80% {opacity: 1;}90% {opacity: 0;}100% {opacity: 0;}}
@keyframes img4 {0% {opacity: 0;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}70% {opacity: 1;}80% {opacity: 1;}90% {opacity: 0;}100% {opacity: 0;}}
@-moz-keyframes img4 {0% {opacity: 0;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}70% {opacity: 1;}80% {opacity: 1;}90% {opacity: 0;}100% {opacity: 0;}}
@-webkit-keyframes img5 {0% {opacity: 1;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 1;}100% {opacity: 1;}}
@keyframes img5 {0% {opacity: 1;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 1;}100% {opacity: 1;}}
@-moz-keyframes img5 {0% {opacity: 1;}10% {opacity: 0;}20% {opacity: 0;}30% {opacity: 0;}40% {opacity: 0;}50% {opacity: 0;}60% {opacity: 0;}70% {opacity: 0;}80% {opacity: 0;}90% {opacity: 1;}100% {opacity: 1;}}
/* --------------------------------------------------------------------- OPTION MIS EN PAGE 3 COLONNES */
/*_________ COLONNE DE DROITE : pour Interface extensible sur Droite du navigateur*/
#col {z-index:1;position:relative;float:left;clear:none;top:0px;margin:0px;padding:0px;width:auto;min-width: 2%;}
#col form{position:relative;float:left;clear:left;left:10%;border:0;margin-top:40px;padding:0;}
#col legend{position:relative;float:left;clear:left;border:0;margin:0;padding:0;font-family:Verdana, Arial;color:#f2954c;font-size:0.7em;font-weight:bold;}
#col label{position:relative;float:left;clear:left;border:0;margin:0;padding:0;font-family:Arial;color:#ffffff;font-size:0.7em;}
#col fieldset{position:relative;float:left;clear:left;border:0;margin:0;padding:0;}
#col select{position:relative;float:left;clear:left;border:0;margin:0;padding:0;font-family:Arial;color:#0f6596;font-size:0.65em;}
#col input{position:relative;float:right;clear:left;border:0;margin:0;padding:0;color:#ffffff;font-size:0.65em;background-color: #ff5661;}
#colinfo{position:absolute;margin:0px;padding:0px;
width:100%;min-width:225px;
height:265px;min-height:265px;
top:102px;}
/*_______ COLONNE DE GAUCHE : pour Interface extensible sur Droite du navigateur*/
/*_______ Affichage information venant de la Base des coordonnes du sites ex : tel,rcs*/
#gauche{z-index:1;position:relative;clear:left;float:left;margin:0;padding:0;width:auto;min-width:1%;height:76%;min-height:365px;}
#gauche p{position: relative;top:10px;width:90%;text-align:left;text-indent: 2px;color: white;font: bold .5em Verdana;}
/* --------------------------------------------------------------------- ------------------------ ------*/
/* __________________________________________________________FORM CONTACT : FORM -END*/
#iconeimage{position:relative;float:right;Z-index:2;clear:none;margin:0;margin-top:1%;padding:0;padding-right:1vmin;;width:27%;height:auto;}
#iconeimage img{width:98%;height:auto;border:.9em solid #000000;}
#iconeimage p{font-family:Arial, verdana, helvetica;font-size:.65em;color:#ABABCD;}
/* _______________________________________________________________Ligne d'appel CONTACT */
#contact {z-index:1;position:relative;float:left;clear:none;margin:0;padding:0;width:30%;font-family: Verdana, Arial, Helvetica;font-size:0.85em;line-height:1em;background-color:#aaaaaa;color:#555555;}
#contact h5{position:relative;float:left;clear:left;font-weight:bold;font-size:.75em;color: #ffffff;}
#contact p{position:relative;float:left;clear:none;font-weight:lighter;font-size:.75em;color: #325989;}