<!-- CSS Document -->


/*Style s'appliquant à tout le site*/

body 
/*Style par défaut pour la balise body*/
{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	
}

div#global 
/*Element qui permet de centrer le site dans la fenêtre navigateur*/
{
	width : 100%;
	height : 100%;
	margin : 0 0;
	padding:0 0;
	text-align :left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.encart 
/*style des elements avec une bordure en pointillé (exemple : encart sur la page d'accueil) */
{
	margin:5px;
	padding:5px;
	border:1px dotted #CCCCCC;
	background-color:#FFFFFF;
	font-size:11px;
	font-color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.no-marge
{
	margin:0;
	padding:0;
}

.lien-rouge 
/* style pour les liens précédés d'une flèche rouge (invitation à suivre le parcours de lecture)*/
{
	text-decoration:none;
	color:#CC0000;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

.lien-rouge:hover 
/* style pour les liens précédés d'une flèche rouge (invitation à suivre le parcours de lecture) : etat souris dessus*/
{
	text-decoration:underline;
	color:#CC0000;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

.sous-titre-noir
/*style utilisé sur la page d'index pour mettre en forme le titre des news,
peut-être utilisé pour d'autre titre du même style */
{
	margin:0;
	padding-bottom:5px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/*Style en-tête*/

#entete
/* Element qui donne sa hauteur à l'entete de la page*/
{
	height : 20%;
}

h1#logo
/* affichage du logo*/
{
	background:url(../images/logo-adcom.gif) no-repeat center center;
}

h1#logo a
/*ce style permet d'afficher le logo et de conserver du texte malgré tout
le texte est entre les balises A du code html de la page*/
{
	display:block;
	width : 164px;
	height:122px;
	margin:10px;
	text-indent:-5000px;
}

h2#titrehaut
/*Style pour la ligne situé à droite en blanc dans l'entete*/
{
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-right:3px; 
	color: #FFFFFF; 
}

h2#titrehaut span
/*Style pour la partie de la phrase en blanc qui est en plus petit et pas en gras*/
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-right:3px; 
	font-weight:normal;
	color: #FFFFFF; 
}

h3#baseline
/*Style pour la baseline dans l'entete*/
{
	padding:0;
	margin:0;
	margin-top:3px;
	padding-right:3px;
	border-top:1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#CCCCCC;
}

/*Style pour le Menu haut*/

td#menu
/*On met en fond une image sans la graduation afin d'avoir toujours une continuité*/
{
	background: url(../images/fond-menu.gif) repeat-x left top;
}

table#menu-haut
/*style qui permet de donner une hauteur au menu*/
{
	height: 52px;
	margin: 0 ;
	padding: 0 ;
}

table#menu-haut td
/*style pour affecter l'image de fond des boutons du menu*/
{
	background: url(../images/fond-bouton-off.gif) repeat-x left top ;
}

table#menu-haut a
/*Le gros du travail se fait sur les liens du menu
Ici on définit la police, la taille de police, le positionnement du lien etc*/
{
	display:block;
	height:35px;
	margin:0;
	padding:15px 0 0 0;
	text-align: center ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	text-decoration:none;
}

table#menu-haut a:hover
/*style pour définir l'état survolé des liens du menu*/
{
	text-decoration:underline;
}

table#menu-haut td.visite
/*ce style est a appliqué lorsqu'on se trouve dans une page interne sur la cellule qui contient le lien de la rubrique*/
{
	height: 35px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/fond-bouton-on.gif) repeat-x left top ;
	color:#FFFFFF;
	font-weight:bold;
}

table#menu-haut td.visite a
/*pour le lien de la rubrique en cours de visite*/
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}


* html table#menu-haut a
{
	display:block;
	height:52px;
	margin:0;
	padding:15px 0 0 0;
	text-align: center ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	text-decoration:none;
}

* html table#menu-haut a:hover
{
	text-decoration:underline;
}

* html table#menu-haut td.visite
{
	height: 52px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/fond-bouton-on.gif) repeat-x left top ;
	color:#FFFFFF;
	font-weight:bold;
}

* html table#menu-haut td.visite a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}

/*Style spécifique pour la page d'INDEX*/

/*contenu index*/

#contenu 
/*attribution de l'image de fond de la zone contenu sur l'index*/
{
	background:url(../images/fond-centre.gif) repeat-x center center;
}

#text-accueil
/*style pour le texte d'accueil du site*/
{
	padding:10px 10px 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-color:#000000;
	text-align:justify;
}

/*Style pour la liste des news*/

#news
/*Ici on définit le style pour la liste news */
{
	list-style-type:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin : 3px 15px;
	padding:0 0 0 11ex;
	text-indent:-12ex;
}

#news li
{
	padding-bottom:5px;
}

#news a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}

#news a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:unerline;
}

.contact-index 
/*element avec une bordure en pointillé qui contient le lien contact sur la page d'accueil */
{
	margin:5px;
	height:37px;
	padding:5px 5px 5px 5px;
	border:1px dotted #CCCCCC;
	background-color:#FFFFFF;
	font-size:11px;
	font-color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/fleche-ronde.gif) no-repeat 15px 20px;
}

.lien-contact-index
/*style pour le lien contact sur la page d'accueil*/
{
	display:block;
	height:37px;
	margin:10px 5px 10px 15px;
	padding:5px 5px 5px 90px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-indent:-70px;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}

.lien-contact-index:hover
/*etat survolé du lien contact sur la page d'accueil*/
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#000000;
	font-weight:bold;
}

/*Contenu interne*/

#interne 
/*fond pour la zone contenu des pages internes */
{
	background:url(../images/fond-centre.gif) repeat-x center center;
}

/*Style pour le SOUS-MENU*/

#sous-menu .sous-menu-rubrique
/*Style du titre du sous-menu (titre de la rubrique)*/
{
	padding-bottom:5px;
	border-bottom:1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#sous-menu .sous-menu-rubrique a
/*lien sur le titre du sous-menu(titre de la rubrique)*/
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#CC0000;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

#sous-menu .sous-menu-rubrique a:hover
/*etat survolé du lien sur le titre du sous-menu(titre de la rubrique)*/
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

/*Style pour item du sous-menu*/
#sous-menu td.item-sous-menu
{
	padding: 3px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/chevron-rouge.gif) no-repeat 3px 5px;
}

#sous-menu td.item-sous-menu a
{
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#sous-menu td.item-sous-menu a:hover
{
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

#sous-menu td.visite
/*style pour la sous-rubrique en cours de visite, 
s'applique sur l'item du sous-menu qui lui correspond*/
{
	padding: 3px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	background:url(../images/chevron-blanc.gif) no-repeat 3px 5px;
	background-color:#CC0000;
}

#sous-menu td.visite a
{
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#sous-menu td.visite a:hover
{
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

#contact
/*zone contact sur les pages interne*/
{
	margin:5px;
}

#contact td
{
	margin:5px;
	border:1px dotted #CCCCCC;
	background:url(../images/fleche-ronde.gif) no-repeat 5px 8px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contact .lien-contact
/*style pour le lien dans la zone contact, 
on applique un fond, et on décale la première ligne 
par rapport à la deuxième*/
{
	display:block;
	width:100%;
	height:37px;
	margin:5px 5px 5px 5px;
	padding:3px 3px 3px 65px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-indent:-45px;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}

#contact .lien-contact:hover
{
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
}

/*Styles pour la zone de texte des pages internes*/

#interne h1.titre-rubrique
/*
Style pour le titre affiché en haut du contenu texte,
on le met dans une balise h1
*/
{
	margin:5px 0 15px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;
}

#interne .chapeau
{
	margin:15px 0 15px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#interne h3.sous-titre
/*
Style pour le sous-titre (avec filet rouge dessous) affiché dans le contenu texte,
on le met dans une balise h2
*/
{
	margin:15px 0 15px 15px;
	padding:3px;
	border-bottom:1px solid #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CC0000;
	font-weight:bold;
}

#interne p
/*style par défaut de toute balise de paragraphe créé dans la zone interne */
{
	margin:15px 0 3px 15px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
}

#interne ul
/*Style pour les listes à puce dans la zone interne*/
	{
		margin:0;
		padding:0;
		margin-bottom:3px;
		margin-left:15px;
	}

#interne li
/*Style pour les éléments de listes à puce dans la zone interne*/
	{
		margin:0 15px 0 15px;
		padding: 0 0 0 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align:justify;
		font-size:11px;
		list-style-type : none;
		background: url(../images/tiret-noir.gif) no-repeat 0px 0px;
	}

*html #interne li
	{
		margin:0 15px 0 15px;
		padding: 0 0 0 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align:justify;
		font-size:11px;
		list-style-type : none;
		background: url(../images/tiret-noir.gif) no-repeat 0px 4px;
	}

#encart-conseil
/*style pour la zone encart conseil, afin que le contenu coule autour,
il faut le placer au-dessus du paragraphe qui doit "couler" autour*/
{
	float:right;
	margin: 15px;
	
}

#encart-conseil .encart-titre
/*Titre de l'encart*/
{
	margin:0;
	padding-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/puce-ronde-rouge.gif) no-repeat left center;
	color:#CC0000;
	font-size:12px;
}

#encart-conseil p
/*style par défaut des balises paragraphe à l'interieur de l'encart conseil*/
{
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left:5px;
}

/*Style pour le pied de page*/
td#piedpage
/*hauteur par défaut du pied de page*/
{
	height:20%;
}

#menu-bas
/*style du texte contenu dans le menu-bas (hors des balises a)*/
{
	font-family:verdana;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
}

#menu-bas a
/*style pour les balises a contenu dans la zone menu-bas*/
{
	font-family:verdana;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}

#menu-bas a:hover
{
	text-decoration:underline;
}

#acces-client
/*style pour la zone de clic acces-client*/
{
	padding-right:50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:50px;	
}

#acces-client a
/*style pour le lien de la zone de clic acces-client*/
{
	font-family:verdana;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;	
	font-weight:bold;
	text-decoration:none;
}

#acces-client a:hover
{
	text-decoration:underline;
}