/* CSS Document Site https://marabout-dakolo-medium-guerisseur.com- Pages courantes FR template Mars 2018
feuille CSS N. Vivant - Webcreation11*/
/*<![CDATA[*/

* { 
margin:0;
padding:0;
border:0;
}
body {
width: 100%;
font-family:'Ubuntu', Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
line-height:16px;
background: #0F4E7E;   
color:#021826;
}   
#conteneur_global {
position:relative;
width:100%;
}
#banniere {
width:100%;
z-index:100;
}
#menutop{
position:relative;
width:100%;
height:55px;
/*background: url("../images/motif_bg2.jpg") repeat top left; */
box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.1) !important;
}

#conteneur_centre { 
position:relative;
margin:-10px;  
}

#left {
position:relative;
box-sizing: borderbox;
float:left;
min-height: 1%;
max-width: 280px;
margin:0;
padding:10px ;
overflow:hidden; /* no min-height - pb decalage*/
}
#texte.normal {
position:relative;
box-sizing: borderbox;
margin-left:280px;
max-width: 720px;
background:#5e86a0;
}
#texte.large, .panel{
position:relative;
box-sizing: borderbox;
max-width: 980px;
margin: 30px auto;
padding:0 20px;

}
div[itemprop="articleBody"]{
background: url("../images/bordure.jpg") repeat-y top right ; 
}
.item-page{
padding-top: 20px;
} 
#ariane {
text-align: right;
margin:0;
padding:0;
font-size:0.75em;
font-weight: normal;
font-style:italic;
}
/* LOADER CSS + ariane */

.page-loader{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
background:#0F4E7E;
}
.load-spinner{
position: relative;
width:40px;
height:40px;
border: 5px solid #fff;
border-radius:100%;
margin: 5vh auto 0;
transform: translateY(-50%);
}
.load-spinner::after{
content:"";
position:absolute;
top:0;
left:0;
width: 40px;
height: 40px;
border: 5px solid transparent;
border: 5px solid transparent #FFD24D;
border-radius: 100%;
transform: rotate (45deg);
animation: wheel 1s ease-in-out infinite;
}
@keyframes wheel{
from{transform: rotate (45deg);}
to{transform: rotate(405deg);}
}
@-webkit-keyframes wheel{
from{transform: rotate (45deg);}
to{transform: rotate(405deg);}
}
@-moz-keyframes wheel{
from{transform: rotate (45deg);}
to{transform: rotate(405deg);}
}
@-o-keyframes wheel{
from{transform: rotate (45deg);}
to{transform: rotate(405deg);}
}


.clear{
clear: both;
}
.reduit{
font-size:0.75em;
}
/* CSS div */


img{
border:none;
outline:none;
}
a, a:link, a.moduletable, a.moduletable:link{ 
color:#BD910D;
outline:none;
}
a:hover, .moduletable a:hover{ 
color:#FFD24D;
text-decoration:underline;
}
a:visited, .moduletable a:visited{ 
color:#fff;
}
ul, ol  {
color:#021826;
margin: 0 15px;
text-align:left;
list-style-position:inside; 
}
ul li,  ol li  {
line-height:1.5em;
}
ul ul, ol ol  {
margin-left:10px;
}
hr{
margin: 10px 0 20px 0;
background-image: url("../images/titre_h2.png");
background-position: center left; 
background-repeat: repeat-x; 
height: 45px;
border: 0;
}
div.map{
max-width: 350px;
margin:20px auto;
}
.custom_bgtop{
margin-bottom: 15px;
background-image: url("../images/index2.jpg");
background-position: center left; 
background-repeat: repeat-x; 
}
div#coordtop{
position: absolute;
top:80px;
left:40px;
text-align:center;
z-index:200;
}
 
div#tel a{
font-family:'Ubuntu', cursive, Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5em;
font-size:1.2em;
color:#144B76;
padding: 15px 25px; 
background: #FFD24D;
border-radius: 6px;
-moz-box-shadow: 0px 2px 2px 0px #040612;
-webkit-box-shadow: 0px 2px 2px 0px #040612;
-o-box-shadow: 0px 2px 2px 0px #040612;
box-shadow: 0px 2px 2px 0px #040612;
text-decoration: none;
}
div#tel a:hover, div#tel a:focus{
background: #144B76;
color:#FFD24D;
text-decoration: none;
-moz-box-shadow: 0px 5px 18px 0px #000;
-webkit-box-shadow: 0px 5px 18px 0px #000;
-o-box-shadow: 0px 5px 18px 0px #000;
box-shadow: 0px 5px 18px 0px #000;
}
.moduletable-geoloc{
margin: 0 40px;
text-align:center;
}
.moduletable-geoloc h3{
font-size: 0.8em;
text-align:center;
}
.custom-geoloc a{
font-size: 0.75em;
font-style:italic;
}
/*SLIDE left en pur CSS 5 images*/

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width:500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}
/*BOX overlay*/

.container {
  position: relative;
  width: 50%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #3B7AAA;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;   
}

.overlay::before{
content:"";
position: absolute;
top:0;
left:50%;
margin-left:-10px;
width:0;
height:0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid  #032946;
}

 .container:hover .overlay, .container:focus .overlay {
bottom: 0;
height: 100%;
}

.text {
font-family:'Ubuntu', cursive, Verdana, Arial, Helvetica, sans-serif;
line-height: 1em;
font-size:1em;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -25%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: left;
  padding: 15px 10px;
  border-radius:4px;
  background:#3779a8;
  border:solid 1px #5C96C2;
}
/* CSS articles*/

div.bg-tel{
position: relative;
background: #032946;
width: 250px;
height: 100px;
margin: 0 auto;
border-radius: 6px;
}
.bg-tel:before{  /* corner */
content: "";
position: absolute;
right: 0px;
border-color: #032946 #032946 #FFD24D #FFD24D;
border-style: solid;
border-width: 0px 20px 20px 0px;
height: 0px;
width: 0px;
display: block;
-moz-box-shadow: 0pt 2px 1px rgba(0, 0, 0, 0.2), -2px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0pt 2px 1px rgba(0, 0, 0, 0.2), -2px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0pt 2px 1px rgba(0, 0, 0, 0.2), -2px 1px 1px rgba(0, 0, 0, 0.1);
-moz-border-radius: 0pt 0pt 0pt 5px;
-webkit-border-radius: 0pt 0pt 0pt 5px;
border-radius: 0pt 0pt 0pt 5px;
border-color: #032946 #032946 #FFD24D #FFD24D;
border-width: 10px;
}
div.bg-tel ul{
list-style-type:none;
padding: 20px;
}

div.orange{
position: relative;
max-width: 900px;
background: #FFD24D;
border: solid 1px #FFE69C;
border-radius: 6px;
margin: 20px auto;
padding: 15px 30px;
}
div.beige-f{
position: relative;
max-width: 830px;
background: #8BB8DB;
border: solid 0px #7BA1BF;
border-radius: 6px;
margin-right:20px;
padding: 15px 30px;
}
div.beigeclair{
max-width: 680px;
background: #E9F4FC;
border: solid 0px #ACC8DD;
border-radius: 6px;
margin: 20px auto;
margin-left:0px;
padding: 15px 30px;  
}
div.beigeclair::before, div.beige-f::before{
position: absolute;
content:"";
top: 2px;
left:2px;
width: 20px;
height: 20px;
border-radius: 50%; 
}
div.beige-f::before, div.beige-f::after{
background: #FFDB70;
box-shadow: inset 2px 1px 2px #eee;
}
div.beige-f::after,div.beigeclair::after {
position: absolute;
content:"";
top: 2px;
right:2px;
width: 20px;
height: 20px;
border-radius: 50%; 
}
div.beigeclair::before, div.beigeclair::after{
background:#20537A; 
box-shadow: inset 2px 1px 2px #eee;
}
div.beige-f p, div.beige-f ul li{
color:#0D3A5C;
}
div.beigeclair p, div.beigeclair ul li{
color:#0D3A5C;
}
/*div.beige-f h3::before, div.beigeclair h3::before {
position:absolute;
content: url("../images/before-h3.jpg");  
width:30px;
height:30px;
top:-5px;
left:0;
bottom:0;
margin-right:20px;
} */
div.beigeclair h3, div.beigeclair h2{
position: relative;
color: #144B76;
margin-bottom:30px;
}
div.beige-f h3, div.beige-f h2{
position: relative;
color: #E9F4FC;
margin-bottom:25px;
}  
div.beige-f h3::after, div.beigeclair h3::after{  /*-trait-*/
content: "";  
position: absolute;
width: 100%;  
height:8px;
left:0; 
top:30px;
background-image: url("../images/bg_h3.png");
background-position: center left; 
background-repeat: repeat-x;
z-index:-1;
}
/*---------------------
SLIDES   <720px
------------------------------*/
div.moduletable_slide1025{
display:none;
}
div.moduletable_slide1200{
display:none;
}
div.moduletable_slide720{
display:none;
}

#slogan {
position: absolute;
top:270px;
left: 1%;  
color:#FFD24D;
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(51,71,124,0.65) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(51,71,124,0.65) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(51,71,124,0.65) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
z-index:1000; 
}
.slideText p{
font-family:'Ubuntu', Verdana, Arial, Helvetica, sans-serif;
color:#FFD24D;
font-weight: bold;
font-size:1.6em;
line-height: 1.6em;
text-transform: uppercase;
text-align:center;
text-shadow: 0.5px 0px 1px rgb(0,0,0);
background:rgba (0,0,0,0.1);
}

/* FLEXBOX  */


div.maincontain{
width:100%;
display:flex;
flex-wrap: wrap;
}
.box33{
position:relative;
box-sizing: border-box ;
width:31%; 
min-width:250px; 
margin:25px 1% 0px 1%;
text-align:center;
flex-wrap: wrap;
background: #032946; /* Old browsers */
background: -moz-linear-gradient(top,  #032946 0%, #000c16 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #032946 0%,#000c16 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #032946 0%,#000c16 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#032946', endColorstr='#000c16',GradientType=0 ); /* IE6-9 */
}
.box33:before{  /* corner */
content: "";
position: absolute;
right: 0px;
border-color: #0F4E7E #0F4E7E #FFD24D #FFD24D;
border-style: solid;
border-width: 0px 20px 20px 0px;
height: 0px;
width: 0px;
display: block;
-moz-box-shadow: 0pt 2px 1px rgba(0, 0, 0, 0.2), -2px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0pt 2px 1px rgba(0, 0, 0, 0.2), -2px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0pt 2px 1px rgba(0, 0, 0, 0.2), -2px 1px 1px rgba(0, 0, 0, 0.1);
-moz-border-radius: 0pt 0pt 0pt 5px;
-webkit-border-radius: 0pt 0pt 0pt 5px;
border-radius: 0pt 0pt 0pt 5px;
border-color: #0F4E7E #0F4E7E #FFD24D #FFD24D;
border-width: 20px;
}
.box33 h3{
text-align:center !important;
color:#FFD24D;
font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;
font-size:1.5em;
text-transform: uppercase;
}
.rond{
width: 100px;
height:100px;
border-radius:50%;
margin: 10px auto;
box-shadow: 0.5px 0px 1px rgb(0,0,0);
background: -moz-linear-gradient(top,  #063d67 0%, #8bb8db 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #063d67 0%,#8bb8db 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #063d67 0%,#8bb8db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#063d67', endColorstr='#8bb8db',GradientType=0 ); /* IE6-9 */
}
.rond p{
display:block;
color:#FFD24D;
text-align:center;
padding-top:25px;

}
.box33:hover,.box33:focus, .box25,.box25:focus {
transform: translateY(-4px) !important;
-webkit-transform: translateY(-4px) !important;
box-shadow: 0 17px 25px rgba(0,0,0,0.4) !important;
-webkit-box-shadow: 0 17px 25px rgba(0,0,0,0.4);
-moz-box-shadow: 0 17px 25px rgba(0,0,0,0.4);
-o-box-shadow: 0 17px 25px rgba(0,0,0,0.4);
}
.trait-sous-titre {
margin: 25px auto;
width: 20%;
height: 1px;
background: #FFD24D;
}
/* article */
.article-info {
margin-right:80px;
padding:0;
font-size: 0.80em;
color:rgb(49,49,49);
line-height: 1em;
font-style: italic;
text-align: right;
}
dt.article-info-term {
visibility: hidden;
line-height: 0.1em;
}
dd.published{
font-size:1em;
color:rgb(48,47,140);
}
.page-header {
border-bottom: 0px solid #eee;
}
.item-page, div.items-leading {
margin-top: 10px;
margin-bottom: 40px;
}
.item,.item-page, .blog, div.blog p, div.items-leading p,.item p,.remind,.moduletable_secteurs{
margin-left: 20px;
margin-right: 20px;
color:#021929;
font-size: 0.90em;
line-height: 1.5em;
text-align: justify;
word-wrap: break-word;   

}
.item-page ul, div.blog ul, div.blog ol, div.items-leading ul, div.items-leading ol  {
margin-bottom:10px;
margin-top: 10px;
margin-left: 10px;
font-size: 1em;
text-align:left;
list-style-position:inside; 
}
.item-page ul li, .item-page ol li, div.items-leading ul li, div.items-leading ol li  {
line-height:1.5em;
}
h1,.item-page h1, div.blog h1, div.items-leading h1{  
margin-left:-100%;
margin-right:-100%;
padding: 15px ;
color:#E3C87D;
font-family:'Ubuntu', cursive, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.8em;
font-weight: normal;
text-align: center;
line-height: 1.5em;
text-shadow: 0.5px 0px 1px rgb(0,0,0);
background:#3B7AAA;
border-top: solid 1px #073960;
border-bottom: solid 1px #073960;
}

/***************************
 h3 > a {
  position: relative;
  color: #000;
  text-decoration: none;
}
 
h3 > a:hover {
  color: #000;
}
h3 > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #000;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
h3 > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
*****************************/
/*.item-page h1::before{
content:url("../images/before_h1.png") ;
  position:relative; 
  left:0;
  top:0;
}   *******************/   
h2,.item-page h2, div.blog h2, div.items-leading h2, div.item h2{
color: #FFD24D;
font-family:'Ubuntu', cursive, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: normal;
text-align: left;
line-height: 1.4em;
}

div.moduletable_user1 h3{
margin-left:30px;
}
h3 {
font-family:'Ubuntu', cursive, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
}
.item-page h3, div.blog h3, div.items-leading h3 {
position:relative;
font-family:'Ubuntu', cursive, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color:#E9F4FC;
text-align:left;
line-height: 1.2em;
font-weight: normal;
 
/*background-image: url("../images/titre_h2.png");
background-position: center left; 
background-repeat: repeat-x;  */
}

.bg-tel h3{
text-align:center;
}
h4,.item-page h4, div.blog h4, div.items-leading h4 {
margin-left: 20px;
margin-right:20px;
color:#DA9C4B;
font-size:0.95em;
line-height: 1.5em;
font-weight: normal; 
}
cite, blockquote  {
display:block;
color:rgb(19,123,153);
margin-left: 20px;
font-size: 0.90em;
text-align:left;
font-style:italic;
border-left:solid 5px rgb(210,210,210);
padding-left: 5px;
}

/*CSS liens reseaux sociaux*/



/*CSS flux RS */

div#rs{
width:230px;
padding: 0px;
margin:20px auto;
}
div#rs ul > li{
display:inline-block ;
list-style-type: none;
margin-left:10px;
}
div.moduletable_rss a{
margin-left:30px;
}
/* -----------------------------------------
		Langues switch
-------------------------------------------*/

div.moduletable_langues {  /*div parent banniere relative*/
position: absolute;
width:100px;
height:30px;
top:165px;
left:50%;
margin-left:-489px;
padding:0;
z-index:100;
}
div.moduletable_langues ul{
width:100px;
height:30px;
margin:0 auto;
padding:0;
list-style-type: none;
}
div.moduletable_langues ul li{
width:24px;
height: 15px;
display: block;
padding:0;
margin-bottom: 5px;
background:none;
}
div.moduletable_langues ul li a{
width:24px;
height: 15px;
display: block;
outline:none;
}
div.moduletable_langues ul li a:hover{
color:rgb(43,163,215);
}
div.moduletable_langues ul li.lang-active a{
color:rgb(128,0,128);
}
a img {
  border: none;
}


/*CSS liens reseaux sociaux*/



/*CSS flux RSS */

div.moduletable_rss{
width:180px;
padding: 0px;
margin:0 auto;
}
div.moduletable_rss h3{
text-align:center;
color:rgb(211,205,116);  
font-size: 1.2em;
line-height:1.2em;
font-weight:normal;
font-family: Arial,Verdana, Helvetica, sans-serif;
}
div.moduletable_rss a{
margin-left:30px;
}


                                
/* -----------------------------------------
		           CSS Button
-------------------------------------------*/
.button, div.form-actions button, div.logout-button input.btn, button.btn{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color:rgb(227,218,201);
font-weight:normal;
border:1px solid  #032946 ;
border-radius:10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
behavior: url(/PIE.htc); 
background:   #032946 ;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(  #032946  ), to(#0F4E7E));
background: -webkit-linear-gradient(  #032946  , #0F4E7E);
background: -moz-linear-gradient(  #032946  , #0F4E7E);
background: -ms-linear-gradient(  #032946  , #0F4E7E);
background: -o-linear-gradient(  #032946  , #0F4E7E);
background: linear-gradient(  #032946  , #0F4E7E);
-pie-background: linear-gradient(  #032946  , #0F4E7E);
color: rgb(255,255,255);
margin: 10px auto;
padding:3px 10px;
text-align: center;
}

.button:hover, div.form-actions button:hover, div.logout-button input.btn:hover,  button.btn:hover {
background: #0F4E7E;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0F4E7E), to( #032946 ));
background: -webkit-linear-gradient(#0F4E7E,  #032946 );
background: -moz-linear-gradient(#0F4E7E,  #032946 );
background: -ms-linear-gradient(#0F4E7E,  #032946 );
background: -o-linear-gradient(#0F4E7E,  #032946 );
background: linear-gradient(#0F4E7E,  #032946 );
-pie-background: linear-gradient(#0F4E7E,  #032946 );
behavior: url(/PIE.htc);
}

/*CSS pour liens contenu page*/

.item-page a, .item-page a:link{ 
color:#BD910D;
text-decoration:underline;
outline:none;
} 
.item-page a:visited{ 
color: #BD910D;
text-decoration:underline;
} 
.item-page a:hover{ 
color:#715500;
text-decoration:underline;
}
div.contact-address address{
color:rgb(170,51,0); 
text-align: left;
}
ul.pagenav {
width: 700px;
margin: 0;
margin-top: 60px;
margin-bottom: 0;
padding-bottom: 10px;
list-style-type: none; 
}
ul.pagenav li {
display: inline;
margin-left:120px;
}
.pagenav a:link, .pagenav a:hover, .pagenav a:visited{
color:rgb(174,34,7); 
font-size:0.8em;
font-weight: normal;
text-decoration:none;
}
.pagenav a:hover {
color:rgb(3,88,227); 
text-decoration:underline;
}
.custom-tel-bottom a:link{
text-decoration:none;
color: #FFD24D;
}
.custom-tel-bottom a:hover,.custom-tel-bottom a:focus{
color: #fff ;
}
/*CSS LES MENUS */

 /*CSS pour menu principal Gauche*/

div.moduletable_left{
width:280px;
height: auto;
margin-top:20px;
overflow:visible;
margin-bottom:10px;
padding:5px 0;
}
div.moduletable_left h3{
font-family: 'Ubuntu', cursive, Arial,Verdana, Helvetica, sans-serif;
font-size: 1.6em;
font-weight: normal;
font-style:italic;
text-align: center;
line-height: 40px;
color:rgb(239,239,218);
}
div.moduletable_left ul{
position: relative;
width: auto;
margin:auto;
padding:0;
list-style-type: none;
}
div.moduletable_left li{
position: relative;
width:270px;
height:25px;
padding-right:10px;
margin:0;
border-bottom:dotted 1px rgb(119,109,95);
}

div.moduletable_left li a{
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif;
width:270px;
line-height: 25px;  
text-indent: 30px;
color:rgb(72,19,25);
text-decoration: none;
text-align:right;
font-size:0.8em;
font-weight:normal;
font-style:italic;
outline-style:none;
}
div.moduletable_left ul li a:hover{
color:rgb(237,239,218);
}

/*deuxième niveau */

div.moduletable_left ul ul{
position:absolute;
display:none;
width:200px;
height:auto;
top:0;
left:200px;
padding:0;
z-index: 500;

}
div.moduletable_left ul ul li{
position: relative;
width:220px;
height: 40px; 
background-image: none;
background-color:rgb(242,242,242);
-webkit-transition-property: background-color;
-moz-transition-property: background-color;
-o-transition-property: background-color;
-ms-transition-property: background-color;
transition-property: background-color;

-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-ms-transition-duration: 1s;
transition-duration: 1s;
behavior: url(/PIE.htc);          
}
div.moduletable_left ul ul li:hover{
background-image: none;
background-color:rgb(68,112,143);
}
div.moduletable_left ul ul li a{
display:block;
width:200px;
height:40px;
line-height: 40px;
margin:0;
padding:0; 
text-indent:10px; 
font-size:0.85em;

}

div.moduletable_left ul li:hover ul{
display: block; /* Repositionnement normal */
min-height: 0; /* Corrige bug IE */
}



 /*CSS pour menu top - home*/


div.moduletable_top{ 
width:1000px;
height:65px;
margin:0 20px;
z-index:2000;
}
div.moduletable_top ul {
width:960px;
margin:auto;
padding:0;
list-style-type: none;
}
div.moduletable_top ul li{
position: relative;
display:block;
width: 150px;
height:65px;
float:left;
margin:0;
padding:0;
border:none;
}
div.moduletable_top ul li:hover{
background-image: url("../images/flch_menu.png");
background-position: center left;
background-repeat:no-repeat; 
}
div.moduletable_top ul li a{
display:block;
width: 150px;
font-size:1.6em;
line-height:65px;
color:rgb(188,151,81);
text-align:center;
text-decoration: none;
font-family:'Ubuntu', cursive, Arial,Verdana, Helvetica, sans-serif;
font-weight:normal;
outline:none;
}

div.moduletable_top ul li a:hover{
color:rgb(218,216,193);
}


div.moduletable_top ul.menu ul{
position:absolute;
width:auto;
top:30px;
left:-11px;
background-color: rgb(64,64,64);
z-index:1000;
display:none;
}
div.moduletable_top ul.menu ul li{
position:relative;
float:none;
width:200px;
margin:0 0 0 -40px;
border-top: 1px solid rgb(51,46,29);
}
div.moduletable_top ul.menu ul li a{
width:200px;
text-align:left;
text-indent:20px;
font-family: Verdana, Helvetica, sans-serif;
font-size:0.95em;
font-style:italic;
font-weight:normal;
}
div.moduletable_top ul.menu li:hover ul{
display: block; /* Repositionnement normal */
min-height: 0; /* Corrige bug IE */
}

/*CSS MENUS Bas page*/

#bottom {
clear:both;
width: 100%;
height:auto;
padding: 30px 0;
background-color:#032946;
}
#bottom td.coord {
font-family: 'Cinzel', serif, Arial,Verdana, Helvetica, sans-serif;
font-size: 1em;
text-align:center;
}
 div#bottom h3{
color:#2A5E86;
font-family:'Ubuntu', cursive, Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 1.2em;
}
#bottom p {
color:#C1DBEE;
}
#bottom a, footer a:link {
color:#C1DBEE;
}                
#bottom a:hover, #bottom a:focus {
color:#FFD24D;
} 
/*CSS pour pied de page*/

footer{
width: 100%;
padding: 10px 0;
}
footer p{
text-align:center;
font-size: 0.75em;
color:#C1DBEE;
}

/*Les tableaux*/

table {
width: 100%;
margin:10px auto; 
padding:0;
vertical-align:middle;
font-size: 1em;
border: none;
border-collapse: collapse;
}


/*CSS tableaux contact categories*/  
 
div.contact-category{
width:100%;
margin: 0;
margin-top: 20px;
} 
table.category {
width:100%;
color:rgb(46,47,139);
margin:10px; 
padding:0;
vertical-align:middle;
text-align: center;
border: none;
}
table.category th{
width:auto;
padding:10px;
font-size: 1.2em;
line-height: 2.5em;
text-align:left;
border:none;
}
table.category td{
width:auto;
padding:10px 8px;
font-size: 0.95em;
line-height: 1.5em;
text-align:left;
border: none;
}


/* -----------------------------------------
		          FORMULAIRE CONTACT
-------------------------------------------*/

div#contact{    /*parent */ 
position: relative;
margin:0 20px;
padding:0;
background-color:transparent;
}
div.pane-slider{    /*parent */ 
max-width:980px;
margin:0 auto;
}
.well{
background:#C1DBEE;
}
div.contact dl{    /*parent */ 
margin-left: 30px;
}   
div#contact-slider{ /*enfant slide */ 
width:680px;
margin:0;
padding: 2%;
background-color:rgb(255,255,255);
border-radius:5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
behavior: url(/PIE.htc);
}

div.contact h3, .panel a span, legend{  /*enfant onglet titre*/
font-family: 'Ubuntu', cursive, Arial,Verdana, Helvetica, sans-serif;
font-size: 1.4em;
color:#FFD24D;
margin-top:20px;
padding:5px 0 18px 140px;
font-weight:normal;
}
legend{  /*enfant onglet titre*/
color:#266392;
width:80%;
border-bottom:1px solid #266392;;
}
div.thumbnail{
width: 130px;
float: right;
margin: 10px;
}
div.contact h3:hover{ /*enfant onglet lien */ 
color:#841122;
}

div.contact-image{ 
float: right;
margin: 5px 40px;
}
div.contact p{  /*enfant onglet titre*/
margin-left:40px;
color:rgb(40,38,62);
}
div.contact address{
color:rgb(22,22,22); 
text-align: left;
margin-left:40px;
}

div.item-page{
position:relative;
}
div.control-group{
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 1.1em;
color:rgb(56,69,0);
}
div.control-label label{
float:left;
}

div.contact legend{
font-size:0.70em;
color:rgb(80,72,59);
padding-left:100px;
}
div.contact fieldset{
border:none;
}
div.contact label.tool-tip{
display: none;
}
form#contact-form input, form#contact-form textarea{
width: 45%;
display: block;
background-color:#EDF6FC;
padding:5px;
border:none;
border-radius:5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
behavior: url(/PIE.htc);
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size:0.9em;
color:rgb(22,22,22);
} 
form#contact-form input[type=radio] {
width: auto;
}

form#contact-form hr{
color:rgb(68,162,252);
background-color:rgb(68,162,252);
height: 1px;
}
form#contact-form textarea{
 width: 70%;
}
form#contact-form label{
display:block;
margin: 3px 5px 0 0;
font-size:0.80em;
text-align:right;
color:#266392;
}
form#contact-form label#jform_contact_email_copy-lbl{

}
form#contact-form label#jform_captcha-lbl{
clear:both;
float:none;
margin-top:10px;

}
form#contact-form button{
margin-left:250px;
}
div.contact h2, div.contact-category h2{
margin-left: 20px;
margin-right: 50px;
margin-bottom: 5px;
text-indent: 15px;
color:rgb(103,15,66);
font-size:1em;
line-height: 1.4em;
text-align: left;
}
     

/*CSS mots cles Recherche*/   
div.moduletable_search{
width: 300px;
height: 40px;
margin:0;
padding:0;
float:left; 
}
div.search_search{
width: 250px;
height: 40px;
margin:0;
padding:0;
margin-left:50px;
background:transparent;
overflow:hidden;
}
div.search_search label{
visibility: hidden;
}
input#mod-search-searchword.inputbox_search{
width:200px;
color:rgb(41,42,132); 
margin:-6px 0 0 20px;
border:none;
line-height:40px;
outline: none;
text-align:left;
font-size:0.95em;
}
input#mod-search-searchword.inputbox_search  {   /* test CSS pour safari*/
background:none;
outline-width:0;
margin-top:-8px; 
}  


/*CSS formulaire Recherche*/  

div.search {
margin: 0 80px;
}
dl.search-results {
color:rgb(47,48,140);
 font-size: 0.95em;
}
dt.result-title  a{
color:rgb(14,142,202);
}
dt.result-title  a:hover{
color:rgb(66,25,149);
}
div.search fieldset{
border: 1px solid rgb(47,48,140);
}
div.search h1, div.search p{
color:rgb(47,48,140);
 font-size: 1em;
}
div.search legend{
color:rgb(47,48,140);
 font-size: 0.90em;
}
div.search label{
color:rgb(47,48,140);
 font-size: 0.85em;
}
div.search input{
background:transparent;
margin-left: 35px;
margin-top: 4px;
border: none;
color:rgb(47,48,140); 
font-size:0.90em;
}

 /*CSS pour connexion */
 

div.login label{
font-size:0.75em;
line-height:2.2em;
}
div.login ul li{
margin-left:20px;
}
div.login a, div.login a:link{
color:rgb(58,59,139);
}
div.login a:hover{
color:rgb(0,175,240);
}




/*]]>*/