body{
	font: 12px Arial, Helvetica, sans-serif;
	/** couleur fond du site*/
	background: #F5F6CE;/** #FFFFFF;*/
	line-height: 18px;
	height : 100%;
		
}

/** HEADER */

#header {
	
	overflow: hidden;
	height: 300px;
	width:100%;
	background: url(images/fond_logo.jpg) no-repeat center top #FFFFFF ; 
}

#headerboutique {
	
	overflow: hidden;
	height: 300px;
	width:100%;
	background: url(images/fond_logo2.jpg) no-repeat center top #FFFFFF ; 
}

/** LOGO */

#logo {
	height: 150px;
	padding: 160px 0px 0px 0px; /** permet de descendre le texte dans le logo */
	display : table; /** les 2 lignes servent à centrer le texte du logo*/
margin : 0 auto;
white-space: nowrap;/** interdit au texte le retour a la ligne si la fenetre est trop petite*/	
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
}

#logo h1 {
	letter-spacing: -1px;
	text-transform: uppercase;
	font-size: 5em;
}

#logo p {
	margin-top: -20px;
	padding: 0px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 2em;
	color: #000000;
}

#logo p a {
	color: #000000;
	
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #054175;
}



/** PAGE */

#page { 
 
	overflow: hidden;
	padding: 20px 0px 20px 0px;    /** le premier chiffre donne le déport de la page vers le bas */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100;
	width: 1200px;
	margin: 0px auto;

	
}	
/** COLONNE GAUCHE */

#colonne1 {

	float: left;
	width: 250px;
	margin-right: 25px;
	margin-left : 25px;

	}
#colonne1 a{
	text-decoration: none; /** permet d'enlever le souligné des liens*/
	color : #FFFFFF;   /** couleur des texte*/
}
	
#colonne1 h2{
font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	}

#colonne1 #box1 {   /** permet de créer l'interieur de colonne pour ecrire position ... */
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
background:#A4A4A4;/** couleur du fond des paragraphes */
}



	
/* List style 1 */  /** style qui sert pour les colonnes*/

ul.style1 {
	margin: 0px;
	padding: 10px 0px 0px 0px; /** permet de décaler le texte du titre*/
	list-style: none;
	color : #000000;	
}

	
ul.style1 li {
	padding: 4px 0px 0px 0px;
}

/** STYLE des BOUTON */   /** permet de dessinner comme un bouton cliquable*/
.style3 {
	display: inline-block;
	margin-top: 20px;
	padding: 7px 20px;
	background: #5858FA; /** couleur du bouton*/
	border-radius: 5px;
	text-decoration: none;
	text-transform: uppercase;
	}
.style2 {
	display: inline-block;
	margin-top: 20px;
	padding: 7px 20px;
	background: #DC143C; /** couleur du bouton*/
	border-radius: 5px;
	text-decoration: none;
	text-transform: uppercase;
	}

.style4 {
	display: inline-block;
	margin-top: 20px;
	padding: 7px 20px;
	background: #73C2FB; /** couleur du bouton bleu maya*/
	border-radius: 5px;
	text-decoration: none;
	text-transform: uppercase;
	}
/** CONTENT */

#content {
background: white; /** couleur du fond du milieu de la page*/
	float: left;
	width: 570px;
	padding-right: 15px;
	padding-left: 15px;
}
#content h2 {/** defini le titre dans le coprs de texte au milieu*/
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 30px;
		text-align: center; /**permet de centrer les texte h2*/
}	
/** liens verticaux */
#liens_verticaux a {
	color: #960000;
  text-decoration: underline;
}
#liens_verticaux a:hover {
  text-decoration: none;
  color: #04B404;
  background: #FFFFFF;
}