/*----------- collingarythomasgrasley (modetwentythree.com) collingrasley@gmail.com --- public domain template, because sharing is good ------- no link back required, but it would be real swell :) --------------------*/

/* -----------------  page styles -------------------------------------------------------*/

body {
	margin:0;
	font:11px Verdana, sans-serif;
	line-height: 17px;
	background:#f4f4f4 url(/images/bodybg.gif) repeat-y center;
	color: #555;
	display: inline;
}
#wrapper {
	margin:2px auto;
	width:900px;
	padding:0;
	background:#fff;
	overflow: visible;
	
}

/* -----------------  general styles  -------------------------------------------------------*/

a {
	color:#257E95;
	text-decoration: underline;
	background:none;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
#header #title a {
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#wrapper #header #title a:hover {
	color: #1EA8C4;
	text-decoration: none;
}
.MenuBleu {
	font: 1.3em Geneva, Arial, Helvetica, sans-serif;
	color: #37B2CB;
}
a:hover {
	color:#33B0CA;
	background:none;
	text-decoration:underline;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
p {
	margin:0;
	padding-top:2px;
	font: 300 1.1em Arial, Helvetica, sans-serif;
	color: #666666;
	display: inline;
	overflow: hidden;
}
h2 {
	font-weight:bold;
	font-size:12px;
	padding:0px 0 4px 0px;
	margin: 0 0 2px 0;
	color:#444;
	background:none;
	border-bottom: thin dotted #999999;
}
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0;}
h4 {
	font: 2em 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif;
	overflow: visible;
}
.pic{
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 25px;
}
/* -----------------  top info  -------------------------------------------------------*/

#header { clear:both; width:900px; height:80px; background: url(../images/header.jpg) no-repeat; 
margin:0; }
#title {
	float:left;
	width:325px;
	text-decoration: none;
	padding: 10px 0px 0px;
}
#title h3 {
	font-size:1.9em;
	padding:5px 0 0 0;
	margin:0;
	color:#131519;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.23em;
	font-weight: 200;
}
#hright {float:right; width:540px; height: 60px; margin:15px 0 0 0;}
#hrighttop {
	width: 200px;
	margin: 0 2px 0 0;
	padding: 0 8px 2px 0;
	float:right;
	text-align: right;
	display: inline;
}
#title p {
	font-size: 1.1em;
	color: #10A3C1;
	padding: 0;

	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.45em;
	line-height: 20px;
}
#menu {
	width: 540px;
	float:right;
	margin:12px 0 0;
	padding:0;
	text-align:right;
}
#menu li { display:inline; }
#menu li a {
	color:#0D0D0D;
	text-decoration:none;
	padding:1px 10px 1px 10px;
	height:19px;
	background:none;
	font: 400 1.4em Geneva, Arial, Helvetica, sans-serif;
}
#menu li a:hover {
	background: none;
	color:#0BA1C0;
} 

/* ----------------- Main content -------------------------------------------------------*/

#homepic {width:900px; height:250px; margin:5px 0 10px 0;background: url(../images/homepic.jpg) no-repeat;}
#homepic a {color:#fff;}
#homepic:hover {background: url(../images/homepichover.jpg) no-repeat;}
.message{
	width:430px;
	float:left;
	margin:35px 0px 0px 152px;
	color:#000000;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-weight: 300;
	overflow: visible;
	line-height: 15px;
	font-size: 12px;
}
#bottomcontenttop{
	width:902px;
	height:10px;
	background: url(../images/b_contenttop.jpg) no-repeat;
}
#bottomcontent{
	width:878px;
	height:auto;
	overflow: hidden;
	padding: 40px 10px 15px;
	float: left;
	border-right: thin solid #999999;
	border-left: thin solid #999999;
	border-bottom: thin solid #999999;
}
#bottomcontentbtm{
	width:897px;
	height:10px;
	background: url(../images/b_contentbtm.jpg) no-repeat;
	overflow: hidden;
	float: left;
}
.left {
	float: left;
	width: 270px;
	text-align: justify;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 0;
	font: 300 1.1em Arial, Helvetica, sans-serif;
	color: #666666;
}
.middle {
	float: right;
	width: 270px;
	margin: 0 6px 5px 0;
	padding:10px;
	font: 300 1.1em Arial, Helvetica, sans-serif;
	letter-spacing: 0.09em;
	color: #666666;
}
.right {
	float: right;
	width: 270px;
	margin: 0 6px 5px 0;
	padding:10px 10px 10px 15px;
	display: inline;
	text-align: center;
}
.thumbs img{
	position:relative;
	padding:1px;
	margin:5px 8px 5px 9px;
	border:2px solid #333333;
	background:none;
}
.thumbs img:hover{
	border:2px solid #10A3C1;
	background:none;
}

/* ----------------- Bottom content -------------------------------------------------------*/

#footer {
	clear: both;
	text-align:left;
	line-height: 1.8em;
	color: #444;
	background: #fff;
	padding: 4px 0 20px;
	margin: 10px 0 20px;
}
#footer a {
	color: #257E95;
	
	font-size: 12px;
}
#wrapper #footer a:hover {
	color: #34B1CA;
}
#wrapper #footer .mlm a:hover {
}
.message2 {
	color: #000000;
	background: url(images/rec.png) repeat fixed center;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
	line-height: 11px;
}
#homepic #intro {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}
.EspaceDroit {
	float: right;
}
.Titre {
	color: #272727;
	font: 800 18px Arial, Helvetica, sans-serif;
}
.mlm {
	font-size: 12px;
}
#wrapper #footer .mlm a:hover {
	font-size: 12px;
	color: #257E95;
}
#wrapper #footer .mlm a {
	color: #666666;
	font-size: 12px;
}
#bottomcontent #milieu {
	width: 600px;
	float: left;
}
#bottomcontentcontact {
	width:898px;
	height:800px;
	border-right:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
}
#bottomcontenttop2 {
	width:900px;
	height:10px;
	background: url(../images/b_contenttop.jpg) no-repeat;
}
#homepic2 {
	width:890px;
	height:500px;
	margin:5px 0 20px;
	padding-right: 5px;
	padding-left: 5px;
}
#homepic2 #contact {
	width: 500px;
	padding-top: 25px;
}
#homepic2 #contact2 {
	width: 500px;
	padding-top: 33px;
	float: right;
	padding-right: 5px;
	padding-bottom: 25px;
}
#homepic2  #contact3 {
	width: 350px;
	padding-top: 20px;
	float: left;
}
.btn {
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #444444;
	background: #F2F2F2;
	border-color: #666666 #000000 #333333 #666666;
}
#Envoyer a {
}
#Envoyer a:hover {
	background: #CCCCCC;
}
.form {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	
}
#homepic2  #contact3  table  {
	height: 255px;
	width: 275px;
}
#wrapper #homepic2 #contact3 fieldset {
	width: 260px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	overflow: hidden;
}
input, select,textarea  {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	background: #F2F2F2;
	margin-bottom: 10px;
	width: auto;
	margin-top: 0px;
}
input  name hover {
	background: #999999;
}
#contact2 a {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #257E95;
	text-align: left;
}
#contact2 a:hover {
	color: #3CB4CC;
}
.txt12 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #6F6F6F;
}
.REC {
	border-top: 1px solid #999999;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #999999;
}
.Ligne {
	margin-top: 10px;
	border-top: 1px solid #666666;
}
#presspic {
	width:892px;
	height:80px;
	margin:5px 0 20px;
	background: url(../images/press.png) no-repeat 0px top;
	padding-left: 8px;
}
.leftPetit {
	width: 175px;
	float: left;
	padding-top: 5px;
	overflow: hidden;
	margin-top: 0px;
	height: 215px;
	clear: both;
	padding-bottom: 35px;
	padding-right: 10px;
}
.Titrepresse {
	font: 600 24px Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	border-bottom: thin dotted #666666;
	margin-left: 5px;
	text-align: left;
	padding-bottom: 5px;
}


.SStitrepresse {
	font: 700 1.5em Arial, Helvetica, sans-serif;
	color: #555555;
}
#lien {
	text-decoration: none;
	height: 40px;
	width: 40px;
}
.style1 {
	font-size: 1.1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 800;
	color: #666666;
}
.box {
	text-decoration: none;
	height: 40px;
	width: 40px;
}
#ligneSeparation {
	width: 855px;
	border-top: 1px dashed #666666;
	padding-top: 10px;
	margin: 50px 10px 30px 5px;
}
#video {
	padding-top: 20px;
	width: 600px;
}
#Droit {
	float: right;
	width: 300px;
	padding-left: 25px;
}
.droitDiv {
	float: right;
	height: 171px;
	width: 300px;
	padding-left: 15px;
	left: 625px;
	top: 1576px;
	position: absolute;
}
#page {
	text-decoration: none;
	text-align: right;
}
#wrapper #page a {
	font-size: 12px;
}
#wrapper #page a:hover {
	font-size: 12px;
}
.txtBleu {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #1EA9C5;
}
.scroll {
	text-align: right;
	padding: 5px;
	float: right;
}
#page2 {
	text-decoration: none;
	text-align: right;
}
.droit {
	text-align: right;
	float: right;
	width: 115px;
}
#wrapper .droit a {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper .droit a:hover {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper #bottomcontent .center a {
	font: 12px Arial, Helvetica, sans-serif;
}
#wrapper #bottomcontent .center {
	margin-top: 20px;
	width: 880px;
	float: left;
	margin-left: 0px;
}
#centre {
	clear: both;
	overflow: hidden;
	float: left;
	width: 880px;
}
#wrapper #bottomcontent #centre a {
	font: 12px Arial, Helvetica, sans-serif;
}
#wrapper #bottomcontent #centre a:hover {
	font: 12px Arial, Helvetica, sans-serif;
	color: #4692A5;
}
.IMAGEleft {
	float: left;
	overflow: hidden;
	margin-bottom: 30px;
	margin-right: 25px;
}
.espaceHaut {
	margin-top: 10px;
	margin-bottom: 10px;
}
#wrapper #bottomcontent .center a:hover {
	font: 12px Arial, Helvetica, sans-serif;
}
#soinpic {
	width:892px;
	height:80px;
	background: url(../images/soins.png) no-repeat 0px top;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding-top: 5px;
	padding-left: 8px;
}
#homepic2  #contact4 {
	width: 900px;
	padding-top: 33px;
	padding-right: 5px;
}
.middle2 {
	float: right;
	width: 651.5px;
	padding:10px;
	border-bottom: thin dotted #666666;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.left2 {
	float: left;
	width: 880px;
	padding:10px;
	text-align: justify;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 0;
	border-bottom: thin dotted #333333;
}
#centre #next {
	text-align: right;
	padding-right: 5px;
	width: 155px;
	float: right;
}
#next2   {
	text-align: right;
	padding-right: 5px;
	width: 190px;
	float: right;
	margin: 0px;
	display: inline;
	font-size: 12px;
}
.ViDEOleft {
	float: left;
	margin-top: 25px;
	margin-right: 100px;
	margin-bottom: 25px;
}
.Videoright {
	float: right;
	margin-top: 15px;
}
.TitrepresseRigth {
	font: 600 24px Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	border-bottom: thin dotted #666666;
	text-align: right;
	padding-bottom: 5px;
	float: right;
	padding-right: 65px;
}
.IMAGErigth {
	float: right;
	padding-top: 15px;
	padding-bottom: 15px;
}
#bottomcontentINDEX {
	height:auto;
	overflow: hidden;
	padding: 50px 5px 15px 10px;
	float: left;
	border-right: 0.02em solid #999999;
	border-left: 0.05em solid #999999;
	width: 883px;
}
#centre p {
	padding-left: 55px;
}
h5 {
	font: 500 22px Arial, Helvetica, sans-serif;
	color: #565656;
}
.Probl {
	float: left;
	margin-right: 84px;
}
#next2 a:hover {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
#centrepic {
	height:80px;
	background: url(../images/centre.jpg) no-repeat left top;
	margin-bottom: 30px;
	padding-top: 5px;
	width: 899px;
}
.centre {
	float: left;
	width: 555px;
	margin-right: 20px;
}
.rectNoir {
	border: medium solid #000000;
}
.centreTXT {
	font: 13px Arial, Helvetica, sans-serif;
	text-align: justify;
}
#mentionpic {
	width:892px;
	height:80px;
	margin:5px 0 20px;
	background: url(../images/mention.jpg) no-repeat top;
	padding-left: 8px;
}
.txtMention {
	font: 300 1.2em Arial, Helvetica, sans-serif;
	color: #515965;
	text-align: justify;
	letter-spacing: 0.1em;
}
/* Style for Fade-In Page script */
#fadeDiv {
display:none;
}
/* Style for Fade-In Page script */
#fadeDiv {
display:none;
}
/* End Style for Fade-In Page script */
.titreNoir {
	font: 600 1.9em/1.1em Arial, Helvetica, sans-serif;
	color: #000000;
}
.Recformulaire {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	border-top: medium solid #666666;
	border-right: thin solid #666666;
	border-bottom: medium solid #666666;
	border-left: thin solid #666666;
	width: 270px;
	text-align: left;
}
.Titrebold {
	font: 600 14px Arial, Helvetica, sans-serif;
	color: #000000;
}
#wrapper #bottomcontentINDEX .right .thumbs .Titre a {
	text-decoration: none;
	color: #333333;
}