html, body {
margin: 0;
padding: 0;
height: 100%;
width:100%;
text-align:center;
font-family:Arial, sans-serif;
font-size: 100%;
color:#000;
}

a:link {color: #EF476F;text-decoration:none;}
a:visited {color: #EF476F;}
a:hover {color: #03a9e2;}
a:active {color: #EF476F;}

textarea {
   font-family: inherit;
   font-size: inherit;
}

.input_saisie_adresse {
	color: #000066;
	width:90%;	
	
	border-width: 1px;
	border-bottom-style: double;
	border-left-style: double;
	border-right-style: double;
	border-top-style: double;
	border-color:#33CCFF;
	
	cursor:auto;
}

.btn-std {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 50px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn-std:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.button_valide {
    background-color: #13a8dc; /* blue */
    border: none;
    color: white;
    padding: 13px 42px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
}

img { border:none;}
a img{ border:none;}

/*label {
	float:left;
	width:65%;
	text-align:right;
	padding:3%;
	vertical-align: top;
}*/

input {
	cursor:pointer;
}

.line-top {
    border-top-color			  :#C6C6C6;
    border-top-width			  :2px;
    border-top-style			  : solid;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
    
}

.input_saisie {
	color: #000066;
	width:50%;	
	
	border-width: 1px;
	border-bottom-style: double;
	border-left-style: double;
	border-right-style: double;
	border-top-style: double;
	border-color:#33CCFF;
	
	cursor:auto;
}
.input_saisie_email
{
	color: #000066;
	width:70%;	
	
	border-width: 1px;
	border-bottom-style: double;
	border-left-style: double;
	border-right-style: double;
	border-top-style: double;
	border-color:#33CCFF;
	
	cursor:auto;
}
.Inputshadow
{
	-moz-box-shadow: 4px 4px 10px #888;  
	-webkit-box-shadow: 4px 4px 10px #888;  
	box-shadow:1px 1px 6px #888;
	border-radius: 5px;
}

.radiotype {
	margin-bottom:5%;
	margin-left:5%;
}

.txtrose
{
color: #EF476F;
}

.txtgris {
color: #808080;
}
.txtblanc {
color: #ffffff;
}
.txtrouge {
color: #ff001e;
}
.txtvert {
color:#009900;
}
.txtbleu {
color: #0fa6d5;
}
.txtnoir {
color:#000000;
}
.txt05
{
font-size: 0.5rem;
line-height: 0.91rem;
}
.txt06
{
font-size: 0.6rem;
line-height: 0.91rem;
}
.txt07
{
font-size: 0.7rem;
line-height: 0.91rem;
}
.txt08
{
font-size: 0.8rem;
line-height: 0.91rem;
}

.txt09
{
font-size: 0.9rem;
line-height: 1.0rem;
}

.txt10
{
font-size: 1.0rem;
line-height: 1.2rem;
}

.txt12 {
font-size: 1.2rem;
line-height: 1.5rem;
}

.txt14
{
font-size: 1.4rem;
line-height: 1.6rem;
}

.txt16
{
font-size: 1.6rem;
line-height: 1.9rem;
}

.txt17
{
font-size: 1.7rem;
line-height: 1.9rem;
}

.txt18
{
font-size: 1.8rem;
line-height: 2.0rem;
}

.txt22 {
font-size: 2.2rem;
line-height: 2.5rem;
}
.txt23 {
font-size: 2.3rem;
line-height: 2.5rem;
}
.txt24 {
font-size: 2.4rem;
line-height: 2.5rem;
}

.txt25
{
font-size: 2.5rem;
line-height: 2.8rem;
}

.txtbold
{
font-weight: bold;
}

.txtjustify {
text-align:justify;
}

.txtcenter {
text-align:center;
}

.txtleft {
text-align:left;
}

.txtright {
text-align:right;
}

.txtbarre
{
text-decoration: line-through;
}

.txtmarge5
{
padding:5px 5px 5px 5px;
}

.txtmarge10
{
padding:10px 10px 10px 10px;
}

.txtmarge10Left
{
float:right;
padding:10px 10px 10px 10px;
}

.txtmarge20
{
padding:20px 20px 20px 20px;
}

.txtmarge40H
{
padding:40px 40px 20px 20px;
}


.txtmarge1Prct
{
padding:3% 3.9% 1% 2%;
}

.txtmarge5Prct
{
padding:3% 3% 1% 3%;
}

.txtmarge15Prct
{
padding:15% 15% 15% 15%;
}

div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,a
{
	margin: 0;
	padding: 0;
	border-width: 0;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
}

.bt_valide{
	margin:0 auto;
	background:#13aae2;
	color:white;
	font-size: 1.0rem;
	padding: 5px 20px 4px 20px;
}
.bt_class {
margin-top:5%;
margin-bottom:5%;
}

#BT_CheckEmail{
	float:none;
	background:#13aae2;
	color:white;
	font-size: 1.0rem;
	padding: 5px 20px 4px 20px;
}


.bloc_table {
position: relative;
display:table;
height:100%;
}

.bloc_cellule {
display:table-cell;
vertical-align:middle;
text-align: center;
height:100%;
}

.arriereplan_connect{
	background: #FFF url(../images/fond_membres_1080.png) repeat-x;
}


/* Menu DEROULANT *****************************************************/
#bouton-menu {
	float:right;
	width:25px;
	margin-right:-40px;
	height:40px;
	cursor:pointer;
	background:url('../images/menubar.png') top right no-repeat;
}
/* Menu DEROULANT *****************************************************/




#header{
position: relative;
margin: 0 auto;
text-align:left;
width:1080px;
}

#page{
position: relative;
margin: 0 auto;
text-align:center;
width:1080px;
}

#entete{
position: relative;
text-align:center;
width:100%;
height:122px;
}

#cellule_entete_logo {
position: relative;
float:left;
display:table;
height:100%;
width:270px;
}

.cellule_entete {
position: relative;
float:right;
color: #EF476F;
font-size: 1.5rem;
line-height: 1.5rem;
display:table;
height:100%;
}

.cellule_entete_contenu_large {
display:table-cell;
vertical-align:middle;
text-align: center;
padding: 0px 10px 0px 10px;
width:100%;
}
.cellule_entete_left {
position: relative;
padding-top:30px;
float:left;
color: #EF476F;
font-size: 1.5rem;
line-height: 1.5rem;
display:table;
height:100%;
}
.cellule_entete_right {
position: relative;
float:right;
color: #EF476F;
font-size: 1.5rem;
line-height: 1.5rem;
display:table;
height:100%;
}

.cellule_entete_center {
position: relative;
margin:auto 0;
top:20px;
color: #EF476F;
font-size: 1.5rem;
height:100%;
}

.cellule_pointilles_droit {
border-right:1px dashed black;
}
.cellule_pointilles_gauche {
border-left:1px dashed black;
}

.cellule_entete_contenu {
display:table-cell;
vertical-align:middle;
text-align: center;
padding: 0px 15px 0px 20px;
max-width:190px;
max-height:150px;
}

.cell_logo {
padding: 0px 0px 0px 10px;
text-align: left;
}


#logo_img {
width: 246px;
}

#logo_entreprise_img {
width:3.5em;
/*height:5em;*/
}

#imgAtoutGestion {
width: 105px;
}

#caddie_img {
width: 60px;
}
#caddie_imgInPanier {
width: 20%;
}


#caddie_achats {
	position:absolute;
	background:red;
	border-radius:50%;
	border:1px solid red;
	top:70px;
	left:55px;
	width:22px;
	height:22px;
	text-align:center;
	color: white;
	font-size: 1.0rem;
	font-weight: bold;
}
#caddie_achats_inPanier {
	position:absolute;
	background:red;
	border-radius:50%;
	border:1px solid red;
	top:5%;
	left:55%;
	width:1.4em;
	height:1.4em;
	text-align:center;
	color: white;
	font-size: 1.5rem;
	font-weight: bold;
}

#menu_connect{
position: relative;
text-align:center;
width:100%;
height:60px;
background-color: #efe3d9;
}


.cellule_menu {
position: relative;
float:left;
border-left:1px dashed black;
color: #EF476F;
font-size: 1.3rem;
line-height: 1.5rem;
display:table;
height:100%;
}


.cellule_menu_contenu {
display:table-cell;
vertical-align:middle;
text-align: center;
padding: 0px 20px 0px 20px;
}

#recherche_billeterie{
position: relative;
text-align:left;
width:100%;
height:35px;
background-color: #fffbf8;
overflow:hidden;
}

#form_recherche{
display:inline-block;
padding: 5px 10px 0px 0px;
}

#recherche_txt{
background:white;
border:1px solid black;
height:17px;
}

#recherche_submit{
background:#EF476F;
color:white;
font-size: 0.8rem;
padding: 2px 10px 2px 10px;
}

#gagnants_txt{
position:absolute;
display:inline-block;
padding: 5px 0px 0px 0px;
color: #EF476F;
}

/************************* ETIQUETTE CAGNOTTE ************************************** */
#divcagnotte{
float:right;
width:260px;
height:180px;
text-align:center;
}
/************************* FIN ETIQUETTE CAGNOTTE ************************************** */



/************************* ETIQUETTE OFFRE SPECIALE ************************************** */
#offspec{
float:right;
margin-top:40px;
width:260px;
height:460px;
text-align:center;
}

#etiquette_offrespec{
position: relative;
background: url(../images/etiquette_offrepeciale_1080.png) no-repeat center top;
background-size: 100%;
width:260px;
height:460px;
margin: 0 auto;
}


#texte_etiquette_home{
position: relative;
top:130px;
left:15px;
width:230px;
text-align:left;
}

#decouvrir {
position:relative;
top:298px;
left:20px;
text-align:left;
font-size: 1.2rem;
color: #FFF;
}

#decouvrir a:link {color:#FFF;}

/************************* FOOTER ************************************** */


#footer {
position: relative;
width:100%;
height:182px;
font-size:1.0rem;
line-height:2.3rem;
color:#EF476F;
text-align:center;
margin-top:100px;
background:#fff6ef;
min-width:600px;
}

#footer_page{
position: relative;
margin: 0 auto;
text-align:center;
width:1080px;
height:142px;
padding:20px 0px 20px 0px;
}

.footer_bloc{
float:left;
position: relative;
text-align:left;
border-right:1px dashed black;
height:142px;
}


#footer_bloc1{
padding-right:30px;
}

#footer_bloc2{
padding:0px 50px 0px 30px;
}

#footer_bloc_icones{
position: relative;
text-align:center;
margin-left:520px;
}

.footer_icones{
padding:31px 0px 0px 15px;
width:55px;
border:0;
}


#copyright {
position: relative;
width:100%;
font-size:0.7rem;
color:#000;
text-align:center;
padding:20px 0px 20px 0px;
}

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:260px;
		height:460px;
		overflow:hidden; 
		}
		
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2, #slider2 li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:260px;
		height:460px;
		overflow:hidden; 
		}
		
	#slider3 ul, #slider3 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider3, #slider3 li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:260px;
		height:460px;
		overflow:hidden; 
		}
	
	span#prevBtn{}
	span#nextBtn{}	
	
	.slide_class {
		border:none;
		max-width:260px;
		width: expression(this.width > 260 ? 260: true);
		max-height:80px;
		height: expression(this.height > 80 ? 80: true);
	}				

/* // Easy Slider */



/************************* RESPONSIVE 1100 px ************************************** */


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

.txt12 {
font-size: 1.2rem;
line-height: 1.0rem;
}

.arriereplan_connect{
	background: none;
}

#header{
width:100%;
min-width:600px;
}

#page{
width:90%;
padding: 0px 20px 0px 20px;
}

#entete{
height:90px;
}

#cellule_entete_logo {
width:100px;
}

#logo_img {
width: 170px;
}
#logo_img {
width: 140px;
}

#logo_entreprise_img {
width:2.8em;
}
#imgAtoutGestion {
width: 60px;
}

#caddie_img {
width: 40px;
}

#caddie_achats {
top:50px;
left:42px;
}

#footer_page{
width:90%;
}

#footer_bloc2{
display:none;
}

#footer_bloc_icones{
margin-left:250px;
}


}

/************************* RESPONSIVE 960 px ************************************** */


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

html, body {
font-size: 90%;
}

.txt12 {
font-size: 1.1rem;
line-height: 1.0rem;
}

.cellule_entete {
max-width:170px;
}

.cellule_entete_contenu {
padding: 0px 10px 0px 10px;
}

#caddie_achats {
left:32px;
}



#menu_connect{
height:50px;
}

.cellule_menu_contenu {
padding: 0px 10px 0px 10px;
}

#divcagnotte{
width:100%;
margin-top: 30px;
}
#offspec{
width:100%;
margin-top: 30px;
}

#footer {
margin-top:30px;
height:171px;
}


#footer_page{
height:131px;
}

.footer_bloc{
height:131px;
}

#footer_bloc_icones{
margin-left:230px;
}

.footer_icones{
padding:28px 0px 0px 10px;
width:45px;
}

}



/************************* RESPONSIVE 760 px ************************************** */


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

html, body {
font-size: 80%;
}

#caddie_achats {
width:19px;
height:19px;
}

.cellule_entete {
max-width:120px;
}
.cellule_entete_contenu {
padding: 0px 10px 0px 10px;
}
#logo_img {
width: 120px;
}
#logo_entreprise_img {
width:3em;
}
#imgAtoutGestion {
width: 50px;
}


#menu_connect{
height:40px;
}

#footer {
margin-top:30px;
height:155px;
}

#footer_page{
height:115px;
}

.footer_bloc{
height:115px;
}

#footer_bloc_icones{
margin-left:210px;
}

.footer_icones{
padding:35px 0px 0px 6px;
width:35px;
}

/************************* RESPONSIVE 600 px ************************************** */


/*@media screen and (max-width: 600px){

.cellule_entete {
max-width:170px;
}

}*/