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

/*  ------------------------------------------------------------------------------- site général  */

*{background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline; }


body{	background:#dab75d;
		background: -moz-linear-gradient(top, #dab75d 0%, #92772e 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dab75d ), color-stop(100%,#92772e)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #dab75d 0%, #92772e 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #dab75d 0%, #92772e 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #dab75d 0%, #92772e 100%); /* IE10+ */
		background: linear-gradient(top, #dab75d  0%, #92772e 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dab75d', endColorstr='#92772e',GradientType=0 ); /* IE6-9 */
	height:auto; width:100%; margin:0 auto;
	color:#053144; }
	
p {font-family: Helvetica, Arial, sans-serif; font-size:14px; font-weight:normal; color:#053144; margin:0px 0 20px 45px; line-height:150%; word-spacing: 0.10em;letter-spacing:0.1em;}
p.tel {font-family: Helvetica, Arial, sans-serif; font-size:14px; font-weight:normal; color:#053144; margin:-2em 0 0 2em; line-height:150%;word-spacing: 0.10em;letter-spacing:0.1em;}
p.courriel {font-family: Helvetica, Arial, sans-serif; font-size:14px; font-weight:normal; color:#053144; margin-left:2em; line-height:150%;word-spacing: 0.10em;letter-spacing:0.1em;}
p.commentaire {font-family: Helvetica, Arial, sans-serif; font-size:14px; color:#053144; line-height:150%;word-spacing: 0.10em;letter-spacing:0.1em; padding-left:2em;}
p.traitements {font-family: Helvetica, Arial, sans-serif; font-size:16px; font-weight:normal; color:#053144; margin:0px 0 20px 45px; line-height:200%;word-spacing: 0.10em;letter-spacing:0.1em;}
p.marge {width:450px; margin:0 auto; margin-bottom:2em; margin-top:-1em;}

img {border :none;}
	
a {text-decoration: none; color:#b71d21;}
a:hover {text-decoration:underline; color:#92772e;}

/*  ------------------------------------------------------------------------------------------ hgroup */

h1 {font-family:'Rosario', Helvetica, Arial, sans-serif; font-size:20px;color:#fff; padding:2em 0 2em 0; font-weight:normal; line-height:150%;word-spacing: 0.10em;letter-spacing:0.1em;}
h2 {font-family:'Rosario', Helvetica, Arial, sans-serif; font-size:16px;color:#fff; padding:0 0 2em 1em; font-weight:normal; line-height:150%;word-spacing: 0.10em;letter-spacing:0.1em;}
h3 {font-family:'Rosario', Helvetica, Arial, sans-serif; font-size:16px;color:#92772e; padding:2em 0 .50em 1em; font-weight:normal; line-height:150%;word-spacing: 0.10em;letter-spacing:0.1em;}


/*  ------------------------------------------------------------------------------------------ contenu */

#contenu {margin: 0 auto;
	height: auto !important;
	height: 100%; 
    width: 100%;
	word-wrap: break-word; }

/*  ------------------------------------------------------------------------------------------ header */

header{
		margin: 0 auto;
		margin-top:45px;
        width:100%;
		height:200px;
		background: url(../images/fond/header.jpg) no-repeat; z-index:2;
		word-wrap: break-word;
		}

		
#contenthead {width:650px; margin-top:2em;}

		#logo {width:215px; height:216px; background:url(../images/logo/logo.png); float:left; margin-top:-2em; margin-left:10em;}
		
		#identite {width:250px; float:left;margin-top:1.25em; margin-left:-4em; }
		p.titre {font-family:'Rosario', Arial, Helvetica, sans-serif; font-size:15px; margin:0px 0 20px 5px; line-height:150%; word-spacing: 0.10em;letter-spacing:0.1em;}
		
		#coordonnees {width:235px; float:right; margin-top:1em; margin-right:-15em; 
		border: double 3px #92772e; -moz-border-radius: 25px 10px;
        border-radius: 25px 10px; padding:1em;  box-shadow: 3px 0px 15px #92772e;}
		
        li.coord {font-family:'Tenor Sans', Arial, Helvetica, non-serif; font-size:14px;}
		
/*  ------------------------------------------------------------------------------------------ navigation haut*/


nav.haut {width:100%; height:auto; padding: 1em 0 0.25em 2em; background:#119fdc; /* Old browsers */
		background: -moz-linear-gradient(top, #dab75d 0%, #119fdc 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dab75d ), color-stop(100%,#119fdc)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #dab75d 0%, #119fdc100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #dab75d 0%, #119fdc 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #dab75d 0%, #119fdc 100%); /* IE10+ */
		background: linear-gradient(top, #dab75d  0%, #119fdc 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dab75d', endColorstr='##119fdc',GradientType=0 ); /* IE6-9 */
}

ul#menu {width:960px; margin: 0 auto;   font-size:15px; letter-spacing:.08em;}


#menu li {font-family: Helvetica, Arial, sans-serif;  display:inline-block; padding:2px; margin-left:22px;}

#menu a {
	background:#ffffff;
	border:3px double #dab75d;
	color:#b71d21;
	display:block;
	font-weight:bold;
	font-size:12px;
	height:15px;
	width:90px;
    line-height:normal;
	padding:15px 15px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #053144; -moz-border-radius: 15px 5px;
    border-radius: 15px 5px;
}


#menu li:hover, #menu li:focus	{-moz-border-radius: 15px 5px;
    border-radius: 15px 5px;
	background-color:#92772e;
	text-shadow: 1px 1px 1px #053144;
	
}

#menu a:hover,
#menu a:focus {
	background:#1ebdef ;
	color:#f9f9f9 !important;
	text-decoration: none;
	text-shadow: 1px 1px 1px #053144;
}

#menu li.active a  {
	color :#f9f9f9;
	background:#dab75d ;
	text-shadow: 1px 1px 1px #053144;
	border:3px double #92772e;
}

#menu li.active a:hover  {
	color :#dab75d ;
	background:#dab75d ;
	text-shadow: 1px 1px 1px #053144;
}


#menu a:active {
	background:#dab75d;
	color:#f9f9f9;
}


/*  ------------------------------------------------------------------------------------------   main */

#main {width:1025px; margin: 0 auto;}

		
/*  ------------------------------------------------------------------------------------------   section */


section {width:875px; height:auto;  background:#cab88b; margin: 0 auto; box-shadow: 1px 0px 10px #053144; padding-bottom:5em;}
article {width:800px; height:auto;  margin: 0 auto; }

/*  ------------------------------------------------------------------------------------------ navigation gauche*/
nav.gauche {width:150px; height:auto; position:relative; float:left; margin-left:-90px; margin-top:75px; padding:10px 0 10px 10px;  background:#fff; border-radius: 25px 10px; -moz-border-radius: 25px 10px; box-shadow: 1px 2px 3px #053144; border:3px solid #dab75d;}



ul#menug {width:150px; margin: 0 auto; letter-spacing:.04em;}

#menug li {font-family: Helvetica, Arial, sans-serif; padding:5px;}


#menug a {
	background:#ffffff;
	border:3px double #dab75d;
	color:#b71d21;
	display:block;
	font-weight:normal;
	font-size:14px;
	height:10px;
	width:175px;
    line-height:normal;
	padding:15px 0 15px 0;
	text-align:center;
	text-decoration:none;
	text-shadow: 1px 1px 1px #053144; -moz-border-radius: 15px 5px;
    border-radius: 15px 5px;
}


#menug li:hover, #menu li:focus	{-moz-border-radius: 15px 5px;
    border-radius: 15px 5px;
	text-shadow: 1px 1px 1px #053144; width:175px;
	
}

#menug a:hover,
#menug a:focus {
	background:#1ebdef ;
	color:#f9f9f9 !important;
	text-decoration: none;
	text-shadow: 1px 1px 1px #053144;
}

#menug li.active a  {
	color :#f9f9f9;
	background:#dab75d ;
	text-shadow: 1px 1px 1px #053144;
	border:3px double #92772e;
}

#menug li.active a:hover  {
	color :#dab75d ;
	background:#dab75d ;
	text-shadow: 1px 1px 1px #053144;
}


#menug a:active {
	background:#dab75d;
	color:#f9f9f9;
}



/*  ------------------------------------------------------------------------------------------   footer */

footer{
		margin:0 auto;
		z-index:50;
        width:875px;
		height:95px;
		clear:both;
		margin-bottom:1em;
		box-shadow: 1px 0px 5px #053144;
		background:#1ebdef; /* Old browsers */
		background: -moz-linear-gradient(top, #dab75d 0%, #119fdc 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dab75d ), color-stop(100%,#119fdc)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #dab75d 0%, #119fdc 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #dab75d 0%, #119fdc 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #dab75d 0%, #119fdc 100%); /* IE10+ */
		background: linear-gradient(top, #dab75d  0%, #119fdc 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dab75d', endColorstr='#119fdc',GradientType=0 ); /* IE6-9 */}

table.foot {width:875px;}
td.tel {font:15px 'Tenor Sans', Arial, Helvetica, sans-serif; padding-left:1em; padding-top:1em; width:435px;}
td.droits {font:11px 'Tenor Sans', Arial, Helvetica, sans-serif; padding-left:15em; padding-top:1em; width:435px;}

nav.pp {clear:both; font:12px 'Tenor Sans', Arial, Helvetica, sans-serif; width:875px;  margin:0 auto; background:none;  border-top:10px solid #92772e; padding: 1.25em 0 0.25em 8em;}

ul.pp {width:800px; margin:0 auto;}

li.pp {padding:0 .25em 0 .25em; display:inline-block; }
 
li.ppe {padding:0 .50em 0 .50em; display:inline-block; color:#accfee; }

a.pp {text-decoration: none; color:#fff; font:12px 'Tenor Sans', Arial, Helvetica, sans-serif;}
a.pp:hover {text-decoration:underline; color:#92772e; font:12px 'Tenor Sans', Arial, Helvetica, sans-serif;}
 
a.ppactif {text-decoration:underline; color:#92772e; font:12px 'Tenor Sans', Arial, Helvetica, sans-serif;}


a.credits {text-decoration: none; color:#fff; font:12px 'Tenor Sans', Arial, Helvetica, sans-serif;}
a.credits:hover {text-decoration:underline; color:#92772e; font:12px 'Tenor Sans', Arial, Helvetica, sans-serif;}
 
 /*  ------------------------------------------------------------------------------------------   accueil*/
 
 
 img.photo {float:right; padding-left:55px; margin-top:-100px;}
 
 /*  ------------------------------------------------------------------------------------------   magnétisme */

table.ref { width:700px; margin: 0 auto; padding-bottom: 1em;}

td.refno {width:50px;  font-family: Helvetica, Arial, sans-serif; font-size:10px; font-weight:normal; color:#053144; margin:0px 0 20px 45px; line-height:150%; word-spacing: 0.10em;letter-spacing:0.1em;}
td.reference {width:650px; font-family: Helvetica, Arial, sans-serif; font-size:11px; font-weight:normal; color:#053144; margin:0px 0 20px 45px; line-height:150%; word-spacing: 0.10em;letter-spacing:0.1em;}
 
 /*  -------------------------------------------------------------------------------------------------------------------- les li */

li {list-style-type:none;}

 /*  ----------------------------------------------------------------------- li rouge*/

li.rouge {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#053144; margin:0 0 20px 50px; line-height:150%;word-spacing: 0.10em;letter-spacing:0.1em;}
li.rouge:before { content: "✵"; font-size:15px; color:#b71d21; padding-right:0.50em;}

li.rouge1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#053144; margin:0 0 20px 50px; line-height:150%;word-spacing: 0.10em;letter-spacing:0.1em;}
li.rouge1:before { content: "✵"; font-size:15px;color:#b71d21; padding-right:0.50em;}

li.rouge2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#053144; margin:10px 0 20px 50px; line-height:150%;word-spacing: 0.10em;letter-spacing:0.1em;}
li.rouge2:before { content: "✵"; font-size:15px; color:#b71d21; padding-right:0.50em;}

li.marge {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#053144; margin-top:-20px; margin-left:75px;line-height:1em;  letter-spacing:.05em;}

 /*  ----------------------------------------------------------------------- li bleu*/
 
li.bleu1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#053144; margin:0px 0 20px 75px; word-spacing: 0.10em;letter-spacing:0.1em;}
li.bleu1:before { content: "✵"; font-size:15px; color:#119fdc; padding-right:0.50em;}

li.bleu {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#053144; margin:0px 0 20px 75px; word-spacing: 0.10em;letter-spacing:0.1em;}
li.bleu:before { content: "✵"; font-size:15px; color:#119fdc ; padding-right:0.50em;}


 /*  ----------------------------------------------------------------------- li no*/

li.no {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#053144; margin:0 0 20px 50px; line-height:150%;word-spacing: 0.10em;letter-spacing:0.1em; list-style:decimal;}


/*  ------------------------------------------------------------------------------------------ table contact */

td.titre1 {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#053144;  line-height:1.25em;  letter-spacing:.05em; padding-left:1em;}
td.titre2 {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#053144;  padding-left:125px; line-height:150%;word-spacing: 0.10em;letter-spacing:0.1em;}

td.info3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#053144; line-height:1.25em;  letter-spacing:.05em; padding-left:1em;}
td.info4 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#053144; padding-left:125px; line-height:150%;word-spacing: 0.10em;letter-spacing:0.1em;}