@charset "utf-8";

/*le tout*/

*{
	margin:0;
	padding:0;
	border:0;
}
body{
	color:#da9f0a;
	font-family:calibri, sans serif;
	background-color:#3c6336;
	text-align:justify;
}
/* Pas de bordure pointillée ou halo lors du clic sur un lien */
a:focus, a:active { 
  outline: none; 
} 
.cboth{
	clear:both;
}
.contenutxt{
	margin:10px;
}
h2{
	border-top:10px solid #8f7a21;
	background-color:#172615;
	padding:10px 0;
	text-align:center;
	line-height:30px;
	vertical-align:center;
	text-shadow:#972b21 1px 1px 1px, #972b21 -1px 1px 1px, #972b21 -1px -1px 1px, #972b21 1px -1px 1px, #51235a -3px 3px 1px;
}
h3{
	text-shadow:#972b21 1px 1px 1px, #972b21 -1px 1px 1px, #972b21 -1px -1px 1px, #972b21 1px -1px 1px, #51235a -3px 3px 1px;
}
h4{
	text-shadow:#972b21 1px 1px 1px, #972b21 -1px 1px 1px, #972b21 -1px -1px 1px, #972b21 1px -1px 1px, #51235a -3px 3px 1px;
}

/*le header*/

[role=banner]{
	position:absolute;
	background-image:url(../images/headerbuteur.png);
	background-repeat:no-repeat;
	background-position:30px 0;
	position:relative;
	width:1130px;
	padding-left:30px;
	height:297px;
	margin:0 auto;
}

/*le menu*/

nav{
	border-top:2px solid #972b21;
	border-bottom:2px solid #972b21;
	border-right:2px solid #972b21;
	background-color:#da9f0a;
	position:relative;
	top:181px;
	width:1100px;
	height:28px;
	position:absolute;
	bottom:0;
	z-index:99999999 !important;
}
.firstul{
	list-style:none;
	z-index:1001;
	
}
.secondul{
	background-color:#da9f0a;	
	list-style:none;
	z-index:1002;
}
nav ul li{
	border-left:2px solid #972b21;
	border-bottom:1px solid #972b21;
	width:108px;
	float:left;
	position:relative;	
	line-height:27px;
	text-align:center;
	z-index:1010 !important;
}
nav ul li ul li{
	border-top:1px solid #972b21;
	border-right:2px solid #972b21;
	z-index:1100 !important;
}
nav ul li a{
	text-decoration:none;
	font-size:.8em;
	color:#972b21;
}
nav ul li a:hover{
	font-weight:bold;
}
nav ul li ul{
	display:none;
	position:absolute;
	left:0;
}
nav ul li:hover ul{
	display:block;
	float:none;
}

/*le main*/

#main{
	width:1080px;
	min-height:300px;
	border:10px solid #8f7a21;
	margin:0 auto;
	margin-top:-76px;
}
#main a{
	color:#da9f0a;
	-moz-transition:color .5s ease-in;
	-webkit-transition:color .5s ease-in;
	-o-transition:color .5s ease-in;
	transition:color .5s ease-in;
}
#main a:hover{
	color:#972b21;
	-moz-transition:color .5s ease-in;
	-webkit-transition:color .5s ease-in;
	-o-transition:color .5s ease-in;
	transition:color .5s ease-in;
}
[role="main"]{
	width:1080px;
	min-height:300px;
	border-top:10px solid #8f7a21;
}

/*la news bar*/

[role=secondary]{
	background-color:transparent;
	border:1px solid #972b21;
	width:1038px;
	height:60px;
	margin:0 auto;
	padding:0 20px;
	overflow:hidden;
	line-height:60px;
	font-size:1.8em;
}
#news{
	text-shadow:#972b21 1px 1px 1px, #972b21 -1px 1px 1px, #972b21 -1px -1px 1px, #972b21 1px -1px 1px, #51235a -3px 3px 1px;
}

/*accueil*/

#hautdroite{
	display:inline-block;
	border-bottom:10px solid #8f7a21;
	width:268px;
	height:202px;
	float:right;
}
#hautdroiteinterieur{
	border:1px solid #972b21;
	width:266px;
	height:200px;
}
#hautdroiteinterieur p{
	Font-size:2.2em;
	margin-left:10px;
	text-shadow:#972b21 1px 1px 1px, #972b21 -1px 1px 1px, #972b21 -1px -1px 1px, #972b21 1px -1px 1px, #51235a -3px 3px 1px;
}
#hautdroiteinterieur a img{
  	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
#hautdroiteinterieur a:hover img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
  	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
#imgbutbuteur{
	display:block;
	width:150px;
	margin:0 auto;
	margin-top:20px;
}

/*visionneuse*/

#visionneuse{
	display:inline-block;
	float:left;
	border-right:10px solid #8f7a21;
	border-bottom:10px solid #8f7a21;
	width:802px;
	height:202px;
}
#visiointerieur{
	border:1px solid #972b21;
	width:800px;
	height:200px;
}
#slides{
	position:relative;
}

/*actuaccueil*/

#actu{
	display:inline-block;
	float:left;
	border-right:10px solid #8f7a21;
	border-bottom:10px solid #8f7a21;
	width:802px;
	height:452px;
	overflow:hidden;
}
#actuinterieur{
	border:1px solid #972b21;
	width:800px;
	height:450px;
}
#actualitesaccueil{
	background-color:transparent;
	overflow:hidden;
}
.acturesumeaccueil{
	padding:0 20px 10px 20px;
	width:360px;
	height:185px;
	display:block;
	float:left;
	text-align:justify;
	border-top:1px solid #972b21;
}
.resuactuimg{
	margin-right:10px;
	display:block;
	float:left;
}
.divlirelasuite{
	display:block;
	float:right;
	padding-bottom:20px;
}
.divtitreactu{
	height:25px;
}
.divresu{
	height:115px;
	overflow:hidden;
	font-size:0.9em;
}

/*rssaccueil*/

#rss{
	display:inline-block;
	border-bottom:10px solid #8f7a21;
	width:268px;
	height:452px;
	float:right;
}
#rssinterieur{
	border:1px solid #972b21;
	width:266px;
	height:450px;
}
[role=seealso]{
	text-align:center;
	padding:5px;
	overflow:hidden;
	line-height:10px;
	
}
[role=seealso] a{
	text-decoration:none;
	color:#da9f0a;
}
.titre_aside{
	font-size:0.7em;
	line-height:5px;
}
.date_aside{
	font-size:0.7em;
}
.titrerss{
	display:block;
	width:100%;
	font-size:0.7em;
	background-color:#C6B6A6;
	color:#972b21;
}

/*bas accueil*/

#bas{
	border:1px solid #972b21;
	width:1078px;
	min-height:90px;
	padding-top:0;
}

/*actus*/

#actual{
	margin-left:10px;
	text-align:justify;
}
#actualites{
	width:500px;
	min-height:200px;
	margin:0 auto;
}
#actual ul, #actual ol{
	list-style-position:inside;
}
.acturesumeactu{
	margin:10px;
	width:480px;
	height:170px;
	text-align:justify;
}
.acturesumeactu a{
	display:block;
	float:right;
}
.acturesume img{
	margin-right:10px;
	width:100px;
	height:100px;
}
.acturesume a{
	display:block;
	float:right;	
}
.lirelasuite{
	margin-top:10px;
}
.acturesume{
	margin:5px;
	padding:5px;
	width:46%;
	min-height:210px;
	display:inline-block;
	float:left;
	text-align:justify;
}
.actuimage{
	display:inline-block;
	float:left;
	margin-right:30px;
}
.actuarticle{
	display:inline;
	clear:both;
	min-height:200px;
}
.actu{
	display:block;
	border-top:1px solid #972b21;
	min-height:150px;
	width:1050px;
	margin:10px;
}
.photo1actu{
	display:inline-block;
	width:275px;
	float:left;
	margin-right:10px;
}
.photo2actu{
	display:inline-block;
	width:275px;
	float:right;
	margin-left:10px;
}
.actu a{
	color:#da9f0a;
}

/*slider actus*/

#slider {
    width:850px;
}
#slider img{
    border:none;
}
#slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider li { 
    width:500px;
    overflow:hidden; 
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	display:block;
}
#slider li {
	width:500px;
	overflow:hidden;
}
ol {
	margin:5px auto;
	height:12px;
	text-align:center;
}
ol li{
	float:left;
	list-style:none;
	list-style-type:none;
	height:10px;
	line-height:10px;
	margin:0 10px 0 0;
	
}
ol li a{
	display:inline-block;
	float:left;
	height:10px;
	width:10px;
	line-height:10px;
	border:2px solid #da9f0a;
	background:#972b21;
	color:#972b21;
	text-decoration:none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	font-size:0em;
}
ol li.current a{
	background:#C6B6A6;
	color:#C6B6A6;
}
ol li a:focus{
	outline:none;
}

/*lire la suite*/

.plus{
	color:#da9f0a;
	text-decoration:none;
	-moz-transition: all .8s linear;
	-webkit-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
}
.plus:hover{
	color:#972b21;
	-moz-transition: all .8s linear;
	-webkit-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
}
.spanplus{
	text-align:center;
	display:inline-block;
	font-size:1.6em;
	width:20px;
	height:20px;
	line-height:17px;
	border:3px solid #da9f0a;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
}

/*equipes*/

.entraineur1{
	display:inline-block;
	float:left;
	width:120px;
}
.entraineur2{
	display:inline-block;
	float:left;
	width:200px;
}
.entraineur3{
	display:inline-block;
	float:left;
	width:200px;
}
.entraineur4{
	display:inline-block;
	float:left;
	width:200px;
}
.entraineur5{
	clear:both;
	float:left;
}

/*glumeu*/

#fotoglumeu{
	margin:10px;
}

/*le footer*/

footer{
	clear:both;
	background-image:url(../images/fondfooter.png);
	background-repeat:repeat-x;
	display:block;
	width:1100px;
	height:200px;
	font-size:0.7em;
	color:#da9f0a;
	margin:0 auto;
	margin-top:10px;
	text-align:center;
}
footer a{
	text-decoration:none;
	color:#da9f0a;
	-moz-transition: all .8s linear;
	-webkit-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
}
footer a:hover{
	color:#972b21;
	-moz-transition: all .8s linear;
	-webkit-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
}
#basfooter a img{
	margin:10px;
	float:left;
}
#google{
	float:right;
	height:100px;
	width:60px;
	margin:10px;
}

/*accordeon vertical*/

.verticalaccordion>ul {
    margin: 0;
    padding: 0;
    list-style:none;
   	width: 1080px;
}
.verticalaccordion>ul>li {
    display:block;
	overflow: hidden;
    margin: 0;
    padding: 0;
    list-style:none;
	height:40px;
	width: 1080px;
    background-color:#transparent;
    transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -webkit-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
}
.verticalaccordion>ul>li>h3 {
    display:block;
    margin: 0;
    padding:10px;
    height:19px;
    border-top:#972b21 1px solid;
    text-decoration:none;
    text-transform:uppercase;
    background: #3c6336;
}
.verticalaccordion>ul>li>div {
    margin:0;
    overflow: auto;
    padding:10px;
    height:600px;
}
.verticalaccordion>ul>li:hover {
	height: 660px;
}
.verticalaccordion:hover>ul>li:hover>h3 {
    text-shadow:#972b21 1px 1px 1px, #972b21 -1px 1px 1px, #972b21 -1px -1px 1px, #972b21 1px -1px 1px, #51235a -3px 3px 1px;
    background:#8f7a21;
}
.verticalaccordion>ul>li>h3:hover {
    cursor:pointer;
}
.verticalaccordion2>ul {
    margin: 0;
    padding: 0;
    list-style:none;
   	width: 1080px;
}
.verticalaccordion2>ul>li {
    display:block;
	overflow: hidden;
    margin: 0;
    padding: 0;
    list-style:none;
	height:40px;
	width: 1080px;
    background-color:#transparent;
    transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -webkit-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
}
.verticalaccordion2>ul>li>h3 {
    display:block;
    margin: 0;
    padding:10px;
    height:19px;
    border-top:#972b21 1px solid;
    text-decoration:none;
    text-transform:uppercase;
    background: #3c6336;
}
.verticalaccordion2>ul>li>div {
    margin:0;
    overflow: auto;
    padding:10px;
    height:200px;
}
.verticalaccordion2>ul>li:hover {
	height: 260px;
}
.verticalaccordion2:hover>ul>li:hover>h3 {
    text-shadow:#972b21 1px 1px 1px, #972b21 -1px 1px 1px, #972b21 -1px -1px 1px, #972b21 1px -1px 1px, #51235a -3px 3px 1px;
    background:#8f7a21;
}
.verticalaccordion2>ul>li>h3:hover {
    cursor:pointer;
}

/*formulaires*/

.formcont{
	min-height:250px;
	width:720px;
	display:block;
	margin:0 auto;
}
.form{
	min-height:250px;
	width:800px;
	display:block;
	margin:0 auto;
}
.label{
	display:inline-block;
	width:150px;
	height:20px;
	text-align:right;
	padding-right:10px;
	float:left;
}
.input{
	display:inline-block;
	margin:0 10px 0 0px;
}
.textcont{
	margin-left:160px;
}
.boutton{
	min-width:100px;
	height:30px;
	padding:0 5px;
	border: 1px outset #972b21;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
.connect{
margin-left:175px;
}
.right{
	display:inline-block;
	float:right;
	margin-right:30px;
}
input, textarea{
	background-color:#C6B6A6;
	border:2px inset #972b21;
	font-family:calibri, sans serif;
}
.colgauche{
	display:inline-block;
	width:50%;
	min-height:210px;
	float:left;
}
.coldroite{
	display:inline-block;
	width:50%;
	min-height:210px;
	float:left;
}
.message{
	display:inline-block;
	width:100%;
	min-height:160px;
	float:left;
}
.divboutton{
	display:block;
	min-height:50px;
	margin:0 auto;
	width:130px;
}
.captcha{
	display:inline-block;
	width:100%;
	margin-bottom:10px;
}
.messerreur{
	color:#972b21;
	font-size:0.6em;
	border:1px solid #972b21;
	background-color:#C6B6A6;
	padding:0 8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
	margin-left:160px;
}
#formconnect{
	width:350px;
	margin:0 auto;
}