/*	LISTE DES COULEURS PRINCIPALES 	*/
/*	--------------------------------------------------------------------------------------------------	*/
/*	orange    	     	--->>   color : #fea000; 	*/
/*	bleu   	         	--->>   color : #10d2ff; 	*/
/*	gris clair    		--->>   color : #d5d5d5; 	*/
/*	gris foncé	     	--->>   color : #888887; 	*/


/* 	DECLARATIONS PRINCIPALES 	*/
/*	--------------------------------------------------------------------------------------------------	*/
/* police de caractères */
* {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

/* corps de la page */
body {
	margin: 0px;
	padding: 0px;
	background: url(../img/motif_bg.png);
}

/* images */
img {border-style:none;}

/* liens */
a:link, a:visited, a:hover, a:active {border: none;}

/* éléments de menu */
ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


/* 	CONTENEUR PRINCIPAL 	*/
/*	--------------------------------------------------------------------------------------------------	*/
#conteneur {
	width: 809px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

/* 	HEADER 	*/
/*	--------------------------------------------------------------------------------------------------	*/
#conteneur #header {
	background: url(../img/header_2.png) no-repeat;
	width: 809px;
	height: 181px;
}

/* Titre du module d'actualités */
#conteneur #header .invisible {
	font-size: 14px;
	color: #fff;
	display: none;
}

/* 	LOGO POUR RETOURNER VERS L'ACCUEIL 	*/
#conteneur #header .logo {
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	width: 240px;
	height: 84px;
}

/* 	MENU HORIZONTAL 	*/
/*	--------------------------------------------------------------------------------------------------	*/
#conteneur #menu {
	position: relative;
	float: left;
	width: 809px;
	margin-left: auto;
	margin-right: auto;
	margin-left: 4px;
}

#conteneur #menu #menuDeroulant{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

/* 1er niveau du menu : netbel */
#conteneur #menu #menuDeroulant .netbel {
	float: left;
	width: 84px;
	height: 33px;
}

/* catégorie principale : netbel */
#conteneur #menu #menuDeroulant .netbel .btn_netbel {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	display: block;
	height: 33px;
	width: 84px;
	background: url(../img/btn_netbel.png) no-repeat;
}

/* rollover de la catégorie netbel */
#conteneur #menu #menuDeroulant .netbel .btn_netbel:hover {
	background: url(../img/btn_netbel_over.png) no-repeat;
}

/* Affichage du sous menu en rollover sur le l'élément du menu */
#conteneur #menu #menuDeroulant .netbel:hover > .sousMenu {display: block;}

/* invisibilité du texte netbel */
#conteneur #menu #menuDeroulant .netbel .btn_netbel .invisible {display: none;}

/* 1er niveau du menu : conseils */
#conteneur #menu #menuDeroulant .conseils {
	float: left;
	width: 102px;
	height: 33px;
}

/* catégorie principale : conseils */
#conteneur #menu #menuDeroulant .conseils .btn_conseils {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	display: block;
	height: 33px;
	width: 102px;
	background: url(../img/btn_conseils.png) no-repeat;
}

/* rollover de la catégorie conseils */
#conteneur #menu #menuDeroulant .conseils .btn_conseils:hover {
	background: url(../img/btn_conseils_over.png) no-repeat;
}

/* Affichage du sous menu en rollover sur le l'élément du menu */
#conteneur #menu #menuDeroulant .conseils:hover > .sousMenu {display: block;}

/* invisibilité du texte conseils */
#conteneur #menu #menuDeroulant .conseils .btn_conseils .invisible {display: none;}
	

/* 1er niveau du menu : assistances */
#conteneur #menu #menuDeroulant .assistances {
	float: left;
	width: 129px;
	height: 33px;
}

/* catégorie principale : assistances */
#conteneur #menu #menuDeroulant .assistances .btn_assistances {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	display: block;
	height: 33px;
	width: 129px;
	background: url(../img/btn_assistances.png) no-repeat;
}

/* rollover de la catégorie assistances */
#conteneur #menu #menuDeroulant .assistances .btn_assistances:hover {
	background: url(../img/btn_assistances_over.png) no-repeat;
}

/* Affichage du sous menu en rollover sur le l'élément du menu */
#conteneur #menu #menuDeroulant .assistances:hover > .sousMenu {display: block;}

/* invisibilité du texte assistances */
#conteneur #menu #menuDeroulant .assistances .btn_assistances .invisible {display: none;}

/* 1er niveau du menu : depannages */
#conteneur #menu #menuDeroulant .depannages {
	float: left;
	width: 132px;
	height: 33px;
}

/* catégorie principale : depannages */
#conteneur #menu #menuDeroulant .depannages .btn_depannages {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	display: block;
	height: 33px;
	width: 132px;
	background: url(../img/btn_depannages.png) no-repeat;
}

/* rollover de la catégorie depannages*/
#conteneur #menu #menuDeroulant .depannages .btn_depannages:hover {
	background: url(../img/btn_depannages_over.png) no-repeat;
}

/* Affichage du sous menu en rollover sur le l'élément du menu */
#conteneur #menu #menuDeroulant .depannages:hover > .sousMenu {display: block;}

/* invisibilité du texte depannages */
#conteneur #menu #menuDeroulant .depannages .btn_depannages .invisible {display: none;}

/* 1er niveau du menu : formations */
#conteneur #menu #menuDeroulant .formations {
	float: left;
	width: 117px;
	height: 33px;
}

/* catégorie principale : formations*/
#conteneur #menu #menuDeroulant .formations .btn_formations {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	display: block;
	height: 33px;
	width: 117px;
	background: url(../img/btn_formations.png) no-repeat;
}

/* rollover de la catégorie formations */
#conteneur #menu #menuDeroulant .formations .btn_formations:hover {
	background: url(../img/btn_formations_over.png) no-repeat;
}

/* Affichage du sous menu en rollover sur le l'élément du menu */
#conteneur #menu #menuDeroulant .formations:hover > .sousMenu {display: block;}

/* invisibilité du texte formations */
#conteneur #menu #menuDeroulant .formations .btn_formations .invisible {display: none;}

/* 1er niveau du menu : sites */
#conteneur #menu #menuDeroulant .sites {
	float: left;
	width: 141px;
	height: 33px;
}

/* catégorie principale : sites*/
#conteneur #menu #menuDeroulant .sites .btn_sites {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	display: block;
	height: 33px;
	width: 141px;
	background: url(../img/btn_sites.png) no-repeat;
}

/* rollover de la catégorie sites */
#conteneur #menu #menuDeroulant .sites .btn_sites:hover {
	background: url(../img/btn_sites_over.png) no-repeat;
}

/* Affichage du sous menu en rollover sur le l'élément du menu */
#conteneur #menu #menuDeroulant .sites:hover > .sousMenu {display: block;}

/* invisibilité du texte sites */
#conteneur #menu #menuDeroulant .sites .btn_sites .invisible {display: none;}


/* 1er niveau du menu : contact */
#conteneur #menu #menuDeroulant .contact {
	float: left;
	width: 96px;
	height: 33px;
}

/* catégorie principale : contact*/
#conteneur #menu #menuDeroulant .contact .btn_contact {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	display: block;
	height: 33px;
	width: 96px;
	background: url(../img/btn_contact.png) no-repeat;
}

/* rollover de la catégorie contact */
#conteneur #menu #menuDeroulant .contact .btn_contact:hover {
	background: url(../img/btn_contact_over.png) no-repeat;
}

/* Affichage du sous menu en rollover sur le l'élément du menu */
#conteneur #menu #menuDeroulant .contact:hover > .sousMenu {display: block;}

/* invisibilité du texte contact */
#conteneur #menu #menuDeroulant .contact .btn_contact .invisible {display: none;}

/* bloc des sous menus */
#conteneur #menu #menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	margin-top: -6px;
	padding: 0;
	border: 0;
}

/* éléments du sous menu */
#conteneur #menu #menuDeroulant .sousMenu li {
	text-align: center;
	background: #e8e8e8;
	height: 22px;
	padding-top: 3px;
	border-bottom: 1px solid #fff;
}

/* liens des sous menus */
#conteneur #menu #menuDeroulant .sousMenu li a {
	color: #222222;
	font-size: 12px;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}

/* rollover des liens des sous menus */
#conteneur #menu #menuDeroulant .sousMenu li a:hover {
	background: #888887;
	color: #fff;
}


/* 	BLOC DU CONTENU GENERAL DU SITE 	*/
/*	--------------------------------------------------------------------------------------------------	*/
#conteneur #middle_conteneur {
	float: left;
	position: absolute;
	width: 809px;
}

/*	BLOC SECONDAIRE	*/
/*	--------------------------------------------------------------------------------------------------	*/
#conteneur #middle_conteneur #bloc {
	float: left;
	background: url(../img/bg_conteneur.png);
	width: 809px;
}


/*	BLOC DE GAUCHE POUR LE CONTENU PRINCIPAL	*/
/*	--------------------------------------------------------------------------------------------------	*/
#conteneur #middle_conteneur #bloc #contenu {
	float: left;
	z-index: 1;
	margin-left: 15px;
	margin-top: 45px;
	width: 605px;
	margin-bottom: 10px;
}
/*Bouton Réseaux Sociaux*/
#conteneur #middle_conteneur #bloc #reseaux_sociaux{
	position: absolute;
	top: 70px;
	right: 200px;
	
}

/* Bloc titre de la page */
#conteneur #middle_conteneur #bloc #contenu #titre_page {
	width: 240px;
	height: 39px;
	margin-left: 15px;
	margin-top: 15px; 
	background: url(../img/title_rubrik.png) no-repeat;
}

/* Texte du bloc titre */
#conteneur #middle_conteneur #bloc #contenu #titre_page .titre_rub {
	float: left;
	width: 190px;
	margin-left: 41px;
	margin-top: 4px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

/* Liens du bloc titre */
#conteneur #middle_conteneur #bloc #contenu #titre_page .titre_rub:link {color: #10d2ff; text-decoration: none;}
#conteneur #middle_conteneur #bloc #contenu #titre_page .titre_rub:visited {color: #10d2ff; text-decoration: none;}
#conteneur #middle_conteneur #bloc #contenu #titre_page .titre_rub:hover {color: #fff; text-decoration: none;}
#conteneur #middle_conteneur #bloc #contenu #titre_page .titre_rub:active {color: #fff; text-decoration: none;}


/*	PARAGRAPHE NORMAL PRINCIPAL	*/
/*	--------------------------------------------------------------------------------------------------	*/
/* Bloc du paragraphe de la page */
#conteneur #middle_conteneur #bloc #contenu .paragraphe {
	margin: 10px;
	font-size: 13px;
	color: #888887;
	text-align: justify;
}

/* Images de la pub du paragraphe de la page */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #pub {
	float: right;
	margin-left: 9px;
	width: 200px;
	height: 200px;
	margin-top: 0px;
}

/* Sous titre du bloc de texte */
#conteneur #middle_conteneur #bloc #contenu .paragraphe h3 {
	font-size: 18px;
	color: #10d2ff;
	margin-bottom: -10px;
}

/* Liens du bloc Produit de la page */
#conteneur #middle_conteneur #bloc #contenu .paragraphe a:link {font-weight: bold; color: #fea000; text-decoration: none;}
#conteneur #middle_conteneur #bloc #contenu .paragraphe a:visited {font-weight: bold; color: #fea000; text-decoration: none;}
#conteneur #middle_conteneur #bloc #contenu .paragraphe a:hover {font-weight: bold; color: #fea000; text-decoration: underline;}
#conteneur #middle_conteneur #bloc #contenu .paragraphe a:active {font-weight: bold; color: #fea000; text-decoration: underline;}

/* Liste des caractéristiques de l'entreprise */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .listeCaracteristiques {
	float: right;
	margin-top: -85px;
	margin-right: 100px;
}

/* Liste générale des différents blocs de texte */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .liste {
	margin-left: 40px;
	list-style-image: url(../img/puce_liste.png);
}

/* Liens des sites exemples alignés au milieu du bloc de texte */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .document {
	margin-left: 200px;
}

/* Liens des sites exemples alignés au milieu du bloc de texte */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .document img {
	vertical-align: middle;
	margin-right: 10px;
}

/* Liens des sites exemples alignés au milieu du bloc de texte */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .bann {
	float: right;
	margin-top: 0px;
	padding: 8px;
	border: 1px solid #888887;
}


/*	FORMULAIRE DE CONTACT	*/
/*	--------------------------------------------------------------------------------------------------	*/
/*Formulaire de contact de netbel */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form {
	margin-top: 0px;
	padding: 8px;
	border: 1px solid #d5d5d5;
}

/* Champ texte ERREUR du formulaire de contact */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form .champtext0 {
	height: 18px;
	border: none;
	background-color: white;
	color: red;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	margin-left: 87px;
	margin-bottom: 3px;
}

/* Champ texte RAISON SOCIALE du formulaire de contact */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form .champtext1 {
	height: 18px;
	border: 1px solid #d5d5d5;
	vertical-align: top;
	margin-left: 60px;
	margin-bottom: 3px;
}

/* Champ texte ACTIVITE du formulaire de contact */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form .champtext2 {
	height: 18px;
	border: 1px solid #d5d5d5;
	vertical-align: top;
	margin-left: 36px;
	margin-bottom: 3px;
}

/* Champ texte PRENOM du formulaire de contact */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form .champtext3 {
	height: 18px;
	border: 1px solid #d5d5d5;
	vertical-align: top;
	margin-left: 49px;
	margin-bottom: 3px;
}

/* Champ texte NOM du formulaire de contact */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form .champtext4 {
	height: 18px;
	border: 1px solid #d5d5d5;
	vertical-align: top;
	margin-left: 70px;
	margin-bottom: 3px;
}

/* Champ texte FONCTION du formulaire de contact */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form .champtext5 {
	height: 18px;
	border: 1px solid #d5d5d5;
	vertical-align: top;
	margin-left: 60px;
	margin-bottom: 3px;
}

/* Champ texte ADRESSE du formulaire de contact */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form .champtext6 {
	height: 18px;
	border: 1px solid #d5d5d5;
	vertical-align: top;
	margin-left: 97px;
	margin-bottom: 3px;
}

/* Champ texte CODE POSTAL du formulaire de contact */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form .champtext7 {
	height: 18px;
	border: 1px solid #d5d5d5;
	vertical-align: top;
	margin-left: 75px;
	margin-bottom: 3px;
}

/* Champ texte VILLE du formulaire de contact */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form .champtext8 {
	height: 18px;
	border: 1px solid #d5d5d5;
	vertical-align: top;
	margin-left: 119px;
	margin-bottom: 3px;
}

/* Champ texte TELEPHONE du formulaire de contact */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form .champtext9 {
	height: 18px;
	border: 1px solid #d5d5d5;
	vertical-align: top;
	margin-left: 83px;
	margin-bottom: 3px;
}

/* Champ texte EMAIL du formulaire de contact */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form .champtext10 {
	height: 18px;
	border: 1px solid #d5d5d5;
	vertical-align: top;
	margin-left: 58px;
	margin-bottom: 3px;
}

/* Champ texte AUTRE du formulaire de contact */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form .champtext11 {
	height: 18px;
	border: 1px solid #d5d5d5;
	vertical-align: top;
	margin-left: 37px;
	margin-bottom: 3px;
}

/* Champ textarea du formulaire de contact */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form .champtext12 {
	border: 1px solid #d5d5d5;
	margin-left: 87px;
	margin-top: 5px;
}

/* Champ textarea du formulaire de contact */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form .bouton {
	margin-left: 140px;
	font-size: 12px;
}

/* Checkbox du formulaire de contact */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form .checkbox {
	height: 18px;
	border: 1px solid #d5d5d5;
	vertical-align: top;
	margin-left: 58px;
	vertical-align: middle;
}

/* Champ radio M. du formulaire de contact */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form .radio1 {
	height: 18px;
	vertical-align: top;
	margin-left: 90px;
	margin-bottom: 3px;
	margin-top: 1px;
}

/* Champ radio Mme du formulaire de contact */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form .radio2 {
	height: 18px;
	vertical-align: top;
	margin-left: 50px;
	margin-bottom: 3px;
	margin-top: 1px;
}

/* Champ radio Mlle du formulaire de contact */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .form .radio3 {
	height: 18px;
	vertical-align: top;
	margin-left: 50px;
	margin-bottom: 3px;
	margin-top: 1px;
}

/* Bloc Produit de la page Produit */
#conteneur #middle_conteneur #bloc #contenu .produit2 {
	margin: 10px;
	font-size: 13px;
	color: #888887;
	text-align: justify;
}

/* Liens des sites exemples alignés au milieu du bloc de texte */
#conteneur #middle_conteneur #bloc #contenu .produit2 .link_ex {
	margin-left: 120px;
}

/* Liens du bloc Produit de la page */
#conteneur #middle_conteneur #bloc #contenu .produit2 a:link {font-weight: bold; background-color: #fea000; color: #fff; text-decoration: none;}
#conteneur #middle_conteneur #bloc #contenu .produit2 a:visited {font-weight: bold; background-color: #fea000; color: #fff; text-decoration: none;}
#conteneur #middle_conteneur #bloc #contenu .produit2 a:hover {font-weight: bold; background-color: #10d2ff; color: #fff; text-decoration: none;}
#conteneur #middle_conteneur #bloc #contenu .produit2 a:active {font-weight: bold; background-color: #10d2ff; color: #fff; text-decoration: none;}

/* Sous titre du bloc de texte */
#conteneur #middle_conteneur #bloc #contenu .produit2 h3 {
	font-size: 18px;
	color: #10d2ff;
	margin-bottom: -10px;
}

/* Images des boites du paragraphe de la page */
#conteneur #middle_conteneur #bloc #contenu .produit2 img {
	float: right;
	margin-left: 5px;
}

/* Bloc Produit de la page */
#conteneur #middle_conteneur #bloc #contenu .produit {
	margin: 10px;
	font-size: 13px;
	color: #888887;
	float: left;
	width: 281px;
	height : 250px;
	text-align: justify;
	margin-bottom: 20px;
}

/* Titre du bloc Produit de la page */
#conteneur #middle_conteneur #bloc #contenu .produit h2 {
	margin: 10px;
	font-size: 14px;
	color: #10d2ff;
	font-weight: bold;
	white-space : nowrap;
}

/* Liens du bloc Produit de la page */
#conteneur #middle_conteneur #bloc #contenu .produit a {

	margin-left: 100px;
	text-align: right;
	white-space: nowrap;
	font-size: 14px; 
	padding-top: 0px;
}

#conteneur #middle_conteneur #bloc #contenu .produit a:link {font-weight: bold; color: #10d2ff; text-decoration: none;}
#conteneur #middle_conteneur #bloc #contenu .produit a:visited {font-weight: bold; color: #10d2ff; text-decoration: none;}
#conteneur #middle_conteneur #bloc #contenu .produit a:hover {font-weight: bold; color: #10d2ff; text-decoration: underline;}
#conteneur #middle_conteneur #bloc #contenu .produit a:active {font-weight: bold; color: #10d2ff; text-decoration: underline;}

/* Images des boites du paragraphe de la page */
#conteneur #middle_conteneur #bloc #contenu .produit img {
	float: left;
	margin-right: 9px;
	margin-top: 10px;
}


/*	STYLES SPECIAUX POUR LES DIFFERENTS TEXTES	*/
/*	--------------------------------------------------------------------------------------------------	*/
/* bannières partenaires */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .centre{
	width: 460px;
	margin-left: 60px;
}

/* Partie en gras du paragraphe de la page */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .gras {
	font-weight: bold;
}

/* Partie en italique du paragraphe de la page */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .italic {
	font-style: italic ;
}

/* Partie soulignée du paragraphe de la page */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .souligne {
	text-decoration: underline;
}

/* Partie en gras du paragraphe de la page */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .orange {
	color: #fea000;
	font-weight: bold;
}

/* Partie soulignée du paragraphe de la page */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .souligne2 {
	text-decoration: underline;
	font-weight: bold;
}

/* Partie en évidence du paragraphe de la page */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .special {
	font-weight: bold;
	text-align: center;
}


/*	ELEMENTS LIES A LA FAQ	*/
/*	--------------------------------------------------------------------------------------------------	*/
/* Conteneur de la FAQ */
#conteneur #middle_conteneur #bloc #contenu #bloc_faq {
	margin-left: 45px;
}

/* Icones de la FAQ */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq .img_faq {
	vertical-align: bottom;
}

/* Nombre de questions liées aux titres des catégories de la FAQ */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq .nb_quest {
	color: #878787;
	font-weight: 100;
}

/* Titres des questions de la FAQ */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq h5 {
	text-indent: 25px;
	color: #10d2ff;
}

/* Liens du bloc de la faq (questions)  */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq h5 a {font-weight: bold; color: #10d2ff;}
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq h5 a:link {text-decoration: none;}
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq h5 a:visited {text-decoration: none;}
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq h5 a:hover {text-decoration: underline;}
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq h5 a:active {text-decoration: underline;}

/* Bloc de la réponse de la question */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq .rep_faq {
	border: 1px solid #10d2ff;
	margin-left: 23px;
	margin-top: -10px;
	padding: 5px 5px 5px 5px;
}

/* Liens du bloc de la faq (questions)  */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq .rep_faq a {font-weight: bold; color: #10d2ff;}
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq .rep_faq a:link {text-decoration: none;}
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq .rep_faq a:visited {text-decoration: none;}
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq .rep_faq a:hover {text-decoration: underline;}
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq .rep_faq a:active {text-decoration: underline;}

/* liens liés à la question (envoyer à un ami, commentaires) */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq .liens_supp {
	margin-top: -8px;
	text-align: right;
}

/* Liens du bloc de la faq (questions)  */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq .liens_supp a {font-weight: bold; color: #10d2ff;}
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq .liens_supp a:link {text-decoration: none;}
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq .liens_supp a:visited {text-decoration: none;}
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq .liens_supp a:hover {text-decoration: underline;}
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq .liens_supp a:active {text-decoration: underline;}

/* Titres importants de la FAQ (ajout de commentaires, liste de commentaires, ...) */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq h3 {
	margin-left: 23px;
}

/* Lignes des catégories de la FAQ */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq hr {
	height: 1px;
	border: 0;
	background-color: #fea000;
	color: #fea000;
	margin-top: -15px;
}

/* liste des commentaires pour chaque question */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq p {
	margin-left: 23px;
}

/* formulaires de la FAQ */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq form {
	margin-left: 23px;
}

/* Textes décrivant les catégories */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq .desc_cat {
	text-indent: 27px;
	margin-top: -2px;
}

/* Liens de navigation de la FAQ */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq .lien_faq {
	text-align: center;
}

/* Menu déroulant de la FAQ */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq #menu_aux {
	float: right;
	margin-top: -43px;
}

/* Liste de sélection du menu */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq select {
	height: 18px;
	border: 1px solid #d5d5d5;
	color: #878787;
}

/* input des formulaires */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq .champs {
	height: 18px;
	border: 1px solid #d5d5d5;
	color: #878787;
}

/* textarea des formulaires */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq textarea {
	border: 1px solid #d5d5d5;
	color: #878787;
}

/* boutons des formulaires */
#conteneur #middle_conteneur #bloc #contenu .paragraphe #bloc_faq .btn {
	border: 1px solid #888887;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	color: #fff;
	background-color: #10d2ff;
	cursor: pointer;
}


/*	ELEMENTS LIES A LA CARTE GOOGLE	*/
/*	--------------------------------------------------------------------------------------------------	*/
/* Conteneur de la carte google */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .mapAcces {
	height: 500px;
	margin-top: 20px;
}

/* Bulle d'info de la carte google */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .mapAcces .bulle {
	margin-top: 8px;
}

/* Titre Bulle d'info de la carte google */
#conteneur #middle_conteneur #bloc #contenu .paragraphe .mapAcces .bulle .titre_bulle {
	font-size: 14px;
	font-weight: bold;
	color: #10d2ff;
}


/*	BLOC DE DROITE POUR LES INFOS ANNEXES	*/
/*	--------------------------------------------------------------------------------------------------	*/
#conteneur #middle_conteneur #bloc #infos {
	float: left;
	z-index: 1;
	margin-left: 5px;
	margin-top: 45px;
	width: 170px;
	margin-bottom: 10px;
}


/*	MODULE ACTUALITES	*/
/*	--------------------------------------------------------------------------------------------------	*/
#conteneur #middle_conteneur #bloc #infos #actualites {
	width: 148px;
	margin-left: auto;
	margin-right: auto;
}

/* Header du module d'actualités */
#conteneur #middle_conteneur #bloc #infos #actualites #header_actu {
	background: url(../img/header_actualites.png) no-repeat;
	height: 32px;
}

/* Titre du module d'actualités */
#conteneur #middle_conteneur #bloc #infos #actualites #header_actu .invisible {
	font-size: 14px;
	color: #fff;
	display: none;
}

/* Contenu du module d'actualités */
#conteneur #middle_conteneur #bloc #infos #actualites #middle_actu {
	margin-top: -13px;
	background: url(../img/bg_module.png) repeat-y;
}

/* Texte du module d'actualités */
#conteneur #middle_conteneur #bloc #infos #actualites #middle_actu p {
	padding: 5px 10px 5px 10px;
	font-size: 13px;
	color: #888887;
	text-align: justify;
}

/* Partie en évidence du paragraphe de la page */
#conteneur #middle_conteneur #bloc #infos #actualites #middle_actu .special {
	font-weight: bold;
	text-align: center;
	margin-top: -15px;
}

/* Liens de la partie en évidence du paragraphe de la page */
#conteneur #middle_conteneur #bloc #infos #actualites #middle_actu .special a:link {color: #888887; text-decoration: none;}
#conteneur #middle_conteneur #bloc #infos #actualites #middle_actu .special a:visited {color: #888887; text-decoration: none;}
#conteneur #middle_conteneur #bloc #infos #actualites #middle_actu .special a:hover {color: #fea000; text-decoration: none;}
#conteneur #middle_conteneur #bloc #infos #actualites #middle_actu .special a:active {color: #fea000; text-decoration: none;}

/* Footer du module d'actualités */
#conteneur #middle_conteneur #bloc #infos #actualites #footer_actu {
	background: url(../img/footer_module.png) no-repeat;
	height: 15px;
	margin-top: -13px;
}

/*	MODULE COMMENTAIRES	*/
/*	--------------------------------------------------------------------------------------------------	*/
#conteneur #middle_conteneur #bloc #infos #commentaires {
	width: 148px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

/* Header du module d'comalités */
#conteneur #middle_conteneur #bloc #infos #commentaires #header_com {
	background: url(../img/header_commentaires.png) no-repeat;
	height: 32px;
}

/* Titre du module d'comalités */
#conteneur #middle_conteneur #bloc #infos #commentaires #header_com .invisible {
	font-size: 14px;
	color: #fff;
	display: none;
}

/* Contenu du module d'comalités */
#conteneur #middle_conteneur #bloc #infos #commentaires #middle_com {
	margin-top: -13px;
	background: url(../img/bg_module.png) repeat-y;
}

/* Texte du module d'comalités */
#conteneur #middle_conteneur #bloc #infos #commentaires #middle_com p {
	padding: 5px 10px 5px 10px;
	font-size: 13px;
	color: #888887;
	text-align: justify;
}

/* Partie en évidence du paragraphe de la page */
#conteneur #middle_conteneur #bloc #infos #commentaires #middle_com .special {
	text-align: center;
	margin-top: -15px;
}

/* Liens de la partie en évidence du paragraphe de la page */
#conteneur #middle_conteneur #bloc #infos #commentaires #middle_com .special a:link {color: #888887; text-decoration: none;}
#conteneur #middle_conteneur #bloc #infos #commentaires #middle_com .special a:visited {color: #888887; text-decoration: none;}
#conteneur #middle_conteneur #bloc #infos #commentaires #middle_com .special a:hover {color: #fea000; text-decoration: none;}
#conteneur #middle_conteneur #bloc #infos #commentaires #middle_com .special a:active {color: #fea000; text-decoration: none;}

/* Footer du module d'comalités */
#conteneur #middle_conteneur #bloc #infos #commentaires #footer_com {
	background: url(../img/footer_module.png) no-repeat;
	height: 15px;
	margin-top: -13px;
}

/*	MODULE NEWSLETTER	*/
/*	--------------------------------------------------------------------------------------------------	*/
#conteneur #middle_conteneur #bloc #infos #newsletter {
	width: 148px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

/* Header du module newsletter */
#conteneur #middle_conteneur #bloc #infos #newsletter #header_news {
	background: url(../img/header_newsletter.png) no-repeat;
	height: 32px;
}

/* Titre du module newsletter */
#conteneur #middle_conteneur #bloc #infos #newsletter #header_news .invisible {
	font-size: 14px;
	color: #fff;
	display: none;
}

/* Contenu du module newsletter */
#conteneur #middle_conteneur #bloc #infos #newsletter #middle_news {
	background: url(../img/bg_module.png) repeat-y;
	margin-top: -13px;
}

/* Texte du module newsletter */
#conteneur #middle_conteneur #bloc #infos #newsletter #middle_news p {
	padding: 5px 10px 5px 10px;
	font-size: 13px;
	color: #888887;
	text-align: justify;
}

/* Bouton radio du module newsletter */
#conteneur #middle_conteneur #bloc #infos #newsletter #middle_news p .radio {
	vertical-align: middle;
	margin: 0px 5px 0px 5px;
}

/* Champ texte du module newsletter */
#conteneur #middle_conteneur #bloc #infos #newsletter #middle_news p .text {
	border: 1px solid #888887;
	text-indent: 2px;
	width: 123px;
	font-size: 12px;
	margin: 7px 3px 7px 3px;
	color: #888887;
}

/* Bouton du module newsletter */
#conteneur #middle_conteneur #bloc #infos #newsletter #middle_news p .button {
	border: 1px solid #888887;
	width: 30px;
	font-size: 12px;
	margin-top: 3px;
	margin-left: 48px;
	margin-bottom: 2px;
	color: #888887;
	background-color: #fff;
	cursor: pointer;
}

/* Footer du module newsletter */
#conteneur #middle_conteneur #bloc #infos #newsletter #footer_news {
	background: url(../img/footer_module.png) no-repeat;
	height: 15px;
	margin-top: -13px;
}

/*	MODULE REALISATIONS	*/
/*	--------------------------------------------------------------------------------------------------	*/
#conteneur #middle_conteneur #bloc #infos #realisations {
	width: 148px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

/* Header du module réalisations */
#conteneur #middle_conteneur #bloc #infos #realisations #header_rea {
	background: url(../img/header_realisations.png) no-repeat;
	height: 32px;
}

/* Titre du module realisations */
#conteneur #middle_conteneur #bloc #infos #realisations #header_rea .invisible {
	font-size: 14px;
	color: #fff;
	display: none;
}

/* Contenu du module réalisations */
#conteneur #middle_conteneur #bloc #infos #realisations #middle_rea {
	background: url(../img/bg_module.png) repeat-y;
	margin-top: -13px;
}

/* Texte du module realisations */
#conteneur #middle_conteneur #bloc #infos #realisations #middle_rea p {
	padding: 5px 10px 5px 10px;
	font-size: 13px;
	color: #888887;
	text-align: justify;
}

/* Partie en évidence du paragraphe de la page */
#conteneur #middle_conteneur #bloc #infos #realisations #middle_rea .special {
	text-align: center;
	font-weight: bold;
}

/* Liens de la partie en évidence du paragraphe de la page */
#conteneur #middle_conteneur #bloc #infos #realisations #middle_rea .special a:link {color: #888887; text-decoration: none;}
#conteneur #middle_conteneur #bloc #infos #realisations #middle_rea .special a:visited {color: #888887; text-decoration: none;}
#conteneur #middle_conteneur #bloc #infos #realisations #middle_rea .special a:hover {color: #fea000; text-decoration: none;}
#conteneur #middle_conteneur #bloc #infos #realisations #middle_rea .special a:active {color: #fea000; text-decoration: none;}

/* Liens des images des sites réalisés */
#conteneur #middle_conteneur #bloc #infos #realisations #middle_rea .image {
	text-align: center;
	margin-top: -18px;
}

/* Images des sites réalisés */
#conteneur #middle_conteneur #bloc #infos #realisations #middle_rea .image img {
	padding: 2px;
	border: 1px solid #888887;
}

/* Footer du module réalisations */
#conteneur #middle_conteneur #bloc #infos #realisations #footer_rea {
	background: url(../img/footer_module.png) no-repeat;
	height: 15px;
	margin-top: -13px;
}

/* Logo de validation du site */
#conteneur #middle_conteneur #bloc #infos .valid {
	text-align: center;
	margin-left: 2px;
}

/* Logo XITI du site */
#conteneur #middle_conteneur #bloc #infos #xiti-logo {
	text-align: center;
	margin-left: -4px;
	margin-bottom: 10px;
}


/* 	FOOTER 	*/
/*	--------------------------------------------------------------------------------------------------	*/
#conteneur #middle_conteneur #footer {
	float: left;
	background: url(../img/footer_2.png);
	width: 809px;
	height: 41px;
	margin-left: auto;
	margin-right: auto;
}

/* 	LIENS DU PIED DE PAGE 	*/
#conteneur #middle_conteneur #footer .liens {
	margin-top: 7px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

#conteneur #middle_conteneur #footer .liens a:link {color: #fff;}
#conteneur #middle_conteneur #footer .liens a:visited {color: #fff;}
#conteneur #middle_conteneur #footer .liens a:hover {color: #10d2ff;}
#conteneur #footer .liens a:active {color: #10d2ff;}