/*  PARAMETRAGE DE L'ARCHITECTURE DE PAGE ----------------------------------------------------------------------------------------------------------------------  */

body {
	width: 100%;margin:0;padding:0;background-color:#ffffff;
	font:normal 0.8em Verdana, Arial, Helvetica, sans-serif;color:#4B4B4B;}}
html {font-size: 100%;} /* Réolution bug IE*/

div#conteneur {min-height: 100%;	width: 787px;margin: 20px auto;position: relative;}
#tetiere {height: 180px;width:980px;position: relative;}
div#center {/* Pour éviter la superposition du pied de page et du contenu : */padding-bottom: 50px; overflow: auto;}
	
div#gauche {float: left;width: 350px;}
div#droite {float: right;width: 437px;}

div#pied {position: absolute;	width: 100%;border-top:1px solid #E8E9E3;color:#B9B4AC;font-weight:bold;padding-top:5px;text-align:center}
#pied  ul {display:block;margin:0;overflow:hidden;padding:0;}
#pied ul ul {}
#pied ul li {display:block;float:left;list-style-image:none;list-style-type:none;margin:0 0 0 10px;padding:0;color:#B9B4AC;text-align:left;}
#pied ul ul li {color:#000000;float:none;font-size:0.8em;margin:5px 0 0 0;width:auto;background:#ffffff;}
#pied a {color: #FF6600;text-decoration :none;border-bottom : 1px dotted #B9B4AC;}

/* Menu horizontal */
#MenuHorizontal {position: absolute;top:138px;left:170px;}
#MenuHorizontal  ul{font-size:0.8em;font-weight:bold;list-style-type: none;text-align:right;padding: 0 0 0 0;margin: 12px -10px 0 0;}
#MenuHorizontal li { display:inline;margin : 0 4px;}
#MenuHorizontal a {color: white; text-decoration :none; text-align:center;padding:2px;}
#MenuHorizontal a:hover {border-bottom : 0px ;}
#MenuHorizontal a.Iphone{font-size:1.1em;color:#ff6600}


/* IMG PAR DEFAUT */

img {border-width:0;border-style:none;}
	
/*  COLONNE DE GAUCHE ----------------------------------------------------------------------------------------------------------------------------------------------------------  */

/*  ---------------- SURCHARGE DU MENUS DEROULANT DU PAVE DE NAVIGATION  */
#nav-container{font-size:76%;}

/* MODIFIE : SUPRESSION DE LA BORDURE */
#nav, #nav ul {float: left;width: 100%;list-style: none;line-height: 1;background: white;font-weight: bold;padding: 0;margin: 0 0 1em 0;text-align:left;}

/* MODIFIE : COULEUR BLANCHE POUR LES LIENS */
#nav a {	display: block;	width: 10em;w\idth: 6em;color: #FFFFFF;	text-decoration: none;	padding: 0.25em 2em;}

/* MODIFIE : SUPRESSION D'UN GIF DE BACKGROUND */
#nav a.daddy {}

/*REGLAGE POUR AFFICHER CORERCTEMENT LA PUCE INDIQUANT UN NIVEAU SUPERIEUR */

#nav li li {border-bottom:1px solid white;border-width:1px;padding-right:1em;width:16em;}

#nav li ul ul {margin:-1.75em 0 0 17em;}

/* MODIFIE : SUPRESSION DE LA COULEUR DE BACKGROUND */
#nav li:hover, #nav li.sfhover {background:transparent}
/*  ------------------------------------------------------------------------------------------------ */

/* TAG */
#Tags {margin:0 0 20px 0; width:90%}
ul#MenuTag {list-style-type: none;font-size: 1.2em; font-weight:bold;margin:0px;padding:5px 0 0 0;text-align:center;}
#MenuTag li {margin : 0 5px;display:inline;}
#MenuTag li:hover {display:inline;background-color:#FFCA04}
#MenuTag a {color: #C50019;text-decoration :none;text-align:center;}
#MenuTag a:hover {}

/* RECHERCHE */
#Recherche {margin:20px}

/* POINT ACCUEIL SERVICE */
#PointAccueil {margin: 5px 20px 0px 0px;padding:5px;border-top : 1px solid #ff6600;}


#Flickr{margin:0;padding:0}
#Flickr h2 {font:normal 14px verdana;color:#7F7A7A;margin:2px;padding:0}
#Flickr a {font:normal 12px verdana;text-decoration: none;color:#FF6600}
#Flickr a.nom {font:bold 10px verdana;text-decoration: none;color:#FF6600}
#Flickr ul {list-style-type:none;margin:0;padding:0;}
#Flickr li {display:inline;text-align:left;margin:0;padding:0;}


/*  COLONNE DE DROITE ----------------------------------------------------------------------------------------------------------------------------------------------------------  */

div#droite h1 {font: 20px Verdana;color:#FF6600;padding:0px;margin:15px 0 0 0px ;}
div#zoom h2 {font: 18px Verdana;color:#C50019;padding:2px;margin:0px;}
div#zoom p {font:12px Verdana;color:#7F7A7A;padding:0px;margin:0 0 15px 0;}
.DateIndex{font:bold 10px Verdana;color:#FF1100;}
.date {font:normal 10px Verdana;color:#000000; text-align:right;color:#FF2121;}

a.zoom  {font-size: 1.4em;text-decoration: none; color:#C50019; }
a.zoom:hover  {border-bottom : 1px solid #C50019;}

/* ZOOM */
#zoom {padding:20x 0 20px 0;margin :10px 0 0 0;border-bottom:1px solid #DEDCDC;}
div#zoom h1{font-size:0.95em;font-weight:bold;padding:0 0 0 0; margin:0 0 0 0;}

/* ACTUALITES */
#Actualites {border-bottom:1px solid #DEDCDC;}
div#Actualites h2 {font:14px Verdana;color:#C50019;padding:5px 2px 2px 0px;margin:0px;}
div#Actualites p {color:#7F7A7A;padding:0px;margin:0 0 10px 0;}
a.actu  {text-decoration: none; color:#C50019; }
a.actu:hover  {border-bottom : 1px solid #C50019;}
.tactus  {text-align:right;font:bold 15px Verdana;text-decoration: none; color:#FF6600}

/* OFFRES D'EMPLOI */
#OffresEmploi {border-bottom:1px solid #DEDCDC;padding-bottom:10px;}
#OffresEmploi ul {margin:0 0 0 20px;padding:0;}
#OffresEmploi li {list-style-type: none;text-align:left;margin:0 0 2px 0;padding:0;font-size: 1.2em;color:#FF6600}
#OffresEmploi a {text-decoration: none;color:#".$couleur.";}
#OffresEmploi a {font:normal 12px verdana;text-decoration: none;color:#7F7A7A}
#OffresEmploi a.nom {font:bold 10px verdana;text-decoration: none;color:#7F7A7A}
#OffresEmploi a.rub {font:normal 14px verdana;font-weight:bold;text-decoration: none;color:#7F7A7A}

/* AGENDA */
#Agenda {border-top:1px solid #FF6600;padding:2px 0 5px 0;margin:5px 20px 0 0}
#Agenda ul {margin:0 0 0 40px;padding:0;}
#Agenda li {text-align:left;margin:0 0 2px 0;padding:0;}
#Agenda a {text-decoration: none;color:#".$couleur.";}
#Agenda a {font:normal 12px verdana;text-decoration: none;color:#7F7A7A}
#Agenda a.nom {font:bold 10px verdana;text-decoration: none;color:#7F7A7A}
div#Agenda h1 {font: 18px Verdana;color:#FF6600;padding:0px;margin:15px 0 0 0px ;}


/* SURCHARGE DU CSS SOCIALTAGS */
	
	div.socialtags {
	margin: 0;
	padding: 5px;
	clear:both;
	background-color:#ffffff;
	text-align:right;
	border-bottom:1px solid #DEDCDC;
}

.socialtags ul {display: inline;margin: 0 !important;padding: 0 !important;}
.socialtags ul li {background: none;display: inline;list-style-type: none;margin: 1px;padding: 1px;}
.socialtags img {float: none;width: 16px;height: 16px;border: 0;margin: 0;padding: 0;}

.socialtags-hovers {opacity: .4;-moz-opacity: .4;filter: alpha(opacity=40);}
.socialtags-hovers:hover {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);}

/* AFFICHAGE DES TAGS DE MANIERE PONDEREE*/
.tag_taille_1{
	font-size: 90%;text-decoration: none; color: #C50019;
}
.tag_taille_2{
	font-size: 100%;text-decoration: none; color: #C50019;
}
.tag_taille_3{
	font-size: 120%;text-decoration: none; color: #C50019;
}
.tag_taille_4{
	font-size: 130%;text-decoration: none; color: #C50019;
}

.tag_epaisseur_1{
     font-weight:300;text-decoration: none; color: #C50019;
}

.tag_epaisseur_2{
     font-weight:500;text-decoration: none; color: #C50019;
}
.tag_epaisseur_3{
     font-weight:600;text-decoration: none; color: #C50019;
})]