/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 10
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */
body {
	color: #707072;
	background: #FFFFFF;
}
a {
	color:#FF0000;
}
a:hover, a:focus {
	color: #FF0000;
}
strong {

}

*:focus {
  outline: 1px solid red;
}

/* Conteneur central */
#centre {
	background: url(img/10-colonnes.png) repeat-y;
}

/* Navigation */
#col_gauche {

}


/* Contenu principal */
#principal {

}
#principal a {

}
#principal a:hover, #principal a:focus {

}
#principal strong {

}

/* Contenu secondaire */
#secondaire {

}



/* --- POSITIONNEMENT --- */

/* Page */
body {
margin:0;
padding:0;
}
#global {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/* En-tête */
#entete {
background:url(../images/header.jpg) 0 0 no-repeat;
width:1000px;
height:82px;
padding-top:94px;
}
#retour_accueil{
position:absolute;
display:block;
height:100px;
width:120px;
top:0px;
}
#liens_haut{
position:absolute;
display:block;
margin-left:785px;
top:77px;
}
#liens_haut a{
text-decoration:none;
color:#707072;
}
#liens_haut a:hover{
text-decoration:none;
color:#CC0000;
}
#recherche {
position:absolute;
width:248px;
height:22px;
top:104px;
margin-left:728px;
display:block;
background:url(../images/fond_recherche.jpg) 0 0 no-repeat;}
#recherche input {
width:205px;
background-color:#F1F1F1;
border:none;
margin-top:1px;
margin-left:5px;}
input#OK{
width:20px;
margin-left:15px;
background:none;
cursor:pointer;}

/* Bloc central */
#centre {
	width: 100%;
	overflow: hidden;
}

/* Colonne gauche accueil */
#chemin {
float:left;
margin-bottom:10px;}
#chemin a{
color:#666666;
text-decoration:none;
}
#chemin a:hover{
color:#FF0000;
}
#col_gauche {
	float: left;
	width: 232px;
	padding-left:20px;
	margin-top:17px;
}

#encart_iphone{
float:left;
background:url(../images/fond_encart_iphone.jpg) 0 0 no-repeat;
width:214px;
height:100px;
}

#encart_partenaire{
float:left;
background:url(../images/fond_encart_partenaire.jpg) 0 0 no-repeat;
width:214px;
height:120px;
}

#encart_liens{
float:left;
background:url(../images/fond_encart_liens.jpg) 0 0 no-repeat;
width:214px;
height:93px;
}
#encart_liens a{
font-weight:bold;
text-decoration:none;
color:#707072;
}
#encart_liens a:hover{
text-decoration:underline;
color:#707072;
}
#lien_ecrire{
float:left;
margin-top:20px;
padding-left:82px;
}
#lien_questions{
float:left;
margin-top:22px;
padding-left:82px;
}
.encart_ssmenu{
float:left;
width:176px;
padding-left:38px;
}

.fond_ssmenu_particuliers{
background:url(../images/fond_encart_particuliers_haut.gif) 0 0 no-repeat;
}
.fond_ssmenu_entreprises{
background:url(../images/fond_encart_entreprises_haut.gif) 0 0 no-repeat;
}
.fond_ssmenu_qui_sommes{
background:url(../images/fond_encart_qui_sommes_haut.gif) 0 0 no-repeat;
}
.fond_ssmenu_gerer_mon_colis{
background:url(../images/fond_encart_gerer_mon_colis_haut.gif) 0 0 no-repeat;
}
.fond_ssmenu_nous_contacter{
background:url(../images/fond_encart_nous_contacter_haut.gif) 0 0 no-repeat;
}
.encart_ssmenu .liens{
float:left;
width:154px;
margin-left:0px;
margin-top:12px;
border-bottom:1px dashed #CCC;
padding-bottom:5px;
}
.encart_ssmenu .ss_liens{
float:left;
width:154px;
margin-left:3px;
margin-top:0px;
padding-bottom:0px;
}
.encart_ssmenu .ss_liens a{
font-weight:normal;
background-image:none;
}
.encart_ssmenu .ss_liens a:hover{
font-weight:normal;
background-image:none;
}
.encart_ssmenu .ss_liens a#ssmenuactif{
font-weight:normal;
background-image:none;
}

.encart_ssmenu .liens_actu{
float:left;
width:154px;
margin-left:0px;
margin-top:8px;
padding-bottom:1px;
}
.encart_ssmenu a{
padding-left:10px;
font-weight:bold;
text-decoration:none;
color:#707072;
background:url(../images/puce_menu_off.gif) 0 4px no-repeat;
}
.encart_ssmenu a:hover{
padding-left:10px;
text-decoration:underline;
background:url(../images/puce_menu_off.gif) 0 4px no-repeat;
}
.encart_ssmenu a#ssmenuactif{
padding-left:10px;
color:#FF0000;
background:url(../images/puce_menu_on.gif) 0 4px no-repeat;
}

.encart_ssmenu .liens_actu a{
font-weight:normal;
}

.bas_encart_ssmenu{
float:left;
width:214px;
height:275px;
margin-bottom:10px;
}
.actualites{
background:url(../images/fond_encart_actualites.jpg) 0 0 no-repeat;
}
.particuliers{
background:url(../images/fond_encart_particuliers.jpg) 0 0 no-repeat;
}
.entreprises{
background:url(../images/fond_encart_entreprises.jpg) 0 0 no-repeat;
}
.qui_sommes{
background:url(../images/fond_encart_qui_sommes.jpg) 0 0 no-repeat;
}
.gerer_colis{
background:url(../images/fond_encart_gerer_colis.jpg) 0 0 no-repeat;
}
.nous_contacter{
background:url(../images/fond_encart_nous_contacter.jpg) 0 0 no-repeat;
}
.nous_contacter_presse{
background:url(../images/fond_encart_nous_contacter_presse.jpg) 0 0 no-repeat;
}


#encart_gerer_colis{
display:block;
background:url(../images/fond_encart_gerer_colis_accueil.jpg) 0 0 no-repeat;
width:214px;
height:360px;
margin-bottom:18px;
}

#encart_gerer_colis div.texte{
float:left;
margin-top:22px;
margin-left:10px;
color:#FFFFFF;
padding-right:10px;
font-weight:bold;
margin-bottom:155px;
font-size:12px;
}

#encart_gerer_colis div.liens{
float:left;
width:176px;
padding-left:38px;
margin-bottom:18px;
}
#encart_gerer_colis a{
font-weight:bold;
text-decoration:none;
color:#707072;
}
#encart_gerer_colis a:hover{
text-decoration:underline;
color:#707072;
}

/* Colonne gauche suite */
#col_gauche_suite {
	float: left;
	width: 254px;
	padding-left:27px;
	margin-top:17px;
}


/* Contenu principal */
#principal {
margin-top:17px;
	float: left;
	width: 747px;
}
#principal_suite {
margin-top:17px;
	float: left;
	width: 412px;
}
#encart_trouver_suivre_colis{
	/*background:url(../images/encart_trouver_suivre_colis.jpg) 0 0 no-repeat;*/
width:746px;
	height:177px;
}
#encart_trouver_suivre_colis li{
list-style:none;
background:url(../images/puce_blanche.png) 0 3px no-repeat;
margin: 0;
padding-left: 10px;
color:#FFFFFF;
}
#contenu{
float:left;
width:340px;}
#contenu_suite{
float:left;
width:412px;
text-align:justify;
}
.contenu_suite{
text-align:justify;
font-size:11px;}
#contenu_suite li{
list-style:none;
background:url(../images/puce_verte.jpg) 0 3px no-repeat;
	margin: 0;
	padding-left: 14px;}
#contenu_suite li li{
margin: 0;
	padding-left: 10px;	
	background:url(../images/puce_menu_off.gif) 0 4px no-repeat;
}
#encart_actu{
margin-top:20px;
float:right;
background:url(../images/encart_actu.jpg) 0 0 no-repeat;
width:335px;
height:263px;
padding-top:30px;
padding-left:20px;
padding-right:20px;
}

#encart_actu a{
text-decoration:none;
font-size:10px;
color:#707072;
}
#encart_actu a:hover{
text-decoration:underline;
}

/* Contenu secondaire */
#secondaire {
	margin-top:52px;
	margin-left: 737px;
	margin-right: 20px;
	padding:0;
}

/* Pied de page */
#pied {
background:url(../images/fond_pied.jpg) 0 0 no-repeat;
width:1000px;
height:124px;
padding-top:35px;
}
#menu_pied{
font-size:12px;
display:block;
width:850px;
margin-left:0px;
}
#menu_pied a{
font-size:10px;
color:#2D92CA;
text-decoration:none;
}
#menu_pied a:hover{
color:#2D92CA;
text-decoration:underline;
}
#menu_pied li {
list-style:none;
background:url(../images/puce_bleu.gif) 0 6px no-repeat;
	margin: 0;
	padding-left: 10px;
}


/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;
}
/* Formulaire */
#formulaire_contact input, #formulaire_contact textarea{
border:1px solid #999999;
width:250px;
}

/* ==============================================
   MENU PRINCIPAL
   ============================================== */
/*Menu Haut*/
#navigation{
display:block;
background:url(../images/menu_haut.jpg) 0 0 no-repeat;
width:873px;
height:47px;
padding-top:36px;
padding-left:127px;

}
* html #navigation{
padding-top:35px;
}

#nav {}

/* the styling */
#nav {width:860px; height:32px; position:relative;}

#nav .select, #nav .current {margin:0; padding:0; list-style:none;}

#nav li {display:inline; margin:0; padding:0; height:auto;}

#nav .select a,
#nav .current a {display:block; height:32px; float:left; padding-left:13px; text-decoration:none; font-size:12px; line-height:20px; white-space:nowrap; color:#fff;margin-right:0px;}
* html #nav .select a, * html #nav .current a {width:1px; height:21px;}

#nav .select a.actif { background:url(../images/bouton_left_on.gif) 0 0 no-repeat; cursor:pointer; color:#2D92CA; margin-left:0px; height:20px;}
#nav .select a.actif span{ background:url(../images/bouton_right_on.gif) 100% 0 no-repeat #EFEFEF; display:block; padding-right:13px;height:20px;}

#nav .select a:hover, 

#nav .select li:hover a {background:url(../images/bouton_left_on.gif) 0 0 no-repeat; cursor:pointer; color:#2D92CA; margin-left:0px;}

#nav .select a span{ display:block; padding-right:13px; height:32px;}

#nav .select li:hover a span{ background:url(../images/bouton_right_on.gif) 100% 0 no-repeat #EFEFEF; display:block; padding-right:13px;}

* html #nav .select a:hover span{ background:url(../images/bouton_right_on.gif) 100% 0 no-repeat #EFEFEF; display:block; padding-right:13px;}


#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}

#nav .current a {background:#666; color:#ff0;}


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:url(../images/puce_menu_on.gif) 6px 8px no-repeat; color:#FD0003;}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:#666; color:#ff0;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:860px; top:20px; left:0; background:url(../images/menu_droit.gif) 0 0 no-repeat; margin-top:0; padding:0; z-index:0; color:#fff; font-size:11px; height:24px;}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}

#nav .sub_active {display:block; position:absolute; width:860px; top:20px; left:0; background:#666; margin-top:0; padding:0; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {height:21px; text-decoration:none; line-height:20px; white-space:nowrap; display:block; float:left; background:#666;  margin:0; font-size:12px; white-space:nowrap; border:0; color:#fff;}

#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block; background:url(../images/puce_menu_off.gif) 6px 8px no-repeat; margin:0; white-space:nowrap; border:0; color:#666666; font-size:12px;}

.slideshow { height: 186px; width: 51px; margin: 10px 0px 0px 10px; }
.slideshow img { border: 1px solid #fff; background-color: #fff; }

#twitter {
	position:absolute;	
	top: 10px;
	margin-left:800px;
	
}

.SolutionGratuite {
	font-size:18px;
	color:#2B93CA;	
}