/* CSS Document */
/* Définition globale des balises */
body {
	font-family:Tahoma, Verdana, Sans-serif;/* On définit les polices qui seront utilisés*/
	min-width:980px;
	width:800px;  /* le site prendra 90% de l'espace horizontal */ 
	margin:0; /* Les marges sont toutes mises à 0 */
	margin-left:auto; /* on met les marge de gauche en automatique pour centrer */
	margin-right:auto; /* on met les marge de droite en automatique pour centrer */
}
* html #conteneur_minwidth_IE {
	padding-left: 980px;
	width: 800px;
}

* html #conteneur_container_IE {
	margin-left: -980px;
	position: relative;
	left: 5px;
}

* html #conteneur_minwidth_IE, * html #conteneur_container_IE, * html #conteneur_layout_IE  { /* complément à .minwidth pour IE */
	height: 1px;
}
p{
	margin:0; /* Les marges de la balise p sont mises à 0 */
}
.br{
	clear: both; /* Permet un retour à la ligne pour n'importe quelque soit la balise suivante */
}
form{
	margin:0; /* Les marges de la balise "form" sont mises à 0 */
}
h4{
	margin:0; /* Les marges de la balise "h4" sont mises à 0 */
}
div{
	margin:0; /* Les marges de la balise "div" sont mises à 0 */
}
img{
	margin:0; /* Les marges de la balise "img" sont mises à 0 */
	border:0; /* On enlève les bordures pour la balise img */
	vertical-align:bottom; /* On aligne les images en bas de manière arbitraire */
}
a{
	margin:0; /* Les marges de la balise "a" sont mises à 0 */
}
fieldset{
	border-width:2px; /* épaisseur de la bordure */
	border-color:#99CC66; /* choix de la couleurs de la bordure */
	background-color:#FFFFFF; /* On applique une couleur de fond pour l'ensemble des contours */
	margin:0; /* Les marges de la balise "fieldset" sont mises à 0 */
	padding-left:2px; /* marge interieur de gauche */
	padding-right:2px; /* marge interieur de droite */
}

/* ESPACE CLIENT ****************************************************/
/* Propriété globale de l'espace client */
/* Propriété du formulaire */
#titre_espace_client{
	font-size: 1.1em;
	font-weight: bold;
	background-image: url(images/degrede.jpg);
	padding-left: 5px;
	padding-bottom: 6px;
}
#form_reseau_argefo{
	float: right;/* On aligne à droite le formulaire */
	font-size: 0.6em; /* Taille du texte redéfini */
	font-weight: bold;
	background-image: url(images/degrade.jpg);
	padding-left: 2px;
}

/* Propriété de la zone de saisie du login et du mot de passe */
#login_reseau{
	font-size:10px;
	font-weight: normal; /* On applique laisse le texte en mode normal (pas en gras) */
	width: 60px; /* largeur de la boite de saisie */
	height:12px; /* Hauteur de la boite de saisie */
	vertical-align: top; /* Alignement vertical de ces boites des saisies */
}
#login_reseau:focus{
	background-color:#E4FFC8;/* On change la couleur lorsqu'une personne rempli la case */
}
#password_reseau{
	font-weight: normal; /* On applique laisse le texte en mode normal (pas en gras) */
	width: 60px; /* largeur de la boite de saisie */
	height:12px; /* Hauteur de la boite de saisie */
	vertical-align: top; /* Alignement vertical de ces boites des saisies */
}
#password_reseau:focus{
	background-color:#E4FFC8;/* On change la couleur lorsqu'une personne rempli la case */
}
/* Propriété de l'image de bouton de validation */
#image_btn_ok{
	background-color:#FFFFFF; /* On insère une couleur de fond pour le bouton */
	font-size:0.8em; /* On réduit la taille du texte du bouton pour qu'il soit visible */ 
	width:30px;/* On défini ici une largeur au bouton */
	height:19px;/* On défini ici la hauteur du bouton */
	vertical-align:top;/* On fait aligner les intitulés en haut */ 
}

#image_btn_ok:focus{
	background-color:#E4FFC8;/* Lorsqu'une personne selectionne le bouton, on change sa couleur */
	
}
/* FIN ESPACE CLIENT ****************************************************/

/* BANDEAU DE TITRE ****************************************************/
/*Propriété global de l'ensemble du bandeau de titre */
#bandeau_titre{
	width:100%; /* Le bandeau de titre prend 100% de l'espace en largeur */
}
/* Propriété de l'affichage du logo */
#bandeau_titre img{
	width:100%; /* Le bandeau de titre prend 100% de l'espace en largeur */
	height:100px; /* La hauteur du bandeau fait 100px */
}

/* FIN BANDEAU DE TITRE **************************************/
/* MENU ******************************************************/
/* Propriété de la classe menu */
#header {
    float:left; /* on aligne l'ensemble du div à droite */
    width:100%; /* permet de prendre 100% de l'espace horizontal*/
    background: url("images/bg.jpg") /* On insère une image de fond */
      repeat-x bottom; /* On repete cette image sur l'axe X et on la place en bas*/
    }
#header ul {
    margin:0; /* On enlève toutes les marges*/
    padding:0; /* On enlève toutes les marges interieurs*/
    list-style:none; /* On enlève l'ajout automatique des points sur les listes*/
	padding:3px 0px;/*On peut modifier le 0 pour décaller les onglets du bord, Correspond au marge*/
   }
#header li {
    float:left; /* On align à gauche*/
    margin:0; /* On enlève toutes les marges */
    background:url("images/onglet_fin.jpg") /* Insertion de l'image en fond */
      no-repeat right top; /* On ne répète pas l'image et on l'aligne en haut */
    padding:0; /* On enlève les marges interieurs*/

    }

#header a {
    display:block; /* On bloque l'affichage des liens pour pouvoir modifier leur marges*/
    background:url("images/onglet_debut.jpg") /* On insère l'image de fond */
      no-repeat left top; /* On ne la repete pas, on l'aligne à gauche et en haut */
	padding:8px 7px 1px; /* On applique une marge interieur pour afficher l'ensemble de l'image */
	font-size: 0.7em; /* On défini une taille de texte */
	font-weight: bold; /* Les liens serton affichés en gras */
	color:#000000; /* On leur donne une couleur */
	text-decoration:none; /* On enlève le sous-lignement des menus automatique */
}
#header a:hover{
	text-decoration:underline overline; /* Lors du passage de la souris, on encadre le texte */
    }
/* L'id "current" permet de d'afficher un onglet integrer à la barre de menu du bas */
#header #current a {
		padding-bottom:2px; /* On défini une marge interieur différente pour que le trait noir n'apparaisse pas */
   }
#demarcation{
	background-image:url(images/bandeau.jpg); /*On insère l'image en fond*/
	font-size:0.5em;/* La taille du texte permet d'éviter le bug de IE. Nous sommes obligé pour éviter un bug d'espace, d'inserer un texte vide */
}

/* FIN MENU **************************************************/

/* CONTENU POUR LA PAGE D'ACCUEIL **************************************************/
/** Propriété de l'ensemble de la partie contenu pour la page d'accueil **/
#contenu{
	width:80%; /* Le contenu ne prend que 80% de l'espace total */
	margin-top:0px; /* On applique une marge négative pour que le fieldset soit integrer au bandeau */
	margin-bottom:5px;/* On applique une marge en bas pour que le footer ne soit pas coller */
	float:left; /*  On aligne le tout à gauche */
}
/* Propriété du bloc de texte */
#contenu p{
	font-size: 0.7em;/* On défini une taille pour le texte */
	font-weight:normal;/* */
	text-align:justify;/* On justifie le texte */
}

.news-latest-container{
	font-size: 0.7em;
	font-weight:normal;
	text-align:justify;
	color: #000000;
}

/* Propriété du bloc des news et des appels d'offres */
.contenu_news{	
	width:19%; /* L'autre bloc ne fait que 19% pour laisser une marge de 1% entre les deux blocs */
	margin-top:0px;/* On réapplique une marge négative pour supperposer les deux */
	margin-bottom:5px; /* On défine la marge du bas */
	float:right; /* On aligne le tout à droite */
}

/* Propriété du cadre entourant le contenu de la page et le bloc de news */
.fieldset_haut{
	margin-top:0px; /* On enlève toutes les marges exterieurs */
}
/* Propriété du cadre entourant le contenu des appels d'offres*/
.fieldset_bas{
	margin-top:70px; /* On applique une marge en haut pour decoller les deux blocs news et appels d'offres */
}

.titre_contenu{
	font-size: 1.3em;/*Taille du texte */
	font-weight:bold; /*Texte en Gras*/
}
.sous_titre_contenu{
	font-size: 1.3em;/*Taille du texte */
	font-weight:bold;/*Texte en Gras*/
}

.image_contenu{
	float:right;/* On aligne l'image à droite */
	border: 2px solid #99CC66; /* On lui ajoute une bordure */
	margin-top:10px; /* On crée des marges autour pour espacer */
	margin-left:10px; /* On crée des marges autour pour espacer */
	margin-right:10px; /* On crée des marges autour pour espacer */
}
/* Correspond à l'entête avant le contenu réel de la news*/

/* Correspond au contenu des news */
.news-latest-date a{
	font-size: 0.9em;
	font-weight:bold;
	text-decoration:none;
	color: #000000;
}

.news-latest-item {
	font-size: 0.9em;
	font-weight:bold;
	text-decoration:none;
	color: #000000;
}

#news-latest-item a{
	font-size: 0.9em;
	font-weight:bold;
	text-decoration:none;
	color: #0000CC;
}

.news-latest-item h3 a{
	font-size: 0.9em;
	font-weight:bold;
	text-decoration:none;
	color: #000000;
}

.texte_news{
	font-size: 0.9em; /* Taille du texte des news et appels d'offres*/
	color:#000000; /* Couleur du texte */
	text-decoration:none; /* On enlève le sous lignement automatique */
}
.texte_news:hover{
	text-decoration:underline; /* On sous ligne le lien au passage de la souris */
}
/* Correspond au texte des appels d'offres*/
.texte_appel{
	font-size: 1em; /* Taille des textes des appels d'offres */
}
.liens_contenu{
	font-size: 1em;  /* Tailles des textes des liens */
	color:#000088; /* Couleur des liens dans le contenu */
	text-decoration:none; /* On enlève a nouveau le sous lignement automatique */
}
.liens_contenu:hover{
	text-decoration:underline; /* On sous ligne le lien au passage de la souris */
}
/* FIN CONTENU PAGE D'ACCUEIL ***********************************************/

/* DEBUT CONTENU NORMAL *****************************************/
/** Représente le contenu pour  l'ensemble des pages sauf pour l'accueil **/
#contenu_normal{
	width:100%; /* Le contenu ne prend que 80% de l'espace total */
	margin-top:0px; /* On applique une marge négative pour que le fieldset soit integrer au bandeau */
	margin-bottom:5px;/* On applique une marge en bas pour que le footer ne soit pas coller */
}
/* Propriété du bloc de texte */
#contenu_normal p{
	font-size: 0.8em;/* On défini une taille pour le texte */
	font-weight:normal;/* On applique laisse le texte en mode normal (pas en gras) */
	text-align:justify;/* On justifie le texte */
}
/* Propriété du fieldset des produits */
.fieldset_produit{
	margin:5px 10px 2px 10px;/*  On applique des marges pour eviter que les deux fieldset se chevauchent */
	padding: 2px 2px 2px 2px;/* On applique des marges interieurs pour que les textes soit écartés du contour */
}
/* Propriété de la légend */
.legend{
	color:#99CC66; /* On défini la couleur pour la légende */
	font-size: 0.9em;/* On défini une taille pour le titre */
}
/* Propriété du lien "en savoir plus" */
.en_savoir_plus{
	color:#000000; /* On défini la couleur pour les liens */
	text-decoration:none; /* On enlève le souslignement automatique */
}
/* Propriété du liens "en savoir plus" lors du passage de la souris */
.en_savoir_plus:hover{
	text-decoration:underline; /*  On réactive le sous lignement au passage de la souris */
}
/* Dans le bloc contenu normal, dans la balise p, dans la balise a, pour la balise Img */
#contenu_normal p a img{
	width:45px;/* On lui défini une taille */
	height:30px; /* On lui défini une hauteur */
	float:left; /* On aligne le tout à gauche */
	margin-right:10px;/* On rajoute une marge de 10px */
}
/* Propriété du logo ARGEFO */
.logo{
	float:right;/* On aligne ici le logo à droite */
}
/* Propriété pour l'image du descriptif du produit */
.image_descriptif{
	float:right; /* On aligne le tout à droite */
	margin:0px 10px 10px 10px; /* On rajoute des marges pour que le texte ne soit pas coller à l'image*/
	border:2px solid #99CC66;/* On lui applique une bordure */
}
/* Correspond au sous-titre "liens" dans la partie descriptif */
#liens_descriptif{
	font-size:0.9em;/* correspond à la taille du texte */
	margin:10px 10px 0px 10px;/* On applique ici aussi les marges pour que le texte soit à la même place que les autres*/
}
/* Correspond au contenu et donc au liens ajouter dans le contenu */
.liens_descriptif_contenu{
	margin:0px 10px 10px 10px;/* On applique ici aussi les mêmes marges */
}
/* FIN CONTENU NORMAL *********************************************/

/* DEBUT CSS POUR FORMULAIRE *********************************/
/* Balise pour tous les champs texte des formulaires de contact */
.texte{
	background-color:#FFFFFF;/* On lui donne une couleur de fond blanche */
}
.texte:focus{
	background-color:#99CC66;/* Lorsque la personne rempli le champs, la couleur passe au vert */
}
/* Balise qui défini la couleur du bouton */
.bouton{
	background-color:#99CC66;/* Couleur du fond du bouton */
	color:#000000;/* Couleur du texte du bouton */
}

.liste_formulaire{
	list-style:none; /* On enlève l'ensemble des points lié à la balise ul */
}
/* FIN CSS POUR FORMULAIRE ***********************************/

/* FOOTER ****************************************************/
/* Propriété globale du bas de page */
#footer{
	height:30px; /* Hauteur de ce bloc */
	width:100%; /* Il prend 100% de l'espace */
	color:#000000; /* on défini la couleur des textes */
	text-align:center; /* On aligne l'ensemble au milieu */
	background-image:url(images/degrade_footer.jpg);
}
/* Propriété du texte inclus dans le bas de page */
#footer p{
	font-size: 0.6em; /* Taille du texte */
	font-weight:bold; /* On met les textes en gras  */
}
/* Propriété des liens */
#footer a{
	color:#000000; /* couleur des liens */
	font-size: 1em; /* taille du texte  */
	font-weight:bold; /* On met le texte en gras */
	text-decoration:none; /* On enlève le sous lignement */
}
/* Propriété des liens avec un rollover */
#footer a:hover,a:active{
	text-decoration:underline;/* on sous ligne au passage de la souris */
}
/* Propriété des liens activés */
#footer a:active {
	color:#99CC66; /* On défini une couleur quand le lien est activé */
}
/* FIN FOOTER ****************************************************/