html, body 
{
margin:0px ;
padding:0px;
font-family:arial, broadway, 'arial black', arial, serif;

}


select, textarea {
	padding:3px;
	width: 200px;
	margin: 4px;
	
	box-shadow:1px 1px 2px #C0C0C0 inset;

}


.imgbanac
{
width:49%;	
}


#editopop
{
position:fixed;
width:auto;
height:auto;
left: 50%;
top: 50%;
background-color:white;
z-index:1000;

}


.MenuSeminaire
{
background-color:#89c3db;
padding:10px;
position:absolute;
border-bottom-right-radius:15px;
border-bottom-left-radius:15px

}


.newgif
{
width:30px;
margin-bottom:-1rem;
}	


#lien-liste-menu
{
display:none;
}

#selectpromo
{
width:50%;
height:40px;
background-color:white;	
}



.videoforumyt {
    width: 600px;
    height: 400px;
    display: block;
    margin: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
}


#contenant-menu-compte
{
width:50%;
margin:0 auto;
}	
	
	
	
.contenant-mon-compte
{
width:60%;
margin:0 auto;
}	
	
	
	
.loader-page-compte{
	background: url('loader-page-compte.gif') 50% 50% no-repeat rgba(255, 255, 255, 0.8);
	cursor: wait;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}	
	
	
	

.imgassemblee
{
width:50%;
display:block;
margin:0 auto;	
}





.lettre-vide {
	font-family:Hind;
	font-size:30px;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: 1px black;
	
}

.lettre-blanc {
	
	font-family:Hind;
	font-size:30px;

}

.contenant-bouton-pastel
{
width:50%;
margin:0 auto;
}

.contenant-pastel
{
width:50%;
margin:0 auto;
border:dotted 1px grey;
}	


.img-menu
{
display:none;	
}



#logocoop
{
margin-top:0px;
}



#contenant-icone-header
{
float:right;
margin-top:-100px;
/* margin-right:4%;	 */
	
}


#imgcomptei
{
height:50px;
margin-right:20px;	
}


#imgpanieri
{
height:50px;
margin-right:20px;	
}

#imgpanieric
{
height:50px;
margin-right:100px;	
padding-right:10px;
}


#header-affichage-panier
{
position:absolute;
margin-left:130px;
margin-top:-48px;
font-size:14px;
font-family:'Pathway Gothic One',arial;	
}	



a
{
text-decoration:none;
color:#35382d;	
}



ul
{

list-style:none;
}


img
{
border:none;
}

.selectcsscatalogue {
padding:3px;
width: 200px;
margin: 4px;
box-shadow:1px 1px 2px #C0C0C0 inset;
}

.liennews
{
color:red;
}


.wrap
{

margin-top:80px;
}	



/* --------------------------------- affiche article ---------------------------------- */

#affiche-produit-individuel
{
float:right;
margin-top:120px;
margin-right:0px;
width:45%;	
}

.image-affiche-produit-individuel
{
width:40%;
margin-top:20px;	
}

#titre-affiche-produit-individuel
{
color:#4379a5;
font-size:24px;
}
	
#accroche-affiche-produit-individuel
{

font-size:20px;
}	
	
	
	
.trait-affiche-produit-individuel
{
color:grey;
border-top:dotted 1px grey;
width:98%;
margin-top:0px;
}
	
	
.boutonajouteraupanier-produit-individuel
{
width:100%;
cursor:pointer;
font-size:14px;
margin:0 auto;
margin-top:10px;
background-color:#4379a5;
text-align:center;
height:40px;
color:white;
line-height:40px;
}	
	
	
	
.description-fournisseur-individuel-fiche
{
margin-left:4px;
height:40px;
color:grey;	
font-family:'Century Gothic';
font-weight:normal;	
font-size:14px;	
}		
	
	
	
	
.description-produits-individuel-fiche
{

color:#4379a5;
margin-top:20px;
margin-left:4px;
margin-right:4px;
font-family:'Century Gothic';	
height:40px;
font-size:13px;	
font-weight:bold;

}	


.description-prix-individuel-fiche-c
{
margin-right:5px;
font-family:'Century Gothic';	
font-weight:bold;
font-size:13px;	
float:right;

}





.description-prix-individuel
{
text-align:center;
font-family:'Century Gothic';	
font-weight:bold;
font-size:11px;	


}
	
	
	
/* --------------------------------- affiche article ---------------------------------- */


#contenant-nom-compte
{
margin-left:52px;
margin-top:10px;
color:#447aa6;

}	


.divmenurondpanier
{
font-family: 'Pathway Gothic One',arial, sans-serif;
font-size:18px;
border-radius: 0px 5px 5px 0px;

-moz-border-radius: 0px 5px 5px 0px;
-webkit-border-radius: 0px 5px 5px 0px;


color:white;
font-weight: bold;
box-shadow: 4px 4px 4px black ;

background-color: #1987b9;
margin-left:-18px

 
}


.divmenurondpanier10
{
font-family: 'Pathway Gothic One',arial, sans-serif;
font-size:18px;
border-radius: 5px 0px 0px 5px;

-moz-border-radius:  5px 0px 0px 5px;
-webkit-border-radius:  5px 0px 0px 5px;


color:white;
font-weight: bold;
box-shadow: -4px 4px 4px black ;

background-color: #2e2e2e;
margin-left:-18px

 
}


/* --------------------------------- page index ---------------------------------- */

.contenant-index-carre
{
display:flex;
flex-wrap:wrap;
justify-content:space-around;
margin-top:20px;
margin-left:7px;
margin-right:7px;

    text-align: center;
}	

.image-contenant-index-carre
{
width:42%;
cursor:pointer;
}


.image-contenant-index-carre1-3
{
width:33%;
cursor:pointer;
}

.image-contenant-index-carre2
{
width:32%;
cursor:pointer;
}


.contenant-basic
{
width:980px;
margin:0 auto;
}	

#contenantmarque
{
display:flex;
justify-content:flex-start;
flex-wrap:nowrap;
width:94%;
margin:0 auto;
margin-top:20px;
}


#contenantcolis
{
display:flex;
justify-content:space-evenly;
flex-flow: row wrap;
width:100%;

margin-top:20px;
}


.contenantcolis-detail
{

margin-bottom:35px;	
cursor:pointer;
-webkit-backface-visibility:hidden;	 	 
}



.image-contenant-colis
{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	  
}



.contenantcolis-detail img
{
width:100%;
height:100%;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;

	 
}
.contenantcolis-detail:hover img{
transform:scale(1.1);
}



#contenantmarque2
{
display:flex;
justify-content:flex-start;
flex-wrap:nowrap;
width:94%;
margin:0 auto;
margin-top:20px;
}


#contenant-photo-difference
{
display:flex;
justify-content:flex-start;
flex-wrap:nowrap;
width:80%;
margin:0 auto;
margin-top:20px;
}


#contenant-logo-difference
{
display:flex;
justify-content:flex-start;
flex-wrap:nowrap;
width:70%;
margin:0 auto;
margin-top:20px;
}



#image-timeline
{
width:50%;
display:block;
margin:0 auto;
}	



.logo-marque-difference
{
padding-bottom:20px;
}





/* Opacité */
.logo-marque-difference{
	opacity: 0.6;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.logo-marque-difference:hover{
	opacity: 1;
}


#logo-difference-entete
{
width:20%;
display:block;
margin:0 auto;
}


.recherche-marque
{
margin-left:2%;
cursor:pointer;
}	


.img-contenu-marque
{
width:100%;	
	
}


/* --------------------------------- fin page index ---------------------------------- */


/* --------------------------------- demande inscription ---------------------------------- */


#titre-inscription-login
{
text-align:center;
Font-family :Didact Gothic;
font-size:26px;
}

#coordonnees-inscription
{
text-align:center;
font-size:16px;
Font-family :Didact Gothic;	
}
	
	



#formulaire-login-inscription
{
width:50%;
margin:0 auto;	
}




.alert-demande-inscription
{
display:none;	
}

.input-demande-inscription
{
               width: 100%;
               height: calc(0.8em + .45rem + 2px);
               padding: .375rem .75rem;
font-size: 1rem;	
	
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
Font-family :Didact Gothic;
margin-bottom:15px;
}
	
.select-inscription
{
border: 1px solid #ced4da;
width:100%;
Font-family :Didact Gothic;
font-size: 1rem;
color: #495057;
background-color: #fff;
}	


.alert-demande-inscription
{
Font-family :Didact Gothic;	
font-size: 0.9rem;	
color:#b22222;
margin-bottom:10px;
}

/* --------------------------------- fin demande inscription ---------------------------------- */


.divnc
{

font-family: 'Pathway Gothic One',arial, sans-serif;


}


a
{
text-decoration:none;

}

.selectcsscatalogue option:first-child {
	color: grey;
}




/* --------------------------------- header ---------------------------------- */

#fond-header
{
background-color:white;	
height:100px;
width:100%;
margin:0 auto;
}


.search {
 
 
	display: flex;

}

.searchTerm {
  width: 61%;
  border: 3px solid #00B4CC;
  border-right: none;
  padding: 5px;
  height: 20px!important;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: black;
 
}

.searchTerm:focus{
  color: black;
}

.searchButton {
  width: 40px;
  height: 36px;
 
 
  
	 background-image: url("img-refonte/loupe-recherche.jpg");
	background-repeat:no-repeat;
  border: 1px solid #00B4CC;
  
  
 
  border-radius: 0 5px 5px 0;
  cursor: pointer;
 
 
}


















/* --------------------------------- fin header ---------------------------------- */






/* --------------------------------- en tete ---------------------------------- */
#en_tete
{
height:140px;
width:980px;
margin:0 auto;
}

#fond-entete
{
background-color:white;	
}



/* --------------------------------- menu ---------------------------------- */


#menuweb-responsive
{
display:none;
}



#logocoop-responsive
{
display:none;	
}



.menu
{
font-family:'Pathway Gothic One';
margin-left:10px;
margin-top:0px;
font-size:18px;
}

.menu li
{
float:left;
margin-right:50px;	
}

/* --------------------------------- fin menu ---------------------------------- */








/* ------------------------------------- si IE ----------------------------------------- */
.IE
{
text-align:center;
color:red;
font-size:20px;
border:1px solid red;
font-variant:small-caps;
}
.concours
{
	float:right;
	margin-right:90px;
	margin-top:-1300px;
	
	
}

.IE a
{
	color:red;
}








.framecalameo
{
width:150;
height:150;	
margin:0 auto;
}







.responsiveimagecarre
{
display:block;
height:100%;
margin:0 auto;	
}















/* ----------------------------------------- login----------------------------------------- */




.bodylogin
{
margin-left:20px;
margin-right:40px;
padding-top:15px;
width:100%;
margin:0 auto;
font-family:'Century Gothic';
background-color:rgba(27, 101, 133, 0.6);

	
}


#mdpoublie
{
font-size:15px;
font-family:'Century Gothic';
float:right;
margin-top:15px;
margin-right:0px;
color:white;
text-decoration:underline;
}





.boxclientlogin
{
width:50%;
margin:0 auto;	
}


.bouton-action
{
	

width:100%;
cursor:pointer;
font-size:16px;
margin:0 auto;
margin-top:10px;
background-color:#4379a5;
text-align:center;
height:40px;
color:white;
line-height:40px;
font-weight:normal;
font-family:'Century Gothic';	
}



.participants
{
float:right;
margin-top:-70px;
margin-right:90px;
height:-200px;
}
.contactcss
{
margin-top:-600px;
color:#c8882d;
}
.falcao:hover
{
color:#1987b9;
}


.linkmenu:hover
{
color:#1987b9;
}
.contact
{
	color:white;
	margin-left:250px;
	color:#c8882d;
	
}

.contact label
{
	display:block;
	float:left;
	width:150px;
	color:#c8882d;
	font-size:18px;
	
}

.titre
{
		color:#4682b4;
	font-size:25px;

	text-decoration:underline;
	
}

.bouton
{
	margin-left:170px;
}
#date_heure
{
	font-size:12px;
	width:200px;
	float:left;
	margin-top:1px;
	color:#6b6b6a;
	font-family:arial, broadway, 'arial black', arial, serif;
}



#adresse
{
	
	margin-top:50px;
	margin-left:-200px;
	font-size:0.75em;
	color:#6b6b6a;
	font-family:arial, broadway, 'arial black', arial, serif;
	float:left;
}
#adressepied
{	
	margin-top:0px;
	margin-left:0px;
	font-size:0.75em;
	color:#6b6b6a;
	font-family:arial, broadway, 'arial black', arial, serif;
	
}
.adresse2
{
	
	margin-top:20px;
	
	font-size:9.5px;
	color:#b9b9ba;
	font-family:arial, broadway, 'arial black', arial, serif;
	
}

.imgpanier hover
{
background-image:url('img/panierrouge.png');
}

#connexion
{
	margin-top:-30px;
	margin-left:710px;
	position:relative;
	z-index:11;
	
}




/* ----------------------------------------- menu ----------------------------------------- */

#menu1
{

width:965px;
margin:auto;
margin-top:-190px;	


}
#menu1old
{

width:1005px;
	
	margin:0 auto;
	margin-top:8.5px;
	padding-bottom:10px;
	
	z-index:10;



}

 /* ----------------------------------------- corps ----------------------------------------- */
 
.presentation
{

	color:#9f43b3;
	width:200px;
	height:auto;
	padding:5px;
	margin-top:0px;
	margin-left:3px;
	text-align:left;
	font-family:verdana,arial, broadway, 'arial black', arial, serif;
	font-size:16px;
	border-right:ridge;
	border-color:#6b6b6a;

	
}
.presentationp
{
font-family:arial, broadway, 'arial black', arial, serif;
font-size:13px;
color:#6b6b6a;


}
.presentationhistorique
{

	color:#6b6b6a;
	width:250px;
	height:auto;
	padding:5px;
	margin-top:0px;
	margin-left:5px;
	text-align:left;
	font-family:verdana,arial, broadway, 'arial black', arial, serif;
	font-size:16px;
	border:ridge;

	border-radius:15px;
}

.organisation
{

	color:#d2691e;
	width:932px;
	height:auto;
	
	padding:5px;
	margin-top:0px;
	margin-left:5px;
	text-align:left;
	font-family:verdana,arial, broadway, 'arial black', arial, serif;
	font-size:20px;
	border:ridge;

	border-radius:15px;
}



.encadre
{
	color:#c8882d;
	
	margin-left:72px;
	
	font-family:verdana,arial, broadway, 'arial black', arial, serif;
	font-size:30px;
	
}

.paragrapheorganisation
{
	color:#4682b4;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:6px;

	font-family:verdana,arial, broadway, 'arial black', arial, serif;
	font-size:30px;
	
		
	background-repeat:no-repeat;
	height:60px;
	padding-left:10px;
	padding-top:10px;
}
.paragraphepresntation 
{
	margin-top:0px;
	margin-bottom:10px;
	color:#6b6b6a;
	margin-left:8px;
	font-family:arial, broadway, 'arial black', arial, serif;
	font-size:35px;
	background-repeat:no-repeat;
	height:60px;
	padding-left:10px;
	padding-top:5px;
}
.magasin
{
position:absolute;
margin-left:180px;
margin-top:20px;
}
.magasinimg
{
height:320px;
}
.marque
{
border-width:10px;
	border-style:solid;
	border-color:#5a3b23;
position:absolute;
margin-left:-600px;
margin-top:40px;
}
.paragraphhehistorique

{

	color:#4682b4;
	margin-left:72px;
	
	
	font-family:verdana,arial, broadway, 'arial black', arial, serif;
	font-size:35px;
	
}
.paragrapheaujourdhui
{

	color:#4682b4;
	margin-left:140px;
	
	
	font-family:verdana,arial, broadway, 'arial black', arial, serif;
	font-size:35px;
	
}
.fin
{
margin-top:150px;
}
 
.indexfin
{
margin-top:150px;
position:relative;

top:-250px;
left:350px;

}
.image
{
position:absolute;
margin-top:-400px;
margin-left:810px;
border-width:10px;
border-style:solid;
border-color:#9acd32;
}
.imagerichard
{
position:absolute;
margin-top:-590px;
margin-left:250px;
color:black;
font-weight:bold;
padding-bottom:100px;


}
.actu
{

margin-top:-350px;
margin-left:250px;
width:550px;
height:450px;
overflow:auto;
}
.texterichard
{
font-size:16px;
margin-left:100px;
margin-top:110px;

}

.texteactu
{
font-size:17px;
}

.historique
{

	color:#c8882d;
	width:280px;
	height:auto;
	padding:5px;
	
	margin-left:310px;
	margin-top:-375px;
	
	text-align:left;
	font-family:verdana,arial, broadway, 'arial black', arial, serif;
	font-size:16px;
	border:ridge;
	
	border-radius:15px;
	
}
.aujourdhui
{

	color:#c8882d;
	width:300px;
	height:auto;
	padding:5px;
	margin-top:-430px;
	margin-left:640px;
	
	text-align:left;
	font-family:verdana,arial, broadway, 'arial black', arial, serif;
	font-size:16px;
	border:ridge;
	
	border-radius:15px;
	
}
.edito
{
width:285px;
float:left;
color:mediumvioletred;
 font-size:15px;
 font-family:arial,'arial black', broadway, arial, serif;
 font-weight:bold;
 margin-left:20px;
 text-align:left;
background-color:white;
 
}

.edito fieldset legend

{
color:steelblue;
font-weight:bold;
}
 .cadeau
 {
 margin-left:350px;
 }
 
 .attention
 {
 margin-left:150px;
 }
 .compteur2
 {
 margin-left:100px;
 margin-top:-800px;
 color:mediumvioletred;
 font-size:30px;
 font-family:'cooper black', broadway, 'arial black', arial, serif;
 font-weight:bold;
 }
 .compteurcurl
 {
 margin-left:300px;
 margin-top:10px;
 color:mediumvioletred;
 font-size:30px;
 font-family:'cooper black', broadway, 'arial black', arial, serif;
 font-weight:bold;
 }
 
 #ecriture
 {
 color:mediumvioletred;
 font-size:30px;
 font-family:'cooper black', broadway, 'arial black', arial, serif;
 font-weight:bold;
 }
 .slideindex
 {
 margin:0 auto;
 width:965px;


 }
 .corps
 {


	
	margin:0 auto;
	background-color: rgba(255, 255, 255, 0.6);
	
	
	font-family:arial, broadway, 'arial black', arial, serif;
	font-size:1.3em;
	width:980px;
	min-height:500px; 
	height:auto;
	margin-top:10px;
	color:#6b6b6a;

	
	
	

	
	
	
	
	
}

.corpsslide
{
margin:0 auto;
font-family:arial, broadway, 'arial black', arial, serif;
width:100%;	

}


.corpsindex
 {

background-color:#447aa6;
margin:0 auto;
font-family:arial, broadway, 'arial black', arial, serif;
width:980px;
}










.corpscentrenews
 {
 
margin:0 auto;
	

	
	font-family:arial, broadway, 'arial black', arial, serif;
	font-size:1.3em;
	width:980px;
	
	height:auto;
	

	
	
	
	
	
}






.fil-ariane
{
padding-top:60px;
margin-left:100px;
font-family:'Pathway Gothic One';
margin-bottom:10px;
	
}

















.divmenurond
{
font-family: 'Pathway Gothic One',arial, sans-serif;
font-size:18px;
border-radius: 0px 5px 5px 0px;

-moz-border-radius: 0px 5px 5px 0px;
-webkit-border-radius: 0px 5px 5px 0px;

cursor:pointer;
color:white;
font-weight: bold;
box-shadow: 4px 4px 4px black ;

background-color: black;
margin-left:-8px

 
}
.divboutonbleu
{
font-family: 'Pathway Gothic One',arial, sans-serif;
font-size:18px;
border-radius: 0px 5px 5px 0px;

-moz-border-radius: 0px 5px 5px 0px;
-webkit-border-radius: 0px 5px 5px 0px;

cursor:pointer;
color:white;
font-weight: bold;
box-shadow: 4px 4px 4px black ;
background-color:#1a88b9;

margin-left:5px;
opacity:0.8; 
 
}

#newsindex.imgnews
{
border: 3px solid #bf0000;

}
.corpsespaceachattemp
 {


	background-color: rgba(255, 255, 255, 0.5);
	margin:0 auto 0;
	
	
	
	font-family:arial, broadway, 'arial black', arial, serif;
	font-size:1.3em;
	width:980px;
	min-height:800px;
	height:auto;
	margin-top:-36px;
	background-image:url('img/colorfond5.png');
	box-shadow: 4px 4px 4px 4px black ;
	
		
	
	
	
}




.animflash
{
font-family: 'Pathway Gothic One',arial, sans-serif;
font-size:30px;
border-radius: 0px 5px 5px 0px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
height:100px;
width:650px;
cursor:pointer;
color:white;
font-weight: bold;
box-shadow: 4px 4px 4px black ;
background-image:url('img/color.png');


opacity:0.8; 
position:absolute;
 
}



.news
 {


	background-color: rgba(255, 255, 255, 0.5);
	margin:0 auto 0;
	
	
	
	font-family:arial, broadway, 'arial black', arial, serif;
	font-size:1.3em;
	width:980px;
	min-height:800px;
	height:auto;
	margin-top:-36px;
	background-image:url('img/colorfond5.png');
	box-shadow: 4px 4px 4px 4px black ;
	
		
	
	
	
}

.news5
 {


	background-color: rgba(255, 255, 255, 0.5);
	margin:0 auto;
	
	font-family:arial, broadway, 'arial black', arial, serif;
	font-size:1.3em;
	width:980px;
	min-height:800px;
	height:auto;
	margin-top:-36px;
	

	
		
	
	
	
}
.news6
 {


	background-color: rgba(255, 255, 255, 0.5);
	margin:0 auto 0;
	
	
	
	font-family:arial, broadway, 'arial black', arial, serif;
	font-size:1.3em;
	width:980px;
	
	height:auto;
	
	background-image:url('img/colorfond5.png');
	box-shadow: 4px 4px 4px 4px black ;
	
		
	
	
	
}

.news7
 {

	background-color: rgba(255, 255, 255, 0.5);
	margin:0 auto 0;
		
	font-family:arial, broadway, 'arial black', arial, serif;
	font-size:1.3em;
	width:980px;
	
	height:auto;
	
	background-image:url('img/colorfond5.png');
	box-shadow: 4px 4px 4px 4px black ;
	
}


.centreautocorps
{
margin:0 auto;
font-family:arial, broadway, 'arial black', arial, serif;
font-size:1.3em;
width:96%;
}	


.corpscentre
 {
margin:0 auto;
font-family:arial, broadway, 'arial black', arial, serif;
font-size:1.3em;
width:980px;
height:auto;
}



.centrageauto
 {
margin:0 auto;
font-family:arial, broadway, 'arial black', arial, serif;
font-size:1.3em;
width:980px;

}



.corpscentreindex
 {


	
	margin:0 auto;
	
	
	
	font-family:arial, broadway, 'arial black', arial, serif;
	font-size:1.3em;
	width:980px;
	
	height:auto;
	background-color:black;

	
	
	
	
	
}
.corpsespaceachat
 {


	
	margin:0 auto;
	background-color:#a9a9a9;
	
	
	font-family:arial, broadway, 'arial black', arial, serif;
	font-size:1.3em;
	width:980px;
	
	height:400px;
	margin-top:40px;
	

	
	
	

	
	
	
	
	
}
.corpsespaceachat2
 {


	
	margin:0 auto;
	background-color:#dcdcdc;
	
	
	font-family:arial, broadway, 'arial black', arial, serif;
	font-size:1.3em;
	width:960px;
	margin-top:180px;
	
	height:auto;
	
	box-shadow:9px 9px 9px #9f43b3;
	
	
	

	
	
	
	
	
}

.corpscatalogue
 {
width:1005px;
	margin:0 auto;
	color:#c8882d;
	margin-bottom:15px;
	text-align:justify;
	font-family:arial, broadway, 'arial black', arial, serif;
	font-size:16px;
	width:962px;
	height:auto;
	padding:10px;
	background-color:#f5f5f5;
	border:ridge;
	border-radius:15px;
	
}

.corpsmobilier
{
color:#c8882d;
	margin-bottom:15px;
	text-align:justify;
	font-family:arial, broadway, 'arial black', arial, serif;
	font-size:25px;
	width:962px;
	height:auto;
	padding:10px;
	background-color:#f5f5f5;
	border:ridge;
	border-radius:15px;


}
.corpsmobilier a
{
color:#000000;
border-style:none;
font-family:arial, broadway, 'arial black', arial, serif;
	font-size:12px;

}
.corps a 
{
color:#6b6b6a;
border-style:none;
text-decoration:none;
font-family:arial, broadway, 'arial black', arial, serif;
	font-size:14px;

}

.corps a:hover
{
color:#ee5bee;
}
.corpsmobilier a:hover
{
color:#8a2be2;
}

.moins
{
    height: 20px ;
    margin: 0 ;
    padding: 0 ;
    background: url(auchan/moins.png) repeat-x 0 0 ;
    list-style-type: none ;
	background-repeat: no-repeat;
	display: block;
	margin-left:3px;
	width: 20px;
	float: left;
}
.moins:hover
{
    background: url(auchan/moins.png) repeat-x 0 -20px ;
}

#qte
{
	float: left;
	width: 27px;
	height: 20px;
	background-image: url('auchan/input.png');
	background-repeat: no-repeat;
	border: 0;
	padding: 0;
	line-height: 28px;
	outline: none;
	text-align: center;
	font-weight: bold;
}

.plus
{
	height: 20px ;
    margin: 0 ;
    padding: 0 ;
    background: url(auchan/plus.png) repeat-x 0 0 ;
    list-style-type: none ;
	background-repeat: no-repeat;
	display: block;
	
	width: 20px;
	float: left;
}
.plus:hover
{
    background: url(auchan/plus.png) repeat-x 0 -20px ;
}
.corpscontact
 {
	margin-top:-50px;
	color:white;
	margin:auto;
	text-align:justify;

	height:600px;

	
	
	padding:30px;
	background-color:#292421;

	border:ridge;
	border-radius:15px
}
.corpsparticipants
 {
	margin-top:-50px;
	color:white;
	margin:auto;
	text-align:justify;

	height:800px;

	
	
	padding:30px;
	background-color:#292421;

	border:ridge;
	border-radius:15px;
}

.tableproduit td
{
border-bottom: #ababab ridge 1px;

}
.paragraphepresentation
{
margin:0px;
padding:5px;
font-weight:bold;
text-decoration:underline;
color:#6b6b6a;
font-size:16px;
}
.p
{
color:white;
}
.corpscomment
 {
	margin-top:-50px;
	color:white;
	margin:auto;
	text-align:justify;

	height:1200px;

	
	
	padding:30px;
	background-color:#292421;

	border:ridge;
	border-radius:15px
}

.corpsfotos
 {

	margin-top:-50px;
	color:white;
	margin:auto;
	text-align:justify;
	padding-bottom:20px;

	height:auto;
	font-size:26px;
	font-family:'cooper black', broadway, 'arial black', arial, serif;
	font-weight:bold;
	
	
	padding-left:80px;
	padding-right:30px;
	padding-top:80px;
	background-color:#292421;

	border:ridge;
	border-radius:15px
}



.corps h3
{
	text-align:center;
	text-decoration:underline;
}

.corps h4
{
	text-indent:0px;
	text-decoration:underline;
}

.corps img
{
	padding-top:8px;
	float:left;
	
}

.lien_accueil a
{
	color:#00a4f8;
	font-size:40px;
	margin-left:0px;
}

.lien_accueil a:hover
{
	color:#c8882d
}

.lien_accueil img
{
	float:left;
	margin-left:200px;
	margin-top:-10px;
}


.new
{
float:right;
margin-top:-925px;
margin-right:190px;
}
.page
{

color:green;
font-size:20px;

}


/* ----------------------------------------- compteur de visite ----------------------------------------- */
.compteur
{
	font-size:16px;
	color:white;
	margin-left:475px
}

.compteur img
{
	height:14px;
}






/* ----------------------------------------- inscription ----------------------------------------- */
.inscription
{
	margin-left:300px;
}

.formulaire label
{
	display:block;
	width:150px;
	float:left;
}

.inscription h3
{
	text-align:center;
}




 /* ----------------------------------------- pied de page ----------------------------------------- */
 #pieddepage p
 {
	color:white;
	text-align:left;
	font-size:10px;
	margin:auto;
	padding-top:0px;
	width:965px;
	margin-top:0px;
}
#pieddepage 
 {
	
	position:fixed;
	top:100%;
	background-image:url('img/bandeaupied.jpg');
	
	width:101%;
	height:78px;
	margin:-45px auto  0 -10px ;

	
}



#contenant-footer
{
background-color:#447aa6;
height:auto;
width:100%;
margin:0 auto;
margin-top:10px;
color:white;
padding-top:5px	
}


.afooter
{
font-family: 'Pathway Gothic One',arial, sans-serif;	
color:white;
font-size:18px;
	
}



.corpscatalogue a
{

}
/*-------------------------------------------pagination catalogue------------------------------------*/
.cadre
{

background:#ECFAFF;
border: 1px solid #D5F4FF;
margin:5px;
padding:5px;

}
.pagination
{

font-weight : bold;
background : #ECFAFF;
margin : 3px;
padding : 2px;
font-size:10px;
color:#ff1493;

}
.pagination:hover
{
background : #000;
color:white;
}
.pagination-inactif
{

font-weight : bold;
background : #000;
color : white;
margin : 3px;
padding : 2px;
font-size:10px;


}
/*-----------------------------------------page resultatreq------------------------------------------------------*/
.paragraphecatalogue
{
margin:0px;
font-size:24px;
font-weight:bold;
text-decoration:underline;
}

.mg img
{
width:70px;
border:none;
padding-right:10px;

}


.design
{

padding-right:10px;
width:270px;
font-weight:bold;
font-size:12px;
color:black;
border-bottom:2px solid grey;
}

.design2
{
float:left;
margin-top:-180px;
color:#0fa1d5;
width:600px;
font-weight:bold;
font-size:22px;
	
}

.flash2
{

margin-top:16px;
color:#0fa1d5;
width:600px;
font-weight:bold;
font-size:18px;
	
}

.flashp
{
margin-top:16px;
margin-top:50px;
color:#808080;
width:800px;
font-weight:bold;
font-size:18px;
	
}



.flash3
{


margin-left:0px;
margin-top:0px;
color:#c71585;
width:600px;
font-weight:bold;
font-size:26px;
	
}

.design2colis
{


color:#0fa1d5;
width:600px;
font-weight:bold;
font-size:22px;
	
}



.design3
{
float:left;
margin-top:-120px;
margin-left:150px;
color:#c60086;
width:400px;
font-weight:bold;
font-size:18px;
	
}

.design3colis
{
float:left;
margin-top:15px;
margin-left:80px;
color:#c60086;
width:400px;
font-weight:bold;
font-size:18px;
	
}

.designflashdescrip
{
font-size:12px;

}
.design4colis
{
float:right;
margin-top:-22px;
margin-right:-50px;
width:400px;
font-weight:bold;
font-size:18px;
	
}

.descriptionproduit
{
float:right;
margin-top:-112px;
margin-right:130px;
width:400px;
color:#0fa1d5;
font-weight:bold;
font-size:18px;
	
}

.design4
{
float:right;
margin-top:-122px;
margin-left:280px;
width:400px;
font-weight:bold;
font-size:18px;
	
}
.design4bis
{
float:right;
margin-top:-122px;
margin-left:280px;
width:400px;
font-weight:bold;
font-size:18px;
	
}

.divcolis
{
margin-top:50px;
height:80px;

	overflow:auto;
}
.divflash
{

height:300px;
overflow:auto;
}

.design5
{
float:left;
margin-top:-130px;
margin-left:150px;
width:400px;
font-weight:bold;
font-size:18px;
	
}
#panierok
{
height:30px;
width:300px;
color:#c60086;
background-color:#abd4e8;
display:none;
position:fixed; 
left:800px;
top:460px;
border:3px solid #666;
z-index:1999;
-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.designchoixpanier
{
float:left;
margin-top:10px;
margin-left:270px;
width:400px;
font-weight:bold;
font-size:18px;
	
}


.table td
{
padding-bottom:0px;
}
.catprix 
{


width:200px;
font-weight:bold;
	color:#434343;
	
	font-size:12px;
	
}
.catprix1
{
text-align:right;
padding-right:90px;
width:160px;
font-weight:bold;
color:white;
font-size:12px;
font-style: italic;
}


.mg
{
border-bottom:2px solid grey;
}

.catprix2
{
font-weight:bold;

font-size:14px;

border-bottom:2px solid grey;

}


.classhr
{
margin:-10px;
padding:0px;
}
.avp
{
border:solid;
}
.imgmobilier
{
font-size:12px ;  


}
.imgmobilier a
{
color:#000000;
font-weight:bold;

}







.ribbon-stitches-top 
{
margin-left:-5px;
width:184px;
margin-top:4px;
border-top: 1px dashed #51580b;
position:absolute;
  
   
   }

   
   
   
   
.blackt
   {
margin-left:-5px;
width:184px;
margin-top:4px;
border-top: 1px dashed #373707;
position:absolute;
  
   
   }
   
.blackb
   {
 
margin-left:-5px;
width:184px;
margin-top:-4px;
border-top: 1px dashed #373707;
position:absolute;
   }
   
   
.ribbon-stitches-bottom 
{
 
margin-left:-5px;
width:184px;
margin-top:-4px;
border-top: 1px dashed #373707;
position:absolute;
   }
   
.ribbon-stitches-bottom2 
{
 
margin-left:-5px;
width:158px;
margin-top:-4px;
border-top: 1px dashed grey;
position:absolute;
   }
   
   
 .ribbon-stitches-top2 
{
 
margin-left:-5px;
width:158px;
margin-top:4px;
border-top: 1px dashed grey;
position:absolute;
   }  
   
   
   
 /*fleche footer////////////////////*/
   
   #returnOnTop {
    background: url('img-refonte/return_on_top2.png') no-repeat;
    bottom: 12%;
    cursor: pointer;
    display: none;
    filter: alpha(opacity = 50); /* IE < 8 */
    height: 48px;
    opacity: 0.5;
    position: fixed;
    right: 1%;
    width: 48px;
}

#returnOnTop:hover {
    filter: alpha(opacity = 100); /* IE < 8 */
    opacity: 1;
}
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

   
/*wrapper index ////////////////////////////////*/

#wrapper {

margin-top:3px;
float: left;
width: 100%;
margin-bottom:0px;
background-color:#447aa6;
  }

h1 {
  font: 600 28px/36px sans-serif;
  margin: 50px 0;
  }

h3 {
  font: 600 18px/24px sans-serif;
  color: #999;
  margin: 0 0 20px;
  }

a {
  color: #222;
  }

.rslides {
margin: 0 auto;
  }

.rslides_container {
  margin-bottom: -5px;
  position: relative;
  float: left;
  width: 100%;
  }

.rslides1_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  z-index: 99;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.rslides1_nav:active {
  opacity: 1.0;
  }

.rslides1_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.rslides2_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.rslides2_nav.next {
  left: auto;
  right: 0;
  }

.rslides3_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }

.rslides3_nav:active {
  opacity: 1.0;
  }

.rslides3_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.rslides1_nav:focus,
.rslides2_nav:focus,
.rslides3_nav:focus {
  outline: none;
  }

.rslides_tabs {
  margin-top: 10px;
  text-align: center;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.rslides_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.rslides_tabs .rslides_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }

.caption {
	
  position: absolute;
  display: block;
  bottom: 0px;
  left: 0;
  right: 0;
  padding: 5px;
  text-align: left;
  background: #000;
  background: rgba(255,255,255, .8);
  color: black;
}
  .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
	
  float: left;
  width: 100%;
  border: 0;
  } 



/* fin wrapper index ////////////////////////////////*/


#contenantslide
{
width:93%;
margin:0 auto;
margin-top:30px;
margin-bottom:30px;
	
}


.boxsliderindex
{
width:80%;
margin:0 auto;
box-shadow: 1px 1px 5px #555;
background-color:white;
}






.imgslideac
{
margin-left:8px;
width:90%;
height:100%;

}
   
   
#fadelogin 
 { /*--Masque opaque noir de fond--*/
display: none; /*--masqué par défaut--*/
background: #808080;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .80;
z-index: 100;
} 
   
   
   
   
   
   .popup_block{
	display: none; /*--masqué par défaut--*/
	
	padding: 10px;
	float: left;
	font-size: 1.2em;
	height:350px;
	position: fixed;
	top: 30%; left: 50%;
	z-index:101;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	
}  



.switch {
               height: 0;
               width: 0;
               visibility: hidden;
			   float:left;
}


.ok-news {
	
	float:left;
               cursor: pointer;
               text-indent: -9999px;
               width: 2rem;
               height: 1rem;
               /*           Taille à modifier pour la taille du bouton entier*/
               background: grey;
               display: block;
               border-radius: 100px;
               position: relative;
               margin-right: 1rem;
}

.ok-news:after {
               content: '';
               position: absolute;
               top: 0.1rem;
               left: 0.2rem;
               /*           Emplacement du bouton au départ*/
               width: 0.8rem;
               height: 0.8rem;
               background: #fff;
               border-radius: 90px;
               -webkit-transition: 0.1s;
               transition: 0.1s;
}

input:checked + .ok-news {
               background: #4682b4;
}

input:checked + .ok-news:after {
               left: calc(100% - 0.2rem);
               -webkit-transform: translateX(-100%);
               transform: translateX(-100%);
}

.ok-news:active:after {
               /*           taille du bouton pendant l'animation*/
               width: 1rem;
}



/*/////////////////pastel*/


.moins
{
    height: 20px ;
    margin: 0 ;
    padding: 0 ;
    background: url(auchan/moins.png) repeat-x 0 0 ;
    list-style-type: none ;
	background-repeat: no-repeat;
	display: block;
	margin-left:3px;
	width: 20px;
	float: left;
}
.moins:hover
{
    background: url(auchan/moins.png) repeat-x 0 -20px ;
}

.moins2
{
    height: 20px ;
    margin: 0 ;
    padding: 0 ;
    background: url(auchan/moins.png) repeat-x 0 0 ;
    list-style-type: none ;
	background-repeat: no-repeat;
	display: block;
	margin-left:3px;
	width: 20px;
	float: left;
}
.moins2:hover
{
    background: url(auchan/moins.png) repeat-x 0 -20px ;
}



.modifmoins
{
    height: 20px ;
    margin: 0 ;
    padding: 0 ;
    background: url(auchan/moins.png) repeat-x 0 0 ;
    list-style-type: none ;
	background-repeat: no-repeat;
	display: block;
	margin-left:3px;
	width: 20px;
	float: left;
}
.modifmoins:hover
{
    background: url(auchan/moins.png) repeat-x 0 -20px ;
}




.modifmoinsflash
{
    height: 20px ;
    margin: 0 ;
    padding: 0 ;
    background: url(auchan/moins.png) repeat-x 0 0 ;
    list-style-type: none ;
	background-repeat: no-repeat;
	display: block;
	margin-left:3px;
	width: 20px;
	float: left;
}
.modifmoinsflash:hover
{
    background: url(auchan/moins.png) repeat-x 0 -20px ;
}



.qte_articleaa
{
	float: left;
	width: 27px;
	height: 20px;
	background-image: url('auchan/input.png');
	background-repeat: no-repeat;
	border: 0;
	padding: 0;
	line-height: 28px;
	outline: none;
	text-align: center;
	font-weight: bold;
}

#qte
{
	float: left;
	width: 27px;
	height: 20px;
	background-image: url('auchan/input.png');
	background-repeat: no-repeat;
	border: 0;
	padding: 0;
	line-height: 28px;
	outline: none;
	text-align: center;
	font-weight: bold;
}


.plus
{
	height: 20px ;
    margin: 0 ;
    padding: 0 ;
    background: url(auchan/plus.png) repeat-x 0 0 ;
    list-style-type: none ;
	background-repeat: no-repeat;
	display: block;
	
	width: 20px;
	float: left;
}
.plus:hover
{
    background: url(auchan/plus.png) repeat-x 0 -20px ;
}

.plus2
{
	height: 20px ;
    margin: 0 ;
    padding: 0 ;
    background: url(auchan/plus.png) repeat-x 0 0 ;
    list-style-type: none ;
	background-repeat: no-repeat;
	display: block;
	
	width: 20px;
	float: left;
}
.plus2:hover
{
    background: url(auchan/plus.png) repeat-x 0 -20px ;
}




.modifplus
{
	height: 20px ;
    margin: 0 ;
    padding: 0 ;
    background: url(auchan/plus.png) repeat-x 0 0 ;
    list-style-type: none ;
	background-repeat: no-repeat;
	display: block;
	
	width: 20px;
	float: left;
}
.modifplus:hover
{
    background: url(auchan/plus.png) repeat-x 0 -20px ;
}
.modifplusflash
{
	height: 20px ;
    margin: 0 ;
    padding: 0 ;
    background: url(auchan/plus.png) repeat-x 0 0 ;
    list-style-type: none ;
	background-repeat: no-repeat;
	display: block;
	
	width: 20px;
	float: left;
}
.modifplusflash:hover
{
    background: url(auchan/plus.png) repeat-x 0 -20px ;
}


#contenuflash {
	padding: 10px;
	width: 1024px;
	margin: 0 auto;
}



#conteneur-entete-tableau {
	display: flex;
	margin-bottom: 1rem;
}

#designation-tableau {
	margin-left: 4.2rem;
}

#designation-prix {
	margin-left: 20rem;
}

#designation-qte {
	margin-left: 10.5rem;
}

#designation-total {
	margin-left: 8rem;
}

#affichepanier2 {
	padding: 10px;
	width: 1024px;
	margin: 0 auto;
}

#designation-select {
	margin-left: 10px;
}

#conteneur-total-list {
	padding-left: 10px;
	font-size:19px;

}

.entete-tableau {
	font-size: 16px;
}


.td-designation {
	margin-left: 2.6rem;
	padding-top: 8px;
	width: 350px;
}

.td-prix {
	margin-left: 3rem;
	width: 100px;
}

.td-qte {
	margin-left: 6rem;
}



.td-total,
.td-designation,
.td-prix,
.td-qte {
	font-size:1rem;
	padding-top: 2.5rem;
}
.coche-selection{
	width: 30px;
	padding-top: 2.5rem;
}
.image-table-list {
	width: 100px;
	height: 100px;
	margin-top: 10px;
	display:block;
	
}

.table-list {
	display: flex;
}

#espace-header-haut{
	display:none;
}
   
   #pop-up-difference{
	border:3px solid grey;border-radius:0.25rem;background-color:#fff;width:50%;top: 50%; left:50%;transform: translate(-50%, -50%);position:absolute;
	padding:4px;text-align:right;z-index:10000!important;opacity:1!important
   }

   .SousMenuSeminaire
   {
display:block;
margin-top:10px;

   }




   @media screen and (max-width: 700px)
{

.MenuSeminaire
{
background-color:inherit;
padding:0px;
position:relative;
border-bottom-right-radius:0;
border-bottom-left-radius:0;

}
    
.linkseminaire
{
margin-top:20px;

}

.SousMenuSeminaire
{
text-decoration: underline;


}



}