@charset "UTF-8";
/* CSS Document */

/******************************/
/*  HTML, BODY                */
/******************************/

	/* Force le scroll vertical à être présent */
	html { 
		overflow-y: scroll; 
		overflow: -moz-scrollbars-vertical;
	}
	
	
	/* Mise à 0 pour tous les navigateurs */
	html, body { 
		padding: 0px;
		margin: 0px;
		height: 100%; /* Utile pour les sites qui doivent avoir un footer tjs en bas de page */
	}
	
	/* Couleur de fond et centrage du site */
	body { 
		background: #000000 url(design/background_top.jpg) top repeat-x;
		-background: #000000; /* IE6 */
		text-align: center;
		}
		
	/* Formatage du caractère par défaut */	
	body, table { 
		font-size: 15px;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #343434;
		}
		
		
/******************************/
/*  STRUCTURE                 */
/******************************/
		
	/* position de l'entier du site */	
	#Global { 
		position: relative;
		margin: 0 auto; /* centre #global sur la page */
		width: 990px;
		text-align: left; /* Annule l'alignemnt défini dans body qui centre #global */
		}
		
	#Top {
		background: url(design/rdh_top.png) no-repeat left top;
		height: 245px;
		}
		
	#Menu {
		position: absolute;
		height: 50px;
		width: 1000px;
		top: 190px;
		left: -5px;
		}
		
	/* Menu des Lang */	
	#Lang {
		position: absolute;
		height: 15px;
		width: 50px;
		top: 205px;
		right: 10px;
		}
	
	#MenuLang #LangFr a, #MenuLang #LangFr a:visited, #MenuLang #LangFr a:active {
		background: url(design/menu_lang.png) left top;
		float: left;
		height: 15px;
		width: 25px;
		}
		
	#MenuLang #LangFr a:hover, #MenuLang #LangFr a:focus, #MenuLang #LangFr .SelectedLang a{
		background: url(design/menu_lang.png) left bottom;
		}
		
	#MenuLang #LangEn a, #MenuLang #LangEn a:visited, #MenuLang #LangEn a:active {
		background: url(design/menu_lang.png) right top;
		float: left;
		height: 15px;
		width: 25px;
		}
		
	#MenuLang #LangEn a:hover, #MenuLang #LangEn a:focus, #MenuLang #LangEn .SelectedLang a{
		background: url(design/menu_lang.png) right bottom;
		}
		
	/* Contenu */	
	
	#PageGauche {
		float: left;
		width: 650px;
		}
				
	#PageDroite {
		float: right;
		width: 320px;
		}
		
	#Page {
		width: 610px;
		padding: 20px;
		background: #FFF;
		}
		
	#InterieurGauche {
		float: left;
		width: 300px;
		}
				
	#InterieurDroite {
		float: right;
		width: 300px;
		}
		
		
	#Footer {
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#Footer a, #Footer a:visited, #Footer a:active  {
		color: #343434;
		text-decoration: none;
		}
	
	#Footer a:hover, #Footer a:focus {
		color: #999999;
		text-decoration: none;
		background: none;
		}
		

/******************************/
/*  CONTENU                 */
/******************************/
	
	
	/******************************/
	/*  Remise à 0                */
	/******************************/
	form, img, ul, li, h1, h2, h3, h4, p, table {
		padding: 0px;
		margin: 0px;
		border: 0px;
	}
	
	/* Alignement des listes à l'intérieur de la div */	
	ul, li {
		margin-left: 1em;
	}
	
	ul {
		margin-bottom: 15px;
	}
	
	/* Annule les définitions de float */	
	.Spacer {
		clear: both;
	}
	
	/******************************/
	/*  Titre et paragraphes       */
	/******************************/	

	h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 22px;
		color: #343434;
		margin-bottom: 20px;
		}

	h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #343434;
		margin-bottom: 5px;
		margin-top: 10px;
		}
	
	h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #004EB8;
		margin-bottom: 5px;
		}
		
	h4 {
		}
		
	h5 {
		}
	
	p {
		margin-bottom: 15px;
		text-align: justify;
		line-height: 150%;
		}
		
	/******************************/
	/*  Tables                   */
	/******************************/	
	
	.Tab {
		width: 100%;
		margin-bottom: 15px;
	}
	
	.Tab td {
		vertical-align: top;
		margin-bottom: 5px;
	}

	/******************************/
	/*  Liens                 */
	/******************************/	
	
	a, a:visited, a:active  {
		color: #004EB8;
		text-decoration: none;
		}
	
	a:hover, a:focus {
		color: #FFFFFF;
		background: #004EB8;
		text-decoration: none;
		}
		
	/******************************/
	/*  Modules                   */
	/******************************/
	
	/* Commun */	
	
	.Module {
		margin-top: 30px;
		width: 320px;
		text-align: left;
	}
	
	.Module .ContenuModule, .Module .ContenuModule table td {
		color: #000;
		font-size: 13px;
		font-family: Arial, Helvetica, sans-serif;
		vertical-align: top;
	} 
	
	.Module .ContenuModule {
		padding: 10px;
		background: #FFFFFF;
	} 
	
	.Module h1 {
		color: #FFF;
		font-size: 17px;
		height: 29px;
		padding-top: 3px;
		margin: 0px;
		font-weight: normal;
		padding-left: 10px;
	}
	
	.Module img {
		float: left;
		width: 120px;
		padding-right: 7px;
	}
	
	.Module p, .Module table {
		margin-bottom: 10px;
		line-height: normal;
	}
	
	.Module .Arrondi {
		background: url(design/modules/modules_background_bottom.png) no-repeat top;
		height: 10px;
	}
	
	/* Module Agenda */	
	
	.Agenda {
		width: 300px;
	}
	
	.Agenda h1 {
		padding-left: 50px;
		background: url(design/modules/modules_background_top_bleu.png) no-repeat top;
	} 
	
	.Agenda .Logo {
		position: absolute;
		width: 47px;
		height: 38px;
		background: url(design/modules/modules_logo_agenda.png) no-repeat;
		margin-top: -5px;
		margin-left: -3px;
	} 
	
	.Agenda .ContenuModule {
		background: url(design/modules/modules_background_agenda.jpg) repeat-x top left;
		_height: 137px;
		min-height: 137px;
	}
	
	.Agenda .Date {
		width: 100px;
		padding-right: 7px;
	}
	
	/* Module Blog */	
	
	.Blog h1 {
		padding-left: 70px;
		background: url(design/modules/modules_background_top_brun.png) no-repeat top;
	} 
	
	.Blog .Logo {
		position: absolute;
		width: 72px;
		height: 76px;
		background: url(design/modules/modules_logo_blog.png) no-repeat;
		margin-top: -25px;
		margin-left: -10px;
	}
	
	.Blog .ContenuModule {
		padding-top: 20px;
	}
	
	/* Module Temoignages */	
	
	.Temoignage {
		background: url(design/modules/modules_background_temoignage.png) no-repeat;
		height: 268px;
	}
	
	.Temoignage .ContenuModule {
		background: none;
	}
	
	.Temoignage .Extrait {
		width: 260px;
		padding-left: 10px;
		padding-top: 5px;
	}
	
	.Temoignage .Extrait p {
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #606060;
		font-size: 20px;
		font-style: italic;
	}
	
	.Temoignage .Extrait span {
		color: #5E4900;
		font-size: 20px;
	}
	
	.Temoignage .Extrait p.Auteur {
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #000000;
		font-size: 16px;
		font-style: normal;
	}
	
	.Temoignage a, .Temoignage a:visited, .Temoignage a:active  {
		color: #7B0000;
		text-decoration: none;
		font-size: 16px;
		}
	
	.Temoignage a:hover, .Temoignage a:focus {
		color: #BF4747;
		text-decoration: none;
		background: none;
		}
		
	/* Module Blog */	
	
	.Archives h1 {
		background: url(design/modules/modules_background_top_brun.png) no-repeat top;
		} 
		
	.Archives {
		margin: 0;
		text-align: left;
		}
		
	.Archives li {
		border: none;
		} 
				
		
		
	/* Module Liens */	
	
	.Liens h1 {
		background: url(design/modules/modules_background_top_brun.png) no-repeat top;
		} 
		
	.Liens p {
		text-align: left;
	}
		
	/* Module Tarifs */	
	
	.Tarifs h1 {
		padding-left: 60px;
		background: url(design/modules/modules_background_top_rouge.png) no-repeat top;
	} 
	
	.Tarifs .Logo {
		position: absolute;
		width: 72px;
		height: 72px;
		background: url(design/modules/modules_logo_methodes.png) no-repeat;
		margin-top: -18px;
		margin-left: -15px;
	}
	
	/* Module Conseils */	
	
	.Conseils h1 {
		padding-left: 60px;
		background: url(design/modules/modules_background_top_brun.png) no-repeat top;
	} 
	
	.Conseils .Logo {
		position: absolute;
		width: 72px;
		height: 72px;
		background: url(design/modules/modules_logo_methodes.png) no-repeat;
		margin-top: -18px;
		margin-left: -15px;
	}
					
	/******************************/
	/*  images                     */
	/******************************/
	
		.Image {
			float: left;
			margin-right: 20px;
		}
		
	/******************************/
	/*  Formulaires               */
	/******************************/	
	
	input, select, textarea {
		width: 100%;
		border: #000000 1px solid;
		background-color: #FFFFFF;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
	}
	
	textarea {
		padding: 0px;
	}
	
	.btnEnvoyer {
		width: 75px;
	}
	
	.FormLargeurLablel {
		width: 100px;
		vertical-align: top;
	}
	
	.tabFormulaire td {
		padding-bottom: 10px;
	}
	
					
	/******************************/
	/*  PAGES                     */
	/******************************/
	
	/* Toutes */	
	#Temoignages ul, #Temoignages li, .Temoignage ul, .Temoignage li, #Produits ul, #Produits li, #Projets ul, #Projets li, #Blog ul, #Blog li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#Temoignages ul, .Temoignage ul, #Produits ul, #Projets ul, #Blog ul {
		margin-bottom: 15px;
	}	
	/* Projets */	
	
	#Projets #Page li, #Produits #Page  li, #Blog #Page li  {
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: #CCCCCC solid 3px;
	}
	
	/* Temoignages */
	
	#Temoignages .ZoneTemoignageTop {
		height: 10px;
		background: url(design/zonetemoignages_top.png) no-repeat top;
	}
	
	#Temoignages .ZoneTemoignageBottom {
		height: 10px;
		background: url(design/zonetemoignages_bottom.png) no-repeat top;
		margin-bottom: 30px;
	}
	
	#Temoignages .ZoneTemoignage {
		padding: 0px 10px 0px 10px;
		background-color: #DFF0FF;
	}
	
	#Temoignages .ZoneTemoignage h2 {
		background: #eff7ff;
		padding: 3px;
		font-size: 18px;
		font-style: italic;
	}	
	
	#Temoignages .ZoneTemoignage p {
		text-align: justify;
		margin-bottom: 7px;
		font-size: 14px;
	}	
	
	#Temoignages .TemoignageOff {
		overflow: hidden;
		height: 150px;
	}
	
	#Temoignages p.LienTemoignage {
		text-align: right;
		margin: 0;
		padding: 0;
		margin-top: 10px;
	}
	
	#Temoignages .TemoignageOff .Image {
		width: 100px;
		border: #EFF7FF 4px solid;
	}
	
	#Temoignages .ZoneTemoignage .MultimediaTop {
		height: 10px;
		background: url(design/zonemultimedia_top.png) no-repeat top;
	}
	
	#Temoignages .ZoneTemoignage .MultimediaBottom {
		height: 10px;
		background: url(design/zonemultimedia_bottom.png) no-repeat top;
	}
	
	#Temoignages .ZoneTemoignage .Multimedia {
		background: #EFF7FF;
		padding: 0px 10px 0px 10px;
	}	
	
	#Temoignages .ZoneTemoignage .Multimedia, #Temoignages .ZoneTemoignage .Multimedia p {
		text-align: center;
	}	
	
	#Temoignages .ZoneTemoignage .Multimedia .Audio .AudioAvant {
		margin-bottom: 15px;
	}	
	
	#Temoignages .ZoneTemoignage .Multimedia .Audio .AudioAvant {
		float: left;
		width: 50%;
	}
	
	#Temoignages .ZoneTemoignage .Multimedia .Audio .AudioApres {
		float: right;
		width: 50%;
	}		
	
	/* Système navigation de pages */	
	.Navigation td a {
		padding-left: 3px;
		padding-right: 3px;
	}
	
	.Navigation table {
		margin-top: 15px;
		width: 100%;
	}	
	
	.Navigation table td {
		width: 33%;
	}
	
	.Navigation table td.Suivant {
		text-align: right;
	}
	
	.Navigation table td.Numeros {
		text-align: center;
	}

	/* Biographie */	
	#Bio .Image, #Blog .Image {
		width: 230px;
	}
	
	/* Produits */	
	.Prix {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 7px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.ContenuProduit {
		float: left;
		width: 505px;
	}
	
	#Produits .Image {
		width: 85px;
	}
	
	/* Agenda */	
	#Agenda .Image {
		float: none;
		margin-right: 5px;
		width: 90px;
	}
	
	#Agenda .Image Img {
		width: 85px;
	}
	
	
	/******************************/
	/*  Messages d'erreurs        */
	/******************************/
	.MessageErreur, .MessageOk, .MessageConfirm {
		padding: 5px;
		margin: 5px;
		font-weight: bold;
		font-size: 16px;
		border-style: dashed;
		border-width: 1px;
	}
	
	.MessageErreur a, .MessageOk a, .MessageConfirm a {
		color: #FFFFFF;
	}

	.MessageErreur {
		background-color: #EBCCCC;
		border-color: #9D0000;
		color: #9D0000;
	}
	
	.MessageOk {
		background-color: #CFE1CC;
		border-color: #0E6600;
		color: #0E6600;
	}
	
	.MessageConfirm {
		background-color: #CCCCEF;
		border-color: #0000FF;
		color: #0000FF;
	}
	
	.FieldError {
		background-color: #FFFF99;
		border: #990000 dotted 1px;;
	}