@charset "utf-8";
/* CSS Document Commune à l'affichage écran */

* { margin: 0; padding: 0; }

html 
{
}
body 
{
    font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style      : normal;
    font-weight     : normal;	
	font-size       : 14px;
	line-height     : 20px;  
	color           : #666666;
	text-align      : left;
	line-height:130%;
    background-color:#FFF;
    background-position:center top;
    background-repeat:repeat;	
}
a
{
	color           : #666666;
	text-decoration : none;
}
a:hover
{
	color           : #EB001A;
	text-decoration : none;
}
a:focus 
{
	outline:none;
}
p
{
  font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style      : normal;
  font-weight     : normal;	
  font-size       : 14px;
  line-height     : 20px;  
  padding-left:0px;	
  padding-right:0px;
  padding-top:0px;
  padding-bottom:0px;
  text-align:left;
}
h1
{
    font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:normal;
    font-weight: 600;	/*bold */
 	font-size:50px;
	line-height:60px;  
	color           : #444;
	text-align      : center;
	text-decoration : none;
	padding-left    : 0px;
    padding-right   : 0px;	
	padding-top     : 20px;
    padding-bottom  : 10px;
}
h2
{
    font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:normal;
    font-weight:600;	/*bold */
	font-size       : 34px;
	line-height     : 44px;  
	color           : #EB001A;
	text-align      : center;
	text-decoration : none;
	padding-left    : 0px;
    padding-right   : 0px;		
	padding-top     : 0px;
	padding-bottom  : 10px;
}
h3
{
    font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:normal;
    font-weight:400;	/*regular*/
	font-size       : 20px;
	line-height     : 30px;  
	color           : #3d3d3d;
	text-align      : left;
	text-decoration : none;
	padding-left    : 0px;
    padding-right   : 0px;		
	padding-top     : 0px;
	padding-bottom  : 10px;
}
h4
{
    font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style      : normal;
    font-weight     : 500;	
	font-size       : 18px;
	line-height     : 22px;  
	color           : #666666;
	text-align      : left;
	text-decoration : none;
	margin-top:20px;
	margin-bottom:10px;
}


ul
{
    padding-left:25px;	
    list-style-type: disc;
    font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style      : normal;
    font-weight     : normal;	
	font-size       : 14px;
	line-height     : 22px;  
	color           : #666666;
	text-align      : left;
	vertical-align:top;
}
li
{
  padding-left:5px;	
}
input
{
  font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#666666;
  font-weight:normal;
  text-align:left;
  padding:5px;
  background-color:#FFF;
  border-style:solid;
  border-width:1px;
  border-color:#ccc;
}
select
{
  font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#666666;
  background-color:#FFF;
  border-style:solid;
  border-width:1px;
  border-color:#C6C6C6;
  font-weight:normal;
  text-align:left;
  padding:5px;  
}
textarea
{
  font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#666666;
  background-color:#FFF;
  border-style:solid;
  border-width:1px;
  border-color:#C6C6C6;
  font-weight:normal;
  text-align:left;
  padding:5px;  
}
/*-------------------------------------------------*/
/* LAYOUT STRUCTURE                                */
/*-------------------------------------------------*/
#containerDisplay 
{
	margin:0 auto;
	width:100%;
	margin-top:100px;
/*	background-color:#FFF; */
}
#content
{
  width:100%;
  padding-top:10px;
  padding-bottom:0px; 
  float:left;
  /*padding-left:10px;
  padding-right:10px;
  float:left;*/
  /* background-color:#FCF; */
}

#content1
{
	width:1250px;
	min-height:900px;
	margin:auto;
	margin-top:20px;
	/* background-color:#FFC; */
}	

#content2
{
    width:100%;
    /*width:1230px;*/
	min-height:900px;
	/*margin-left:0px;*/
	 /*background-color:#FFC; */
}	

/* remontée en haut de site grace a un bouton affiché en bas de site */	
.cRetour {
  border-radius:3px;
  padding:10px;
  font-size:15px;
  text-align:center;
  color:#fff;
  background:rgba(0, 0, 0, 0.25);
  z-index:99999;
  transition:all ease-in 0.2s;
  position: fixed;
  cursor: pointer;
  bottom: 1em;
  right: 20px;
  display: none;
}
.cRetour:before{ content: "\25b2"; }
.cRetour:hover{
  background:rgba(0, 0, 0, 1);
  transition:all ease-in 0.2s;
}

/*-------------------------------------------------*/
/* DETAIL OF CONTENT                               */
/*-------------------------------------------------*/
#fullContent
{
  width:100%;
  /*width:1230px;*/
  min-height:900px;
}	
#leftContent 
{
  float: left;
  width: 300px; 
  height:100%;
}

#leftContentMenu
{
  float: left;
  width: 300px;   
  min-height:340px;   
  padding-top:5px;
  padding-bottom:5px; 
}
#leftContentSeparator
{
  float: left;
  width: 300px;   
  height:12px;    
  border-bottom:#999 solid 1px;
}
#leftContentAdresse
{
  float: left;
  width: 280px;   
  min-height:300px;
  padding-left : 10px;
  padding-right : 10px;    
  padding-top : 10px;
  padding-bottom : 10px;
}
#leftMotsCles
{
  float: left;
  width: 280px;   
  padding-left : 10px;
  padding-right : 10px;    
  padding-top : 10px;
  padding-bottom : 10px;    
}

#mainContent
{
  float:left;  
  width: 950px;
  min-height:900px;  
}


/*-------------------------------------------------*/
/* STRUCTURE OF HEADER 1                           */
/*-------------------------------------------------*/
#header1 
{
    height:110px;
	width:100%;
	float:left;
    background-color: #fff;	
    position: fixed;
    top:0px;
    z-index:1;
    box-shadow: 0em 0em 0.5em rgba(0,0,0,0.2);
}
#header1Content1
{
	width:100%;
    height:110px;
    float:left;
    background-color: #fff;    

}

#header1Content1Inner
{
	width:100%;
    height:110px;
    margin:auto;
    background-color: #fff;
}
#header1Content1InnerBoxLogo
{
	width:150px;
    height:110px;
    float:left;
}
#header1Content1InnerBoxLogoImg
{
	width:127px;
	height:80px;
	background:url(../images/header/logo-crashstickers.png) no-repeat ;
	background-position-x: center;
    margin-left:20px;
    margin-top:15px;
    visibility: visible;
    display: block;
}


#header1Content1InnerBoxAdmin
{
	width:40px;
    height:110px;
    float:left;
    visibility: visible;
    display: block;  
    margin-left:0px;
    margin-left:-40px;
}
#header1Content1InnerBoxMenu
{
	width:auto;
    height:110px;
    float:right;
    visibility: visible;
    display: block;  
    text-align: right;
}
#header1Content1InnerBoxLangue
{
	width:130px;
    height:110px;
    float:right;
    visibility: visible;
    display: block;  
    margin-left:0px;
}
.header1Content1InnerBoxLangueInner
{
    display: table-cell;	
	vertical-align: middle;
	text-align: center;
	height:108px;
	width:130px;
}
.header1Content1InnerBoxLangueInnerTexte
{
    display: table-cell;	
	vertical-align: middle;
	text-align: center;
	height:40px;
	width:130px;
	font-family: 'Poppins',Arial, Verdana, sans-serif;  
	font-style: normal;
	font-weight: normal;
	font-size: 14px;	
	line-height: 40px;
	color:#3D3D3D;
	border-left: solid 2px #EB001A;
	border-right:none;
	
}

#header1Content1InnerBoxLogin
{
	width:130px;
    height:110px;
    float:right;
    visibility: visible;
    display: block;  
    margin-left:0px;
    background-color: #EB001A;
    text-align: center;
}
.header1Content1InnerBoxLoginInner
{
    display: table-cell;	
	vertical-align: middle;
	text-align: center;
	width:100px;
	height:110px;
	font-family: 'Poppins',Arial, Verdana, sans-serif;  
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color:#fff;
}



#header1TopMenu1
{
	width:auto;
	height:90px;
	z-index:0;
	margin:auto;
}
#header1TopMenu2
{
	width:40px;
	height:30px;
	z-index:0;
	margin-top:10px;
	float:left;
}

#header1Content1InnerBoxMini
{
	width:47px;
    height:47px;
    visibility: hidden;
    display: none;
    background-color: #fff;    
    float: right;
    padding-top: 37px;
    padding-right: 10px;
}
#header1TopMenu1Mini
{
	display:none;  /* On affiche pas le menu pour petit écran */
	z-index:0;
}


/*-------------------------------------------------*/
/* STRUCTURE OF FOOTER                             */
/*-------------------------------------------------*/
#footer 
{
    background-color:#3d3d3d;
  	height:auto;
	width:100%;
	float:left;
}
/* Partie Menu */
.footerMenu
{
    width : 100%;
    height:auto;
	float: left;    
	text-align: center;
	padding-top:120px;
	padding-bottom:40px;
}
.footerMenuInner
{
    width : 80%;
	margin: auto;
}

.footerMenuTitre
{
    font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:normal;
    font-weight:600;	/*bold */
	font-size       : 50px;
	line-height     : 60px;  
	color           : #fff;
	text-align      : center;
	text-decoration : none;
	padding-left    : 0px;
    padding-right   : 0px;		
	padding-top     : 0px;
	padding-bottom  : 10px;
}
.footerMenuSousTitre
{
    font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:normal;
    font-weight:400;	/*regular*/
	font-size       : 20px;
	line-height     : 30px;  
	color           : #fff;
	text-align      : center;
	text-decoration : none;
	padding-left    : 0px;
    padding-right   : 0px;		
	padding-top     : 0px;
	padding-bottom  : 10px;
}
.footerMenuBtnFull
{
  margin-top:40px;
  margin-bottom:0px;
}
.footerMenuBtn
{
	width:375px;
	height:40px;
	border: 2px solid #FFFFFF;
    border-radius: 29px;
    font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:normal;
    font-weight:500;
	font-size       : 18px;
	line-height     : 24px;  
	color           : #fff;
	text-align      : center;
	text-decoration : none;
	padding-left    : 0px;
    padding-right   : 0px;		
	padding-top     : 16px;
	padding-bottom  : 0px;
	margin: auto;
	margin-bottom:30px;
	transition: 0.5s;
}
.footerMenuBtn a
{
	color           : #fff;
}
.footerMenuBtn:hover
{
	background-color: #EB001A;
	border: 2px solid #EB001A;
	cursor: pointer;
}


/* Partie Contact Form */
.footerContactForm
{
    width : 100%;
    height:auto;
	float: left;    
	text-align: center;
	padding-top:120px;
	padding-bottom:60px;
}
.footerContactFormInner
{
    width : 80%;
	margin: auto;
}

.footerContactFormTitre
{
    font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:normal;
    font-weight:600;	/*bold */
	font-size       : 50px;
	line-height     : 60px;  
	color           : #fff;
	text-align      : center;
	text-decoration : none;
	padding-left    : 0px;
    padding-right   : 0px;		
	padding-top     : 0px;
	padding-bottom  : 10px;
}
.footerContactFormSousTitre
{
    font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:normal;
    font-weight:400;	/*regular*/
	font-size       : 20px;
	line-height     : 30px;  
	color           : #fff;
	text-align      : center;
	text-decoration : none;
	padding-left    : 0px;
    padding-right   : 0px;		
	padding-top     : 0px;
	padding-bottom  : 10px;
}
.footerContactForm_Form
{
  width:60%;
  margin: auto;
  margin-top:50px;
  margin-bottom:70px;
}
@media (max-width: 1800px) {
.footerContactForm_Form{width:70%;}
}	

.footerContactForm_Form_2Cols_Col
{
  width:50%;
  float: left;
  margin-bottom:40px;
}
.footerContactForm_Form_1Col
{
  width:100%;
  float: left;
  margin-bottom:40px;
}

.footerContactForm_Title
{
  text-align:left;
  width:100%;
  float:left;
  color:#fff;
  padding-bottom:5px;
}

.footerContactForm_Privacy
{
  width:100%;
  color:#fff;
  padding-bottom:5px;
  text-align: center;
}  

.footerContactForm_Privacy a
{
  color:#fff;
  text-decoration : none;  
}

.footerContactForm_Privacy a:hover
{
  color:#ff6f7d;
  text-decoration : none;
}

.footerContactForm_Input
{
  width:90%;
  float:left;
  font-weight:normal;
  text-align:left;  
  color:#fff;
  background-color: transparent;  
  padding:0px;
  padding-bottom:5px;
  border: none;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#fff;  
}
.footerContactForm_Input:focus 
{
    outline: none;
}    
.footerContactForm_Select 
{
  width:90%;
  float:left;
  font-weight:normal;
  text-align:left;  
  padding-left:0px;
  padding-top:0px;
  padding-bottom:5px;
  color:#fff;
  background-color: #3d3d3d;  
  border: none;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#fff; 
}
.footerContactForm_Select option
{
   font-family: Arial;
   font-style       : normal;
   font-weight      : normal;
   font-size        : 14px;
}
.footerContactForm_Button a 
{
   font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-style       : normal;
   font-weight      : 300;	
   font-size        : 16px;
   line-height      : 50px;
   display          : block;
   width            : 200px;
   text-align       : center;
   vertical-align   : middle;
   background-color :#EB001A;   
   color            : #fff;
   text-decoration  : none;
   margin:auto;
}
.footerContactForm_Button a:hover 
{
   text-decoration  : none;   
   background-color : #b70012;
   color            : #fff;   
}


/* Pour custom CheckBox */
/* The container */
.footerContactForm_CB_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
  color:#fff;
  padding-bottom:5px;
}

/* Hide the browser's default checkbox */
.footerContactForm_CB_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.footerContactForm_CB_checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
}

/* On mouse-over, add a grey background color */
.footerContactForm_CB_container:hover input ~ .footerContactForm_CB_checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.footerContactForm_CB_container input:checked ~ .footerContactForm_CB_checkmark {
  /* background-color: #2196F3; */
  
  background-color: #EB001A;
}

/* Create the checkmark/indicator (hidden when not checked) */
.footerContactForm_CB_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.footerContactForm_CB_container input:checked ~ .footerContactForm_CB_checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.footerContactForm_CB_container .footerContactForm_CB_checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Partie Infos */
.footerInfos
{
    width : 100%;
    height:auto;
	float: left;    
	text-align: center;
	padding-top:0px;
	padding-bottom:0px;

}
.footerInfosInner
{
    width : 80%;
	margin: auto;
}
.footerInfosSociete
{
    font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:normal;
    font-weight:600;
	font-size       : 20px;
	line-height     : 24px;  
	color           : #b5b5b5;
	text-align      : center;
	text-decoration : none;
	padding-left    : 0px;
    padding-right   : 0px;		
	padding-top     : 0px;
	padding-bottom  : 0px;
}

.footerInfosAdresse
{
    font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:normal;
    font-weight:400;
	font-size       : 13px;
	line-height     : 17px;  
	color           : #b5b5b5;
	text-align      : center;
	text-decoration : none;
	padding-left    : 0px;
    padding-right   : 0px;		
	padding-top     : 0px;
	padding-bottom  : 0px;
}

.footerCopyright
{
    width : 100%;
    height:auto;
	float: left;    
	text-align: center;
	padding-top:20px;
	padding-bottom:20px;
}
.footerCopyrightInner
{
    width : 80%;
	margin: auto;
}
.footerCopyrightTxt
{
    font-family: "Poppins", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:normal;
    font-weight:400;
	font-size       : 13px;
	line-height     : 17px;  
	color           : #b5b5b5;
	text-align      : center;
	text-decoration : none;
	padding-left    : 0px;
    padding-right   : 0px;		
	padding-top     : 0px;
	padding-bottom  : 0px;
}
.footerCopyrightTxt a
{
	color           : #b5b5b5;
}	
.footerCopyrightTxt a:hover
{
	color           : #939393;
}	

/*-------------------------------------------------*/
/* CLEARING                                        */
/*-------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.noclear {
	clear: none;
}