* { margin:0; padding:0; }
ul, li{list-style-type:none}
body {
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#000;
	text-align:center;
	background:#fff; 
}
.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
.clearfix {display: block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.clear{clear:both;}

p{text-align:left; line-height:20px; font-family: 'Raleway', sans-serif; font-size:15px;}
img { border:none; vertical-align:top; max-width:100%; }
a  { color:#333;outline: none; text-decoration:none;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;}
  
a.plus {display:inline-block; color:#fff; font-family: 'Raleway', sans-serif;text-transform:uppercase; font-size:14px;font-weight:500;  padding:0 0 7px 0; letter-spacing:1px;  background:url(https://www.entonneurs-rabelaisiens.com/images/bg-lien.jpg) center bottom no-repeat;}
a.plus:hover{color:#B87A33;}
a.plus.max{background:#B87A33; padding:5px 15px;color:#000; }
a.plus.max:hover{color:#fff !important; }
p.italic{font-style:italic;line-height:22px}
ul.puce{margin:5px 0 10px 20px; text-align:left;}
ul.puce.float{display:inline-block; margin:30px 40px; }
ul.puce li{background:url(https://www.entonneurs-rabelaisiens.com/images/puce.jpg) 0 12px no-repeat; padding:5px 0 5px 15px ;line-height:24px; font-family: 'Raleway', sans-serif; font-size:16px; }
ul.puce li.titre{background:none;  }
ul.puce li strong{font-size:16px; font-weight:700;}
ul.puce.float.noir li{color:#fff;}
img.illustration{width:100%;  }
img.float{float:left; margin:0 15px 10px 0; width:40%; max-width:450px; }
img.float.right{float:right; margin:0 0 15px 10px;}
.contenu .page p span{ color:#F3A319;}
.contenu .page a.plus{color:#000; font-style:normal;}
.contenu .page a.plus:hover{text-decoration:none; }
.page p a{color:#99A990;}
.page p a:hover{text-decoration:underline;}
.page p strong{font-weight:600}
.page p.center{text-align:center; color:#F3A319; font-size:15px; font-family: 'Raleway', sans-serif; font-weight:500; letter-spacing:0.7px; text-transform:uppercase; }

h1{text-align:center; color:#F3A319; font-size:15px; font-family: 'Raleway', sans-serif; font-weight:500; letter-spacing:0.7px; text-transform:uppercase; }
h2{text-align:center; color:#fff; font-size:32px; font-family: 'Vidaloka', serif;text-transform:uppercase;  font-weight:normal;  background:url(https://www.entonneurs-rabelaisiens.com/images/bg-h2.png) center bottom no-repeat; padding-bottom:30px; margin:20px 0 40px 0;  }
.contenu h2{color:#000; margin-bottom:60px; }
h3{text-align:center; color:#000; font-size:17px;  font-family: 'Raleway', sans-serif; font-weight:600; letter-spacing:1px; text-transform:uppercase;   background:url(https://www.entonneurs-rabelaisiens.com/images/bg-h3.png) center bottom no-repeat; padding-bottom:30px; margin:20px 0;  }
h5{text-align:center; color:#F3A319; font-size:15px; font-family: 'Raleway', sans-serif; font-weight:500; letter-spacing:0.7px; text-transform:uppercase; }
h4{text-align:center; color:#fff; font-size:32px; font-family: 'Vidaloka', serif; text-transform:uppercase; font-weight:normal;  background:url(https://www.entonneurs-rabelaisiens.com/images/bg-h2.png) center bottom no-repeat; padding-bottom:30px; margin:20px 0 40px 0;  }
h4 span{text-transform:none; color:#eee; }

p.signature{ font-family: "La Belle Aurore",cursive; text-align:right; font-size:35px; margin-top:30px;} 
.contenu .page p.signature span{ font-family: 'Raleway', sans-serif; font-size:14px; display:block; color:#333;} 

/*DIAPO*/
#wrap-header{width:100%; margin:0 auto; position:relative; z-index:10;}

header{ max-width:1080px; margin:0 auto; }
#logo {display:block; width:80%; max-width:351px; margin:10px auto 0 auto;}
#logo img { width:100%;}
header p.baseline {display:none;}	

#tool {display:none; padding:30px 0; background:#000;}
#tool li a{color:#fff; font-size:15px; text-transform:uppercase; display:block; font-family: 'Raleway', sans-serif; font-weight:600;  cursor:pointer; padding:0; text-align:center}
#tool li a:hover{color:#F5A319; }

#bouton_nav{cursor:pointer; display:inline-block; background:#F5A319 ; text-align:center; width:50%; float:left;}
#bouton_nav span{display:inline-block; background:url(https://www.entonneurs-rabelaisiens.com/images/bg_btn_nav.png) left center no-repeat; color:#000; font-size:14px; padding:10px 0 10px 40px;  text-align:center; font-weight:700;}
#info_nav{cursor:pointer; display:inline-block; background:#000 ; text-align:center; width:50%; float:left;}
#info_nav span{display:inline-block; background:url(https://www.entonneurs-rabelaisiens.com/images/bg_info_nav.png) left center no-repeat; color:#fff; font-size:14px; padding:10px 0 10px 20px;  text-align:center; font-weight:700;}

#top-nav{ display:none; width:100%;  }
#top-nav ul{background:#F5A319; padding-top:1px ; padding-bottom:20px;}
#top-nav li a, #top-nav li p{color:#000; font-size:15px; text-transform:uppercase; display:block; font-family: 'Raleway', sans-serif; font-weight:600;  cursor:pointer;padding:20px 0 5px 0; text-align:center}
#top-nav li ul{padding:0; }
#top-nav li ul li a{color:#000; font-size:13px; text-transform:none;cursor:pointer;padding:5px 0; }
#top-nav ul li:hover > a, #top-nav ul li.active > a, #top-nav ul li:hover p, #top-nav ul li.active p{color:#fff; }


.flexslider{border:none !important; margin:0 !important;}
.wrap-page {position:relative; width:100%; }
.page { width:96%;max-width:1250px; margin:0px auto; text-align:center; position:relative; }
.home .page {  background:none;}

.wrap-footer {  background:#000;  width:100%; }
footer {background:#000; text-align:left; padding:30px 0; max-width:1080px; margin:0 auto; padding-bottom:200px;}
footer p{font-size:15px; color:#fff; margin-top:10px; text-align:center}
footer a{font-size:15px; color:#fff; line-height:20px;}
footer a:hover{text-decoration:underline;}

/**HOME**/
.wrap-page.presentation {margin-top:15px;}
.wrap-page.presentation .page{ background:#000;}
.wrap-page.presentation .texte { padding:30px 1%;}
.wrap-page.presentation .texte p{color:#fff; padding:0 15px; text-align:left;}

.wrap-page.presentation .photo {position:relative;}
.wrap-page.presentation .photo a.max {position:absolute; right:20px; bottom:20px; background:#F3A319;}

.wrap-page.infos { background:url(https://www.entonneurs-rabelaisiens.com/images/bg-infos.jpg) 0 0 no-repeat; background-size:cover; padding:10px 0; margin-top:20px;}
.wrap-page.infos .actu { display:inline-block; max-width:500px; width:94%; margin:10px auto; background:#000; padding:20px 1%; }
.wrap-page.infos .actu img {width:40%; float:left; }
.wrap-page.infos .actu .texte {width:58%; float:right; color:#fff; }
.wrap-page.infos .actu .texte span {display:block; color:#F4A319; text-align:center; font-weight:600; }

.wrap-page.services {padding-bottom:50px; }
.wrap-page .item {display:inline-table;  text-align:center; margin:20px 10px; max-width:300px; }
.wrap-page .item h4 {font-family: 'Raleway', sans-serif; color:#F89232; font-size:18px; text-align:center; text-transform:uppercase; font-weight:500;}
.wrap-page .item p {text-align:justify; margin:5px 0; }
.wrap-page .item a.plus {margin:0 0 10px 0; color:#000;}
.wrap-page .item a.plus:hover {color:#F3A319;}


.contenu .page{padding:0 2% 50px 2%; max-width:1080px;}

.page .ariane{float:left; margin-top:10px;}
.page .ariane nav li{display:inline-block; margin:0 5px 0 0; font-size:11px; }
.page .ariane nav li a{height:20px; line-height:20px; vertical-align:middle;}
.page .ariane nav li a img{vertical-align:middle;}

.contenu .col01 .bloc-texte{background:#000; padding:15px;}
.contenu .col01 .bloc-texte h2{color:#fff; }
.contenu .col01 .bloc-texte p{color:#fff; padding:0 15px 15px 15px; }

.wrap-page .intronises .item p{text-align:center; }


/**CONTACT**/
.page form{text-align:left;margin:20px auto; width:100%; max-width:500px }
.page form table{ width:100%;}
.page form table.inscription85{margin-bottom:100px;}
.page form td{padding-top:10px; vertical-align:top; text-align:left;font-size:13px;}
.page form .trinput td{padding-top:0;}
.page form td.label{font-size:13px;padding-right:7px; text-align:right;}
.page form td span.champs{font-size:11px;font-style:italic;}
.page form input{border:none; color:#000;  }
.page form input, .page form textarea{border:none; background:#eee ; color:#000; padding:5px 2%; width:96%;}
.page form td.civiliteinput td{float:left;margin-right:30px;}
.page form td.civiliteinput input, .page form td.boxinput input{width:auto;padding:0;}
.page form td.boxinput td{padding-bottom:10px;}
.page form td.boxinput.chapitreinput td{float:left;}
.page form td textarea{height:100px;}
.page form input[type=submit]{ background:#F5A319 ; color:#000; padding:5px 2%; width:96%; cursor:pointer;}
.page form input[type=submit]:hover{ background:#000 ; color:#F5A319; padding:5px 2%; width:96%; cursor:pointer;}


address {font-size:20px; font-weight:500; font-style:normal;}
address a{display:inline-block; color:#F3A319 ; font-size:35px; font-weight:700; margin-top:20px;}


/* Messages d'alerte */
.fielderror { background:#FFC!important; }
.warning {
	color: #000;
	background-color: #FF9;
	padding: 10px;
	border: 2px dashed #FC0;
	margin:0;
}
.ok {
	color: #000;
	background-color: #6F6;
	text-align: left;
	padding: 10px;
	border: 2px dashed #3C0;
	margin:0;
}
.erreur {
	color: #000;
	background-color: #F99;
	text-align: left;
	padding: 10px;
	border: 2px dashed #F00;
	margin:0;
}

.QapTcha{float:right !important;}


.texte-inscription
{
text-align: center;
text-transform: uppercase;
color: #F3A319;
font-weight: bold;
}

.texte-inscription p
{
text-align: center;
font-size:18px;
margin-bottom:5px;
}

/**Espace membre************/

ul.liste-membres
{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

ul.liste-membres li
{
padding:10px;
width:40%;
margin:0px 0px 20px 0px;
text-align:center;
/*
background: url(http://www.entonneurs-rabelaisiens.com/images/bg-lien.jpg) center bottom no-repeat;
*/
cursor:pointer;
}

ul.liste-membres li figure
{
height:170px;
}

ul.liste-membres li img
{
width:auto;
height:100%;
}

ul.liste-membres li h4
{
color:#000;
font-size:20px;
text-transform:none;
margin-bottom:0;
}

ul.liste-membres li p
{
text-align:center;
}

ul.liste-membres li .plus-bt
{
display:inline-block;
width:35px;
height:35px;
font-weight:bold;
font-size:40px;
font-family: 'Raleway', sans-serif;
border-radius:50%;
color:#F3A319;
}

ul.liste-membres li .plus
{
display:none;
box-sizing:border-box;
background:#000;
padding:10px 20px;
color:#fff;

}

ul.liste-membres li .plus p
{
text-align:left;
line-height:25px;
}

fieldset{border:0;}
#loginform input, .registerform input, #feu_changesettingsform input
{
border:none;
background:#eee;
color:#000;
padding:5px 2%;
width:96%;
margin-bottom:20px;
}

#loginform select, .registerform select, #feu_changesettingsform select
{
margin-bottom:20px;
background:#eee;
height:25px;
}

#loginform button, .registerform .submit-bt, #feu_changesettingsform button
{
background: #F5A319;
color: #000;
padding: 5px 2%;
width: 96%;
cursor: pointer;
border:0;
margin-bottom:10px;
}

#loginform button:hover, .registerform .submit-bt:hover, #feu_changesettingsform button:hover
{
background: #000;
color: #F5A319;
}

@media only screen and (min-width:860px){

.wrap-page.presentation .photo{ width:60%; float:right;}
.wrap-page.presentation .photo img{ height:100%; width:auto;}
.wrap-page.presentation .texte{ width:38%; float:left; padding:30px 1%;text-align:center;}
.wrap-page.presentation .texte a.plus{text-align:center; margin:0 auto;}

.wrap-page.infos .actu { width:46%; float:left; }
.wrap-page.infos .actu.last {float:right; }

.contenu .col01{width:50%; float:left;}
.contenu .col01 img{padding:0; display:inline-block; width:100%;}
.contenu .col01 .bloc-texte{background:#000; padding:15px;}
.contenu .col01 .bloc-texte h2{color:#fff; }
.contenu .col01 .bloc-texte p{color:#fff; padding:0 15px 15px 15px; }
.contenu .col02 img{padding:0; display:inline-block;width:100%;}
.contenu .col02{width:50%; float:right;}


.contenu .page .img.float{width:30%; margin:10px 0 0 0;}
.contenu .page .texte{width:54%; float:left; padding:0 ;}

ul.liste-membres li
{
width:30%;
}
	

}


@media only screen and (min-width:1080px){
#bouton_nav{display:none;}
#info_nav{display:none;}
	
#wrap-header{background:#000;}
#logo { position:absolute; left:10px; top:0;z-index:10; max-width:300px;}	
header { position:relative; padding-top:1px; }	

header #tool {display:block; float:right; text-align:right; margin-top:0px;padding:0;}
header #tool ul li {display:inline-block; color:#fff; height:25px; line-height:25px; }
header #tool ul li a.espace {background:url(https://www.entonneurs-rabelaisiens.com/images/membre.png) left 3px no-repeat; padding-left:20px;}
header #tool a {display:inline-block; margin-top:10px; color:#fff; font-size:11px;}
header #tool a:hover {color:#F4A319; }

@-webkit-keyframes clignote {
0%{background:#F4A319;}
50%{background:#FFD243;}
100%{background:#F4A319;}
}


header #tool ul li a.inscription {color:#000; background:#F4A319; font-weight:bold; font-size:13px; padding:0 10px;
-webkit-animation-name: clignote; 
-webkit-animation-duration: 2s; 
-webkit-animation-iteration-count:infinite; 

}
header #tool ul li a.inscription:hover {color:#F4A319; background:#000 !important;
-webkit-animation: none; 

}


#top-nav{padding:0; float:right; display:inline-block !important; text-align:right; width:100%;position:relative; background:none; margin-top:20px; }

#top-nav ul{padding:0; background:none; max-width:1080px; margin:0 auto;}
#top-nav ul li{display:inline-block; margin:0 20px; background:none; padding:0;}
#top-nav ul li:first-child{margin-left:0;}
#top-nav ul li:last-child{margin-right:0;}
#top-nav ul li a, #top-nav ul li p{text-align:center;  padding:15px 5px; color:#fff; }
#top-nav ul li.parent{position:relative;}
#top-nav ul li ul{display:none; position:absolute; left:0; top:45px; background:#000; min-width:300px; padding-top:0px; }
#top-nav ul li.parent:hover ul{display:block ;}
#top-nav ul li ul li{display:block; margin:15px 0;}
#top-nav ul li ul li a{margin:0; padding:5px 20px;text-align:left; color:#fff;}
#top-nav ul li:hover > a, #top-nav ul li.active > a, #top-nav ul li:hover p, #top-nav ul li.active p{color:#F4A319; }


.wrap-page.diapo {display:block; max-height:600px; overflow:hidden; }
.wrap-page.diapo .flexslider{margin:0; border:none;}
.wrap-page.diapo .flexslider .flex-control-nav, .wrap-page.diapo .flexslider .flex-pauseplay {display:none;}
.wrap-page.diapo .flexslider .flex-direction-nav {display:block;  margin:0 auto; width:100%; position:absolute; top:300px; left:0; z-index:100; }
.wrap-page.diapo .flexslider .flex-direction-nav .flex-nav-prev {background:url(https://www.entonneurs-rabelaisiens.com/images/prev.png) 0 0 no-repeat;width:57px; height:57px; display:inline-block; text-indent:-10000px; float:left; margin-left:30px;}
.wrap-page.diapo .flexslider .flex-direction-nav .flex-nav-next {background:url(https://www.entonneurs-rabelaisiens.com/images/next.png) 0 0 no-repeat;width:57px; height:57px;display:inline-block; text-indent:-10000px; float:right; margin-right:30px;}

.wrap-page.presentation  { padding:40px 0;}
.wrap-page.infos .actu { width:480px; }

.wrap-page .item {margin:40px 20px;  }
.wrap-page .item:first-child {margin-left:0px;  }
.wrap-page .item:last-child {margin-right:0px;  }



.contact .col01{width:40%; float:left;}
.contact .col02{width:45%; float:right;}

footer {  text-align:left; padding:30px; min-height:200px;}
footer p{text-align:left; float:left;}
}


@media only screen and (min-width:1300px){
#logo { left:30px;max-width:351px;}	
	
header #tool a { font-size:12px;}

.wrap-page.infos .actu { width:500px;}
.wrap-page .item {margin:40px 80px;  }
.wrap-page .intronises .item {margin:40px; }


}
/* Stylesheet: Entonneurs-CSS Modified On 2018-05-23 16:46:04 */