@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#FFFFFF url(../images/background-header1.jpg) repeat-x scroll center top;
}

h1 {
  color:#333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:19px;
  font-weight:bold;
  padding-bottom:0px;
  margin:0px;
}

a img {
    border:none;	
}

a{
	outline:none;
}

/*********************************************** contener ********************************************/

#contener_global {
    position:relative; 
    margin:0 auto;
	margin-top:0px;
    background-color:none;
	margin-bottom:15px;
    width:990px;
	overflow:auto;
	}


#contener {
    position:relative; 
    margin:0 auto;
	margin-top:0px;
    background-color:none;
    width:988px;
	padding-bottom:15px;
	margin-bottom:30px;
	overflow:auto;
	}
	
	
	
	
/*********************************************** menu ********************************************/
	
	




/********************************************* centre *********************************************/

#logo {
	position:absolute;
	left:14px;
	float:left;
	width:135px;
	top: 49px;
	height: 58px;
	}


#menu {
	position:absolute;
	left:8px;
	float:left;
	width:968px;
	height:58px;
	top: 0px;
	z-index:1;
	}
	
#menu2 {
	position:absolute;
	left:503px;
	float:left;
	width:461px;
	top: 18px;
	text-align:right;
	height: 15px;
	z-index:3;
	}
	
#menu3 {
	position:absolute;
	left:522px;
	float:left;
	width:445px;
	top: 97px;
	text-align:right;
	height: 15px;
	z-index:12;
	}


#div_central {
	position:relative;
	left:10px;
	float:left;
	width:700px;
	margin-top:100px;
	border-bottom: thin solid #3B5998;
	}
	
#div_central2 {
	position:relative;
	left:10px;
	float:left;
	width:958px;
	margin-top:20px;
	border-bottom: thin solid #3B5998;
	}
	
#div_central3 {
	position:relative;
	left:8px;
	float:left;
	width:945px;
	padding:12px;
	margin-top:80px;
	border-bottom: thin solid #3B5998;
	background-color:#f7f7f7;
	}
	
#menu-gauche {
	position:relative;
	left:10px;
	float:left;
	width:230px;
	height:300px;
	margin-top:100px;
	margin-right:30px;
	border-right: thin solid #3B5998;
	}
	
#menu-gauche2 {
	position:relative;
	left:10px;
	float:left;
	width:830px;
	height:40px;
	margin-top:50px;
	margin-right:30px;
	border-bottom: thin solid #3B5998;
	}
	
.image_position {
	margin-bottom:-13px;
	width:40px;
	height:40px;
	}
	



/********************************************* footer *********************************************/

#div_footer {
	position:relative;
	left:27px;
	float:left;
	width:850px;
	text-align:center;
	margin-bottom:40px;
	margin-top:30px;
	}



	
/********************************************* style des textes *********************************************/

.texte_noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

.texte_noir_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.textebleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3B5998;
	text-decoration: none;
}

.textenoir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.textevert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5F7B1D;
}

.textevert2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #5F7B1D;
}


.titrecategorie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3B5998;
	text-decoration: none;
}

.titrecategorie2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #3B5998;
	text-decoration: none;
}


.textebleu3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #3B5998;
}

.texterouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}

.texterouge2 {
	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}

.texte_gris {
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}

.titre_gris3 {
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration:none;
}

.titre_blanc3 {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration:none;
}

.titre_noir3 {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration:none;
}


/********************************************* liens *********************************************/



.lienbleu:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:none;
}
.lienbleu:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:none;
}
.lienbleu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:none;
}
.lienbleu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#000000;
	text-decoration:underline;
}


.lien4:active, .lien4:link, .lien4:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#FF0000;
	text-decoration:none;
}
.lien4:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#999999;
	text-decoration:underline;
}

.lienbleu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:none;
	cursor:pointer;
}
.lienbleu2:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:none;
}
.lienbleu2:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:none;
}
.lienbleu2:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:none;
}
.lienbleu2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#000000;
	text-decoration:underline;
}

.lienbleu3:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:none;
}
.lienbleu3:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:none;
}
.lienbleu3:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:none;
}
.lienbleu3:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#000000;
	text-decoration:underline;
}

.lienbleu4:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:underline;
}
.lienbleu4:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:underline;
}
.lienbleu4:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:underline;
}
.lienbleu4:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#000000;
	text-decoration:underline;
}

.lienblanc:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.lienblanc:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.lienblanc:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.lienblanc:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#000000;
	text-decoration:underline;
}


.liennoir:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#000000;
	text-decoration:bold;
}
.liennoir:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#000000;;
	text-decoration:none;
}
.liennoir:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
}
.liennoir:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#000000;
	text-decoration:underline;
}



.liennoirsmall:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color:#000000;
	text-decoration:none;
}
.liennoirsmall:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color:#000000;
	text-decoration:none;
}
.liennoirsmall:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color:#000000;
	text-decoration:none;
}
.liennoirsmall:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color:#000000;
	text-decoration:none;
}


.titrevert {
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration:none;
	text-decoration:underline;
}
.titrevert:active {
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration:none;
	text-decoration:underline;
}
.titrevert:link {
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration:none;
	text-decoration:underline;
}
.titrevert:visited {
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration:none;
	text-decoration:underline;
}
.titrevert:hover {
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration:underline;
}


.lienbleuclair:active {
	color: #9CB3D5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
.lienbleuclair:link {
	color: #9CB3D5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
.lienbleuclair:visited {
	color: #9CB3D5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
.lienbleuclair:hover {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:underline;
}

#titre_code_shop {
	color:#c77f0d; 
	font-size:18px; 
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	left:7px;
	background:url(../images/etoile_jaune_big.png) left no-repeat;
	padding-left:25px;
}

#code_shop {
	 background:#e9f6d4; 
	 width:800px; 
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 border-bottom:thin solid #C3DBEC;
	 border-top:thin solid #C3DBEC;
	 margin-bottom:5px;
	 position:relative;
	 left:7px;
}
#code_shop p{
	 width:350px; 
	 padding:5px 15px; 
	 margin:0;
	 font-size:14px;
	 font-weight:bold;
}
#code_shop textarea{
	width:100%; 
	font-size:10px; 
	background:#e9f6d4;
	border:1px solid #000; 
	padding:2px;
	margin:5px 0;
}
.exemple_code {
	padding-left:25px;
	background:url(../images/small_fleche.png) left no-repeat;
	margin: 5px 0;
}

.lienblanc2:active, .lienblanc2:link, .lienblanc2:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
.lienblanc2:hover {
	font-family: Arial, Helvetica, sans-serif;
	color:#28A6E5;
	text-decoration: underline;
}