@CHARSET "ISO-8859-1";

*{margin: 0; padding: 0;}
a{color: #4d0e7b;}
.couleur{color: #612d85;}
a img{ border: 0;}
p{margin-bottom: 10px;}
ul.list{
	margin: 0 20px 20px 20px;
}
li{margin: 5px 0;}
div.clear{clear: both; line-height: 0; height: 0;}
html{
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #010000;
}
img.right{
	float: right;
}

body{
	text-align: center;
}
#sitecont{
	background: url(../images/bg.jpg) no-repeat;
	width: 955px;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
}
.padright{
	padding-right: 20px;
}
#header{ width: 100%; overflow: hidden;}

a#logo{display: block; float: left; padding: 0 0 0 20px;}
a#logo img{display: block; }

div#top {text-align: center; color: #7972c0;}
#sitetitle{ height: 60px; padding: 5px 0; font-weight:bold; font-size:15px;}

#mainmenu{list-style: none; padding-left: 300px;}
#mainmenu li{display: inline; padding: 0 3px;}
#mainmenu a {display: inline-block; border: 1px solid #ddddda; padding: 3px 10px; background: white; font-size: 11px; color: #8e8e8e; text-decoration:none}
#mainmenu a:hover{background: #f2ed45; color: #616060; zoom: 1;}
#mainmenu a.current{background: #8e8e8e; color: #ddddda;}

#leftcol{float: left;width: 235px;min-height: 600px;}
div.wbubble{
	background: url(../images/w-bubble.gif) no-repeat;
	height: 238px;
	margin-top: 25px;
}

div.pbubble{
	background: url(../images/p-bubble.gif) no-repeat;		
	margin-top: -50px;
	height: 238px;
	
}
#firstballoon{
	width: 170px;
	height: 190px;
	text-align: center;
	padding-left: 20px;
	padding-top:15px;
}

#secondballoon{
	width: 170px;
	height: 200px;
	text-align: center;
	padding-left: 20px;
	padding-top:15px;
}

#firstballoon, #secondballoon{ font-size: 12px;}
#firstballoon h1, #secondballoon h1{
	font-size: 15px;
	border-bottom: 1px solid #8c8b8b;
	margin-bottom: 5px;
}
#firstballoon h1 a, #secondballoon h1 a{
	color: #010000;
	text-decoration: none;
}

a.allnews{
	text-decoration: none;
}
	
#content{
	float: right;
	width: 634px;
	padding-left:66px;
	text-align:justify;
}
#content2{
	float: right;
	width: 634px;
	padding-left:66px;
	text-align:justify;
}

.semicircle{
	background: url(../images/contentbg.png) no-repeat 0px 20px;
	/*height: 2000px;*/
	padding: 60px 0 0 0;
}

#footer{
	padding: 30px 10px 10px;
	clear: both;
	text-align: right;
	font-size:14px;
}

#content h1{
	font-size: 19px;
	color: white;
	background: #9f7cba;
	padding: 3px 10px;
	margin: 0 0 70px 0;
	font-variant: small-caps;
}

#content2 h1{
	font-size: 19px;
	color: white;
	background: #9f7cba;
	padding: 3px 10px;
	margin: 0 0 70px 0;
}

strong{color: #7c4f9d;}
.lesactus{font-size: 12px;}
.lesactus strong{color:black;}
.lesactus strong em{font-style:italic;}
.lesactus em{font-style:italic;font-weight:normal;}
.lesactus ul{margin-left:20px;}

.blockborder {
	margin: 10px 0 10px 10px;
	padding-left: 10px;
	background: url(../images/border.gif) no-repeat;
	font-size: 12px;
	line-height:16px;
	text-align:justify;
}
.blockborder2 {
	margin: 10px 0 10px 10px;
	padding-left: 10px;
	font-size: 12px;
	line-height:16px;
	text-align:justify;
}

.repeaty{background-repeat: repeat-y;}

em{font-weight: bold; font-style: normal; font-size: 110%;}

strong a, a strong{font-style: italic;}

ul.bigdot{
	list-style: none;
	padding: 0;
}

ul.bigdot li{
	margin: 0 0 20px;
	padding-left: 20px;
	background: url(../images/dot.gif) no-repeat;
}

ul.pointviolet{
	list-style: none;
	padding: 0;
}

ul.pointviolet li{
	padding-left: 20px;
	background: url(../images/dot.gif) no-repeat;
}

div.centercol0{
	width: 70%;
	margin: 10px auto;
	overflow: hidden;
}
div.centercol0 div.col{float: left; width: 50%;}

div.centercol{
	width: 70%;
	margin: 10px auto;
	overflow: hidden;
}

div.centercol div.col{float: left; width: 33%;}

.inputtexte{
	height:18px;
}

/** BOUTON CONTACT **/
#btnContact{float: left; margin: -30px 0 10px 450px}
#btnContact2{float: left; margin: -45px 0 10px 470px}

/** ACCESS.php **/
#accessHeading{float: right;display: inline;margin-right: 70px;}
#accessBlock1{float: right;margin-right:30px;padding-left:60px;}
#accessBlock2{padding-left: 30px; float: left; width: 245px;}
#accessBlock3{padding-left: 50px; float: left; width: 300px;}
span.back{
	color:white;
	font-size:12px;
	width: 200px;
	display: inline;
	float:right;
	clear: both;
	padding-bottom: 20px;
	text-align: right;
	padding-right:5px;
}
span.back2{
	color:white;
	font-size:12px;
	width: 200px;
	display: inline;
	float:right;
	clear: both;
	padding-bottom: 20px;
	text-align: right;
	padding-right:5px;
	margin-top:-20px;
}
.accesImg{float:left;width:20%;}
.accesDiv{overflow:auto;width:100%;}
.accesTexte{float:right;width:75%;}

/** ACCUEIL2 **/
#accueil2Block1{float: left; width: 400px; padding: 0px 0 10px 30px; margin-top:-20px;}
#accueil2Block1 .cont{margin:0 0 20px 90px}
#accueil2Block1 ul{padding-left: 10px; list-style: none;}
#accueil2TopImg{float: left; margin: 0 0 10px 10px}

#accueil2Block2{text-align:right; word-spacing: 10px;}
ul#accueil2Ul{margin: 20px 20px 0 60px;}
ul#accueil2Ul div.centercol{color: #612d85; font-style: italic;}
ul#accueil2Ul div.centercol0{color: #612d85; font-style: italic;}
div#accueil2Ensavoir{text-align:right; word-spacing: 10px; margin-right: -20px;}
.pdfimg{padding-left: 5px}

/** DOCINFOS **/
h1#docinfosHeader{float: right; display: inline; margin-right: 0px; margin-top: 30px; padding-left: 40px; padding-right: 40px;}
.nobg{background: none;}
#docinfosImg{float: left; margin: 230px 0 20px -25px; padding-top:150px;}
#docinfosBlock1{float: left; width: 440px;}


/** CONTACT **/
h1#doccontactHeader{float: right; display: inline; margin-right: 100px; margin-top: 30px; padding-left: 40px; padding-right: 40px;}

/** DIVERS **/
h1#docdocHeader{float: right; display: inline; margin-right: 35px; margin-top: 45px; padding-left: 40px; padding-right: 40px; margin-bottom: 80px;}
h1#docmentionsHeader{float: right; display: inline; margin-right: 70px; margin-top: 30px; padding-left: 40px; padding-right: 40px;}
h1#docinfosplusHeader{float: right; display: inline; margin-right: 90px; margin-top: 30px; padding-left: 40px; padding-right: 40px;}
h1#conditionaccesHeader{float: right; display: inline; margin-right: 70px; margin-top: 45px; padding-left: 40px; padding-right: 40px;}
h1#docliensHeader{float: right; display: inline; margin-right: 100px; margin-top: 30px; padding-left: 40px; padding-right: 40px;}

/** NEWS **/
.nobg{background: none;}
#imagesNews{float: left;padding-left:150px;padding-bottom:10px;}
#docnewsBlock1{float: left; width: 440px; padding-left:140px;}

/** NOS MISSIONS **/
h1#docmissionsHeader{float: right; display: inline; margin-right: 110px; margin-top: 50px; padding-left: 40px; padding-right: 40px;}
.nobg{background: none;}
#docmissionsImg{float: left; margin: 0px 0 20px 30px; margin-top:-165px;}
#docmissionsBlock1{float: left; margin-left:100px; width: 510px; }
#docmissionsBlock12{float: left; margin-top:10px; width: 600px; }
#docmissionsBlock13{float: left; margin-top:10px; width: 600px; }

/** DOCSAVOIR **/
#docsavoirEnSavoirImg{float: right;display: inline; margin: 30px 130px 30px 0; padding-left: 40px; padding-right: 40px;}
#docsavoirImg{float: left; margin: 230px 0 20px -25px}
#docsavoirBlock1{float: left; width: 420px;padding-left:30px;}
.smallfont{/*font-size: 75%;*/}

/** Recherche **/
#rechercheCont{margin: 0px 20px 10px 140px;}
#rechercheContMissions{margin: 0px 20px 10px 100px;}
h1#rechercheHeader{float: right; margin-right: 50px; margin-top: 30px; padding-left: 40px; padding-right: 40px;}
#rechercheForm input{width: 20%;}
#rechercheResCount{line-height: 2em; font-style: italic; margin: 20px 0}
#rechercheCont .bigdot .content .content2{font-style: italic;}

/** Presentations **/
h1#docpresHeader{float: right;display: inline;margin-right: 130px; margin-top: 60px; padding-left: 40px; padding-right: 40px;}
h1#presentationsHeader{float: right; display: inline; margin-right: 130px; margin-top: 50px; padding-left: 40px; padding-right: 40px;}
#presentationsImg{float: left; margin-top: 150px;margin-left:-12px;}
#presentationsBlock1{float: left; width: 360px; margin-left:150px;}
#presentationsBlock1 ul, #presentationsBlock2 ul{margin-left: 13px;}
#presentationsBlock2{float: left; width: 360px; margin: 40px 0 0 60px;}
#presentationsDots{display: block; margin-top: 30px;}
#presTopImg{display:block;margin-left:-193px;margin-top:-220px;}

/** Prestations **/
/*#prestationsBlock1{ margin: 0px 20px 10px 100px; width: 380px;}*/
#prestationsBlock1{margin-left:130px; margin-top:10px; margin-right:50px;}
#prestationsBlock2{width: 360px; margin: 40px 0 0 60px;}

/** Score Sante **/
h1#docssHeader{float: right; display: inline; margin-right: 130px; margin-top: 45px; padding-left: 40px; padding-right: 40px;}
#docssBlock1{float: left; width: 490px;margin-top:-10px;}

/**Contact***/
.nobg{background: none;}
#doccontactImg{float: left; margin: 230px 0 20px -25px;}
#doccontactBlock1{float: left; width: 370px; }

ul.contact{
	border:0; 
	margin:0; 
	padding:0; 
	list-style:none;
	clear:both;
}

ul.contact li label{
	width: 130px;
	float:left;
	text-align: right;
}

ul.contact li input, ul.contact li select, ul.contact li textarea{
	float:left;
	background: white;
}

ul.contact li select{
	width:210px;
	margin:10px 0;
}

ul.contact li input, ul.contact li textarea{
	width:205px;
	margin:10px 0;
}

ul.contact li{
	clear:both;
	list-style:none;
	padding-bottom:10px;
	line-height: 30px;
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
background-color:#FF3300;
color:#FFFFFF;
float:left;
font-weight:bold;
margin:5px 0pt;
padding:5px;
text-align:center;
width:100%;
line-height:10px;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

h4.titre_haut{
	color: #7C4F9D;
	font-weight: bold;
	font-size: 12px;
}

.logo_hon_code{
	width:170px;
	margin-top:18px;
	font-size:11px;
}

/*accordian*/
h4.accordion_toggle{
	color: #7C4F9D;
	font-weight: bold;
	font-size: 12px;
	cursor:pointer;
}
h4.accordion_toggle_active{
	color: #000 !important;
}
div.accordion_content{
	background-color: #F5F5F5;
	overflow: hidden;
}