@media screen{	
	/* Reset 
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
	---------------------- */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
		
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: black;
		background: white;
	}
	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}
	
	/* Reset complémentaires
	---------------------- */	
	
	a{outline:none}
	
/*	hr {
		clear:both;
		visibility:hidden;
		height:0;
		border:none;
		padding:0;
		margin:0;
		width:auto;
	}*/
	
	hr
	{
		clear:both;
		visibility:visible;
		height:0;
		background:#fff;
		color:#fff;
		border:none;
		border-top:1px #6a6a6a dotted;
		margin:auto;
		width:80%;
		margin-top:10px;
		padding-bottom:15px;
	}	
	
	
	/* Typographie
	-------------------------------------------------------------- */

	/* Default font settings. 
	   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
	
	body{
		font:.75em/1.5em normal Verdana, Arial, sans-serif;
	  	color: #333; 
	  	background: #fff;
/*		text-align: center;*/
	}
	html>body{
		font-size:12px;
	}	


	/* Headings
	-------------------------------------------------------------- */

	h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

	h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
	h2 { font-size: 2em; margin-bottom: 0.75em; }
	h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0.5em; }
	h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 0.5em; height: 1.25em; font-weight:bold;}
	h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
	h6 { font-size: 1em; font-weight: bold; }

	h1 img, h2 img, h3 img, 
	h4 img, h5 img, h6 img {
	  margin: 0;
	}


	/* Text elements
	-------------------------------------------------------------- */

	p           { margin: 0 0 1em; text-align:justify;}
/*	p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }*/
	p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

	a:link      { color: #333; text-decoration: none; }
	a:visited   { color: #333; text-decoration: none; }	
	a:focus, 
	a:hover     { color: #333; text-decoration: underline;}
	a:active	{ color: #333; }

	blockquote  { margin: 1.5em; color: #666; font-style: italic; }
	strong      { font-weight: bold; }
	em,dfn      { font-style: italic; }
	dfn         { font-weight: bold; }
	sup, sub    { line-height: 0; }

	abbr, 
	acronym     { border-bottom: 1px dotted #666; }
	address     { margin: 0 0 1.5em; font-style: italic; }
	del         { color:#666; }

	pre,code    { margin: 1.5em 0; white-space: pre; }
	pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 
	small		{ font-size:.9em;}
	

	/* Lists
	-------------------------------------------------------------- */

/*	li ul, 
	li ol       { margin:0 1.5em; }
	ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

	ul          { list-style-type: square; }
	ol          { list-style-type: decimal; }

	dl          { margin: 0 0 1.5em 0; }
	dl dt       { font-weight: bold; }*/
	dd          { margin-bottom: 1.5em;}


	/* Tables
	-------------------------------------------------------------- */

	table       { margin-bottom: 1.4em; width:100%; }
	th          { font-weight: bold; background: #C3D9FF; }
	th,td       { padding: 4px 10px 4px 5px; text-align:justify; }
	tr.even td  { background: #E5ECF9; }
	tfoot       { font-style: italic; }
	caption     { background: #eee; }


	/* Forms
	---------------------- */

	fieldset
	{
		font-size:100%;
		color:#515151;
		padding:5px 10px;
		border:1px solid #ccc;
		margin-bottom:1.5em;
	}
	legend
	{
		font-size:1.2em;
		font-weight: bold; 
		color:#6a6a6a;
	}	
	
	label.left{
		width:150px;
		float:left;
		display:block;
	}
	
	input,textarea{
		border:1px #ccc solid;
		margin-bottom:5px;
	}
	
	textarea{
		width:100%;
	}
	
	
	/* Boutons Submit + reset */

	.buttons{
		float:right;
		margin-bottom:1em;
	}

	.buttons a, .buttons button{
	    display:block;
	    float:left;
	    margin:0 0 0 7px;
	    background-color:#f5f5f5;
	    border:1px solid #dedede;
	    border-top:1px solid #eee;
	    border-left:1px solid #eee;
	    font-family:Verdana, sans-serif;
	    font-size:100%;
	    line-height:130%;
	    text-decoration:none;
	    font-weight:bold;
	    color:#565656;
	    cursor:pointer;
	    padding:5px 10px 6px 7px; /* Links */
	}
	.buttons button{
	    width:auto;
	    overflow:visible;
	    padding:4px 10px 3px 7px; /* IE6 */
	}
	.buttons button[type]{
	    padding:5px 10px 5px 7px; /* Firefox */
	    line-height:17px; /* Safari */
	}
	*:first-child+html button[type]{
	    padding:4px 10px 3px 7px; /* IE7 */
	}
	.buttons button img, .buttons a img{
	    margin:0 3px -3px 0 !important;
	    padding:0;
	    border:none;
	    width:16px;
	    height:16px;
	}
	/* STANDARD */

	button:hover, .buttons a:hover{
	    background-color:#dff4ff;
	    border:1px solid #c2e1ef;
	    color:#336699;
	}
	.buttons a:active{
	    background-color:#6299c5;
	    border:1px solid #6299c5;
	    color:#fff;
	}

	/* POSITIVE */

	button.positive, .buttons a.positive{
	    color:#529214;
	}
	.buttons a.positive:hover, button.positive:hover{
	    background-color:#E6EFC2;
	    border:1px solid #C6D880;
	    color:#529214;
	}
	.buttons a.positive:active{
	    background-color:#529214;
	    border:1px solid #529214;
	    color:#fff;
	}

	/* NEGATIVE */

	.buttons a.negative, button.negative{
	    color:#d12f19;
	}
	.buttons a.negative:hover, button.negative:hover{
	    background:#fbe3e4;
	    border:1px solid #fbc2c4;
	    color:#D12F19;
	}
	.buttons a.negative:active{
	    background-color:#d12f19;
	    border:1px solid #d12f19;
	    color:#fff;
	}	
	
	
	
	/* Layout
	---------------------- */	


	#wrapper
	{
		width:766px;
		margin:0 auto;
		position:relative;
	}

	#content{
		float:left;
		width:706px;
		padding:10px 30px;
	}

	#content #gauche{
		float:left;
		width:420px;
		margin-right:20px;
	}
	
	#content #droite{
		float:left;
		width:266px;
	}
	
	#content #contact{
		float:left;
		width:226px;
		margin-right:20px;		
	}	
			
	#content #formulaire{
		float:left;
		width:460px;
	}	
	
	
	
	h2.titre
	{
		font-size:1.6em;
		padding-left: 35px;
		line-height:1.5em;
		background: url("../images/boule.gif") no-repeat 0 0;	
	}
	
	h3{
		color:#cc0000;
		font-size:1.4em;
	}
	
	.center{
		clear:left;
		text-align:center;
	}	
	
	span,a.red
	{
	color:#cc0000!important;
	}

	a:link,
	a:visited
	{font-weight:bold;color:#333;text-decoration:none;}
	a:hover
	{text-decoration:underline;color:#555;}
	a:active
	{text-decoration:underline;color:#333;}
	
	li
	{
		background: url("../images/marker.gif") no-repeat 0px 6px;
		padding-left: 25px;
		list-style-type:none;
	}
	

	.illustr{
		clear:left;
		width:127px;
		float:left;
		margin-right:20px;
	}

	.illustr span{
		display:block;
		color:#626262;
		font-weight:bold;
		text-align:center;
		
	}

	.temoignage dt
	{
		width:140px;
		float:left;
		padding-right:5px;
	}

	.temoignage dd
	{
		position:relative;	
		margin-left:150px;
	}

	.temoignage em
	{
		font-style:italic;
	}



	#scrollup
	{
		margin-top:0px;
		margin-bottom:20px;
		padding-left:5px;
		position:relative;
		background-color:#d1d1d1;
		border:1px solid #c5c5c5;
		height:55px;
		overflow:hidden;
			
	}
	
	
	.headline
	{
		position: absolute;
		top: 55px;
		
	}
	.logo
	{
		margin-top:6px;
		position: absolute;	
	}

	#scrollup p
	{
		margin:0;
		padding:5px 5px 0 0;
		line-height:12px;
		text-align:left;
		color:#333;
	}
	
	#scrollup p a
	{
		margin-left:128px;
		font-size:90%;
		float:right;
		color:#333;
	}
	
	#scrollup p a:hover
	{
		margin-left:128px;
		font-size:90%;
		float:right;
		text-decoration:underline;
	}


	#footer
	{
		padding-top:10px;
		margin-top:10px;	
		height:50px;
		clear:both;
		text-align:center;
		border-top:4px #515151 solid;
	}
	#footer a
	{
		color:#6A6A6A;
		text-decoration: none ;
	}

	img.droite_accueil {margin-left:22px; border: solid 1px #999999;}
	
	/*#droite img{
		margin-left:22px;
	}*/
	
   


}

/*Rajout du 19 février pour éviter l'espace sous mozilla entre menu et bandeau*/
/*border: solid 1px #FF0000;*/
#header { width:766px; height:164px;float:left;}
#bandeau { width:766px; height:246px;float:left; margin-bottom:0px;}
ul.liste_accueil { margin-top:5px;}
ul.liste_accueil li { padding-bottom:5px; margin-left:5px;
}
p.home_confiance { font-size:14px; color:#685959; font-weight:bold; margin:0; padding:0; }	
#blog { width:766px; float:left; text-align:right; }
#blog2 { width:766px; float:left; text-align:right; }
img.gauche { float:left; margin-right:10px}
img.droite { float:right; margin-left:10px;}
#bloc_journal{ width:150px; height:150px; border:1px dashed #999999; float:right; margin-left:20px; }
#bloc_journal p{ font-size:36px; font-weight:bold; line-height:30px; text-align:center}

#conseil { background-image:url(../images/bloc_concept2_02.gif) ;background-repeat: repeat; width:714px; height:auto; float:left;}
#conseil #bas_bloc { background-image:url(../images/bloc_concept2_03.gif) ; width:714px; height:23px; float:left;}
ul.concept {margin-bottom:15px; height:auto; float:left; margin-left:25px; width:655px; }
ul.concept li
	{
	    padding: 0; margin:0;
		background: none;
		list-style-type:none;
		line-height:23px;
	}
ul.concept img
	{
	margin-right:10px;
	vertical-align:middle;
	}
ul.services { float:left; margin-left:20px}
div.soiree_gala { margin-left:150px;}
img.border { margin:7px;}
#pourquoi_nous{ background-image:url(../images/accueil2.gif) ;background-repeat: repeat; width:274px; height:auto; float:left; margin-bottom:10px}
#pourquoi_nous #bas_bloc { background-image:url(../images/accueil3.gif) ; width:274px; height:17px; float:left;}
span.event_success { font-size:16px}
@media print{
	
	body {
	  line-height: 1.5;
	  font-family: Verdana, Arial, sans-serif;   
	  color:#000;
	  background: none;
	  font-size: 10pt;
	}
	
	#hierarchie,
	#navigation-main,
	#nav-context,
	#header,
	#footer,
	#jumper,
	hr{
		display:none;
	}
	
	a:link, a:visited {
	  background: transparent;
	  font-weight:700;
	  text-decoration: underline;
	}

	a:link:after, a:visited:after {
	  content: " (" attr(href) ") ";
	  font-size: 90%;
	}
	
}

