/** Css générale **/
html {font-size: 100%;}
/**body {margin-top:20px;font-size: 0.75em;font-family:arial, sans-serif;background:url('../i/bgBody.png') top left repeat-x #2e82d9;}**/
body {margin-top:20px;font-size: 0.75em;font-family:arial, sans-serif;background-color:#ffffff;;}
#mainContainer {position:relative;width:813px;min-height:612px;margin:auto;text-align:left;background:url('../i/vubienvu-Bien-Etre-Fond-gabarit-za-milieu.png') top left repeat-y;/*background:url('../i/vubienvu-Bien-Etre-Fond-gabarit.png') top left no-repeat;*/}	
	.mainContainerContent {width:813px;height:612px;text-align:left;background:url('../i/za/vubienvu-Bien-Etre-Fond.jpg') 1px bottom no-repeat;}
	/** Hack min-height IE6 **/
	html>body .mainContainerContent {height:auto;min-height:612px;}	
	.mainContainerContentBlanc {width:813px;text-align:left;background:url('../i/vubienvu-Bien-Etre-Fond_blanc.jpg') 1px 3px no-repeat;}
.containerHeaderGabarit {width:813px;height:11px;background:url('../i/vubienvu-Bien-Etre-Fond-gabarit-haut.png') top left no-repeat;margin:auto;}	
.containerFooter {width:813px;height:11px;background:url('../i/vubienvu-Bien-Etre-Fond-gabarit-bas.png') top left no-repeat;margin:auto;}	
	
.clearer {clear:both;}
.clearerLeft {clear:left;}
.clearerRight {clear:right;}
.floatLeft {float:left;}
a {outline:none;}
a img {border:none!important;}
strong {font-weight:bold;}
em {font-style:italic;}
abbr, acronym {border-bottom: 1px dotted gray;cursor: help;}
.rouge {color:#ad2221;}
.etoileRouge {color:#ad2221;}

.containerContent {position:relative;}
.content {font-size:0.95em;width:610px;}

.cursorLess {cursor:default!important;}

/** Css des messages **/
.messageErreur {padding:10px;color:#000000;margin-top:5px;margin-right:5px;background:url('../i/exclamation.gif')  10px 8px no-repeat;padding-left:30px;border:solid 1px #ad2221;}
.messageConfirm {padding:10px;color:#000000;margin-top:5px;margin-right:5px;background:url('../i/icon-tick.png')  10px 8px no-repeat;padding-left:30px;border:solid 1px #94c11f;}


/** Bug IE 6 PNG **/
 img, div { behavior: url(c/iepngfix.htc)}

/** Css du bloc de recherche **/
.containerBlocHautDroite {width:150px;height:136px;float:right;}
	#containerRecherche {text-align:right;height:60px;background:url('../i/Cadre_Recherche.png') no-repeat;background-position:0px 16px;}
		#containerRecherche form{margin:0px;padding:0px;margin-right:25px;}
			#containerRecherche form label{font-weight:bold;color:#312783;}
			#containerRecherche #inputRechercher {border-width:0px;width:110px;margin-top:8px;}
	#containerFacebook {padding-left:5px;}
		#containerFacebook a img {width:120px;height:76px;border:0px;}
	
/** Css des titres **/
#logoVubienvu {margin-top:18px;margin-bottom:0px;}
#sloganVubienvu {margin-bottom:5px;}
#logoVubienvu, #sloganVubienvu {margin-left:176px;}
.containerHeader {width:800px;text-align:center;;margin-top:10px;position:relative;z-index:100;visibility:hidden;}
	.containerHeader h1 {margin:0px;padding:0px;padding-top:10px;font-size:2.2em;font-weight:normal;}
	#containerHeaderAccueil {background:url('../i/vubienvu-titre_Accueil.png') top center no-repeat;color:#94c11f;}
	#containerHeaderNumero1 {background:url('../i/vubienvu-titre_numero_dec.png') top center no-repeat;color:#951b81;}
	#containerHeaderNumero2 {background:url('../i/vubienvu-titre_numero_mars.png') top center no-repeat;color:#951b81;}
	#containerHeaderNumero3 {background:url('../i/vubienvu-titre_numero_juin.png') top center no-repeat;color:#951b81;}
	#containerHeaderNumero4 {background:url('../i/vubienvu-titre_numero_sept.png') top center no-repeat;color:#951b81;}
	#containerHeaderArchives {background:url('../i/vubienvu-titre_archives.png') top center no-repeat;color:#ef7d00;}
	#containerHeaderAnnonceurs {background:url('../i/vubienvu-titre-devenez-annonceur.png') top center no-repeat;color:#009cb4;}
	#containerHeaderContact {background:url('../i/vubienvu-titre_contact.png') top center no-repeat;color:#a4705b;}
	#containerHeaderAutre {color:#5eb6c2;}

/** Css des menus **/
.containerMenu {text-align:center;}
	.containerMenu ul {margin-top:0px;margin-bottom:0px;}
		.containerMenu ul li {display:inline;}
			.containerMenu ul li a {text-decoration:none;}
			.containerMenu ul li a:hover {text-decoration:underline;}
			.containerMenu ul li a.actif {text-decoration:underline;}
			.containerMenu ul li a img {vertical-align:middle;}
	#containerMenuAccessibilite {width:813px;margin:auto;text-align:right;color:#5eb6c2;}
		#containerMenuAccessibilite ul {margin-right:13px;}
			#containerMenuAccessibilite ul a{color:#5eb6c2;}
	#containerMenuPrincipal {width:800px;margin-left:3px;font-size:1.3em;color:#000000;}
	#containerMenuPrincipal ul {margin:0px;padding:0px;}
		#containerMenuPrincipal ul a{color:#000000;}
			#containerMenuPrincipal ul a#lienAccueil{color:#94c11f;}
			#containerMenuPrincipal ul a#lienNumero{color:#951b81;}
			#containerMenuPrincipal ul a#lienArchives{color:#ef7d00;}
			#containerMenuPrincipal ul a#lienAnnonceurs{color:#009cb4;}
			#containerMenuPrincipal ul a#lienContact{color:#a4705b;}
			#containerMenuPrincipal ul a#lienPartenaires{color:#cd0e1d;}
	#containerMenuBas {color:#000000;}
		#containerMenuBas ul a{color:#000000;}
		
	.texteInfosLegalesContenus {font-size:.7em;color:#5eb6c2;}
		
/** Css des annonces publicitaires **/
/** Voir aussi la CSS slideshow.css **/
.containerAnnonces {position:absolute;bottom:0px;right:0px;z-index:1;margin-top:-34px;padding-right:12px;width:189px;}
	.containerAnnonces img {width:189px;height:143px;margin:0px;padding:0px;}		
	.containerAnnonces .containerAnnonceGrandFormat img {width:189px;height:auto!important;margin:0px;padding:0px;}
#mainContainerContentBlancGd {min-height:660px;padding-bottom:0px;}
.containerAnnonceGrandFormat {padding-bottom:0px;}
	.containerAnnonceGrandFormat img{margin:0px;padding:0px;display:block;}
/*#mainContainerContentBlancGd	.containerAnnonces {position:absolute;top:99px!important;}*/
#mainContainerContentBlancGd .containerAnnonces {position:Static;float:right;margin-top:22px;}
	
/** Css de la page d'accueil **/
.mainContainerContentAccueilHaut {width:495px;height:14px;background:url('../i/Cadre_Blanc1_gd.png') top left no-repeat;margin-left:60px;margin-top:10px;}
.mainContainerContentAccueilMilieu {background:url('../i/Cadre_Blanc_Milieu_gd.png') top left repeat-y;padding-top:10px;padding-bottom:0px;margin-left:60px;width:495px;}
	#logoVubienvuPetit {margin-left:71px;}
	#edito, #sommaire {width:276px;text-align:left;padding-left:20px;font-size:1.2em;}
	#edito {margin-bottom:0px;}
	/**.containerCouverture {background:url('../i/Livre.png') top left no-repeat;width:138px;height:185px;position:absolute;margin-left:310px;padding-left:3px;}**/
	.containerCouverture {background:url('../i/Livre.png') top left no-repeat;width:138px;height:185px;float:right;padding-right:35px;}
		.containerCouverture img {width:127px;height:176px;}
		#pictoNumero {position:absolute;z-index:4;margin-left:120px;margin-top:-10px;width:35px;height:35px;}
		#couvertureNumeroCourant {margin-top:7px;}		
#mainContainerContentAccueilMilieuActus {padding-left:10px;}
	#mainContainerContentAccueilMilieuActus h2 {margin:0px;}
	#mainContainerContentAccueilMilieuActus a {color:#5eb6c2;float:right;padding-right:30px;text-decoration:none;}
		#mainContainerContentAccueilMilieuActus a:hover {text-decoration:underline;cursor:pointer;}
.mainContainerContentAccueilBas{width:495px;height:14px;background:url('../i/Cadre_Blanc2_gd.png') top left no-repeat;margin-left:60px;}

/** Css de la rubrique numéro courant **/
#logoVubienvuPetitSommaire {margin-left:50px;margin-right:40px;}
#pictoNumeroSommaire {position:absolute;z-index:4;margin-top:-10px;margin-left:-40px;width:35px;height:35px;}
.mainContainerContentAccueilMilieu h2 {text-transform:uppercase;display:inline;font-size:1.5em;margin:0px;padding:0px;color:#951b81;}
#sommaire {margin:0px;padding:0px;margin-top:10px;margin-left:20px;font-size:1em;}

/** Css de la rubrique des Archives **/
.containerArchive {margin-top:30px;padding-left:40px;height:340px;}
	.containerArchive h3 {color:#5eb6c2;}
	.containerArchive h2 {color:#951b81;font-size:1.5em;}
	.containerArchive #pictoNumeroSommaire {margin-left:480px;margin-top:-30px;}
	.containerArchive .containerCouverture {position:static;float:left;margin:0px;padding-top:6px;margin-right:0px;}
	.containerArchive img{display:block;float:left;}
	.containerArchive .aideClique {clear:left;text-align:center;color:#ef7d00;padding-top:10px;} 
	.containerArchive .containerArchiveSommaire {float:left;width:350px;padding-left:20px;border-left:solid 1px #5eb6c2;}
	#pictoNumeroArchive {position:absolute;z-index:4;margin-left:115px;margin-top:-10px;width:35px;height:35px;}
.containerNavigationArchives {width:590px;text-align:right;color:#5eb6c2;font-weight:bold;}
	.containerNavigationArchives a {color:#5eb6c2;}	
	.numCourant {color:#ef7d00;}


/** Css de la rubrique Devenez Annonceur **/
#messageInteresse {font-weight:bold;font-size:1.5em;text-align:center;}
#lienFormDevenirAnnonceur {font-size:.75em;color:#5eb6c2;font-weight:bold;}
#ensavoirplus {text-align:center;padding:20px;}
	#ensavoirplus a {color:#000000;font-weight:bold;font-size:1.2em}

/** Css pour l'éditeur **/
.vertFonce1 {color:#00722c;font-weight:bold;}
.vertFonce2 {color:#009036;font-weight:bold;}
.vertClair1 {color:#7e9823;font-weight:bold;}
.vertClair2 {color:#91b80e;font-weight:bold;}
.marronClair1 {color:#a4705b;font-weight:bold;}
.marronClair2 {color:#d6a582;font-weight:bold;}
.violetFonce1 {color:#7d1f81;font-weight:bold;}
.violetClair1{color:#af8fbd;font-weight:bold;}
.bleuClair1{color:#009ee1;font-weight:bold;}
.bleuClair2{color:#b8bfe2;font-weight:bold;}
.bleuClair3{color:#009cb4;font-weight:bold;}
.bleuFonce1{color:#172983;font-weight:bold;}
.bleuFonce2{color:#08618c;font-weight:bold;}
.bleuFonce3{color:#334395;font-weight:bold;}
.rougeClair1{color:#cd0e1d;font-weight:bold;}
.rougeFonce1{color:#96302e;font-weight:bold;}
.rougeFonce2{color:#cd1719;font-weight:bold;}
.rose1{color:#e6007e;font-weight:bold;}
.orangeClair1 {color:#ee7f00;font-weight:bold;}
.orangeFonce1{color:#e85410;font-weight:bold;}
.jaune1 {color:#faba00;font-weight:bold;}
.jaune2 {color:#ffed00;font-weight:bold;}



/** Css de la rubrique Contact **/
.containerContact {padding-bottom:10px;}
	.containerContact fieldset {width:540px;border:solid 1px #5eb6c2;margin-left:20px;margin-top:15px;margin-bottom:0px;padding-left:20px;}
		.blocAdresse {float:left;width:140px;}	
		.containerContact fieldset a{color:#5eb6c2;text-decoration:none;font-weight:bold;}
		.containerContact fieldset label {display:block;width:200px;float:left;font-weight:bold;}
		.containerContact fieldset input, textarea {border:solid 1px #5eb6c2;width:320px;}
		.containerContact fieldset textarea {height:90px;}
		.containerContact fieldset #envoyer {background-color:#5eb6c2;cursor:pointer;color:#ffffff;}
	.containerContact legend {font-weight:bold;color:#5eb6c2;font-size:1.2em;}
	.infosForm {font-style:italic;margin-top:10px;font-size:.8em;}
	.labelNum {float:left;width:50px;} 

/** Css de la rubrique Mentions Légales **/
.containerMentionsLegales {padding-top:30px;}	
	.containerMentionsLegales h2{color:#5eb6c2;font-weight:bold;font-size:1.1em;}
	.containerMentionsLegales a {color:#5eb6c2;text-decoration:underline;}
	.containerMentionsLegales a:hover {color:#ef7d00;text-decoration:underline;}
	.containerMentionsLegales .blocInfosMentionsLegales {float:left;width:280px;margin-left:20px;}
	.containerMentionsLegales .blocCredits, .blocPartenaires {margin-left:20px;width:580px;clear:left;}
	
/** Css du plan du site **/
.containerPlanSite {padding-top:50px;font-size:1.2em;}
	.containerPlanSite p {color:#ef7d00;text-align:center;}
	.containerPlanSite a {color:#5eb6c2;}
		.containerPlanSite a:hover {color:#ef7d00;}

/** Css de la rubrique d'aide **/
.containerAide {padding-top:10px;padding-left:15px;font-size:.95em;}
	.containerAide ul {padding:0px;padding-left:10px;}
	.containerAide h2{color:#5eb6c2;font-weight:bold;font-size:1.1em;}
	.containerAide .blocAide {float:left;width:220px;text-align:left;}
	.containerAide #blocAideDroite {width:360px;margin-left:10px;}
	
/** Css de la rubrique Partenaires **/
.blocPartenaires h3 {color:#5eb6c2;clear:both;}
.blocPartenaires .imgPartenaires {float:left;margin-right:10px;}
.blocPartenaires p {text-align:justify;}
	
/** Css de la rubrique Actualités **/
.imgActualites {float:left;margin-right:10px;width:100px;border:solid 1px #5eb6c2;}
.containerNavigationActus {padding-top:10px;float:right;}

/** Css de l'index.html provisoire **/

/** Css du résultat de la recherche **/
.containerResultatsRecherche {padding:20px;font-size:1em;}
	.containerResultatsRecherche p {padding-left:15px;}
	.containerResultatsRecherche h2 {color:#5eb6c2;font-size:1.2em;margin-bottom:5px;}	
	.containerResultatsRecherche h3 {color:#000000;font-size:1.1em;margin-bottom:3px;padding-bottom:0px;text-decoration:underline;}
	.containerResultatsRecherche hr {border:none;border-bottom:solid 1px #5eb6c2;width:100%; }
	.containerResultatsRecherche .pictoNumero {width:35px;height:35px;float:left;margin-right:5px;}
	.containerResultatsRecherche .extraitSommaire {font-size:.9em;}


