/* cmsms stylesheet: Contenu_Test modified: 20/06/2016 14:17:13 */
.switchbox{
    display:none;
}
#text_bienvenue{
    display: inline-block;
    width: 525px;
    height: 40px;
    background-color: #C6D9F1;
    margin: 10px;
    padding-top: 20px;
    margin-left: 20px;
    margin-top: 13px;
    padding-left: 10px;
    border:3px solid white;
    font-size: 16px;
}
html{
    background-image: url("../../uploads/images/background.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
}

#centre{
    overflow: auto;
}
#patinoire{
    width: 535px;
    margin-left: 20px;
    border: 3px solid white;
    margin-top: 30px;
}
#contenu{
    display: inline-block;
    width: 700px;
    background-color: #C6D9F1;
    margin-left: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-right: 20px;
}
#contenu table td,#contenu table th{
    border-top: 1px solid black;
    border-left: 1px solid black;
    margin: 0px;
    font-family: Arial;
    font-size: 16px;

}
#contenu table{
    border-spacing: 0px;
    margin: 20px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    width: 660px;
}
#contenu table th{
    background-color:#4A93E6;
    padding-top:20px;
    padding-bottom: 20px;
    padding-left:5px;
}
#contenu table td{
    padding: 5px;
}

p{
    padding-left: 10px;
}
/* cmsms stylesheet: agenda home page modified: 09/06/2016 08:40:27 */
#cal_home_page.calendar-list{
    /*border:2px solid white;*/
    background-color: #C6D9F1;
    width: 375px;
    float: right;
    margin-top: -433px;
    margin-right: 20px;
}

/*tbody tr td{
    border: 1x solid white;
}*/

#cal_home_page.calendar-list table{
    background-color: white;
    border: 1px solid white;
}

#cal_home_page.calendar-list thead{
    background-color: #4A93E6;
    color:white;
    text-align: left;
    /*border-bottom: 20px solid white;*/
}

#cal_home_page.calendar-list tbody{
    background-color: #C6D9F1;
    color: black;
}

#largeurcolonne1{
    width:140px;
    /*padding-left: 10px;
    padding-right: 10px;*/
    padding: 10px;
    font-size: 14px;
}

#largeurcolonne2{
    width:280px;
    padding-left:15px;
    font-size: 14px;
}

#proch{
    background:#5BA8E8;
    border-bottom: 4px solid white;
    color:white;
    height: 35px;
    width:  auto;
    font-size: 24px;
    margin-top: 0px;
    padding: 8px;

}

td{
    height: 15px;
    font-size: 20px;
}

/*4A93E6
C6D9F1*/
/* cmsms stylesheet: galerie modified: 20/06/2016 15:00:10 */
#gallery{
    width : 535px;
    height: auto;
    margin-left: 20px;
    margin-bottom: 30px;
    margin-top: 8px;
    position: relative;
    border: 3px solid white;
    background-color: #C6D9F1;
}

#gallery h3{
    background:#5BA8E8;
    border-bottom: 6px solid white;
    color: white;
    height: auto;
    width: auto;
    font-size: 24px;
    font-weight: bold;
    margin-top: 0px;              
    padding: 8px;
    position: relative; 
}

#gallery .img{
    height: auto;
    width: auto;
    position: relative;
    margin: 17px;
    display: inline;
    background-color: #C6D9F1;
}

#gallery .pagenavigation{
    display:none;
}

#gallery p{
    display:none;
}
#contenu .gallery {
    padding-left: 15px;
}
#contenu .gallery .parentlink {
    display:none;
}
#contenu .gallery .img{
    margin-bottom: 45px;
    float:left;
    width:170px;
}
/* cmsms stylesheet: Footer et Header modified: 14/09/2021 11:42:32 */
footer{
    margin-top: -3px;
    padding: 20px;
    background: #4A93E6;
    width: 962px;
    font-size: 15px;
}

footer > span{
    margin-left: 89px;
}
#blanc{
    color: white;
    margin-left: 0px;
}

header{
    background: #4A93E6;
    width: 1002px;
}

#logos{
    position:relative;
    margin-left: 30px;
    
}

#logoCp{
    height: 150px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: middle;
}

#cec{
    position:absolute;
    top:130px;
    right:20px;
}

#logo_cec{
    height:50px;
}
#menuMobile{
    display: none;
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: middle;
    }

#jeunesse{
    position:absolute;
    top:20px;
    right:80px;
    display:block;
    height: 50px;
    width:50px;
    margin-left: 60px;
    display: inline-block;
    vertical-align: middle;
}
#logo1{
    height: 50px;
    width:50px;
}
#Sev_usp{
    position:absolute;
    top:80px;
    right:10px;
}

#logo2{
    height: 40px;
    margin-left: 30px;
    display: inline-block;
    vertical-align: middle;
}

#club{
    display: inline-block;
    vertical-align: middle;
    margin-left: 50px;
    font-size: 38px;
    font-weight: bold;
    color: white;
}

body{
    width: 1002px;
    margin: auto;
    font-family: Arial;
    background-color: #8CB4E1;
    font-size: 18px;
   
}

#menu_gauche{
    font-family: Arial;
}

#news{
    float: right;
    margin-top: -100px;
    margin-right: 30px;
}
.fb-like{
    margin-left: 80px;
}
/* cmsms stylesheet: menu_para modified: 20/06/2016 10:39:11 */
/*menu*/

#navigateur_gauche{
    border: 3px solid white;
    width: 220px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    margin-left: 20px;
    height: auto;
    background-color:#C6D9F1;
    position: relative;
    margin-right: 0px;
    display:inline-block;
    float: left;
}
#menu_gauche_titre {
    display: inline-block;
    text-align: center;
    margin-top: -14px;
    width: 220px;
    background: #4A93E6;
    font-size: 18px;
    line-height:40px;
    font-weight: bold;
    color:white;
}
#menu_gauche ul
{

    display:block;
    /*font-weight: bold;*/
    list-style-type: none;
	padding-left: 0px;
	/*line-height:37.5px;*/
    background-color:#C6D9F1;
    
}

#menu_gauche li{
    padding:5px 0 5px 0;
    line-height: 20px;
    margin-left: 0px;
}
#menu_gauche a{
    border-bottom:1px solid black;
    margin-right:10px;
}

#menu_gauche ul li ul li
{
    position: relative;
    padding-left: 20px;
	display:none;
	font-size: 14px;
	

}
#menu_gauche ul li ul li ul li
{
    position: relative;
    padding-left: 10px;
	display:none;
	

}
#menu_gauche ul li:hover> ul > li /*2eme niveau */
{
	display:block;
	color:gray;

}
#menu_gauche ul li > ul > li:hover > ul > li /* 3eme niveau */
{
	display:block;
}
#menu_gauche li a {
    
	display:block;    
    text-decoration: none;
    color:black;
    
}
#menu_gauche li a:hover {

    text-decoration: none;
    color: white;
}

#menu_gauche .activeparent ul li {
    display:block;
}
/* cmsms stylesheet: News home page modified: 06/06/2016 15:31:09 */
#news {
    width: 375px;
    height: auto;
    margin-right: 20px;
}

#news ul {
    display: none;
}
  
#news .NewsSummaryPostdate {
    display: none;
}

#news .NewsSummaryAuthor {
    display: none;
}

#news .NewsSummaryCategory {
    display: none;
}

#news .NewsSummaryLink{
    color: white;
    font-size: 24px;
    background: #5BA8E8;
    border: 3px solid white;
    font-weight: bold;
    width: auto;
    height: auto;
    padding:8px;
    margin-top: 49px;
    position: relative;
    
}

#news .NewsSummaryLink a{
    color: white;
    text-decoration: none;
}

#news .NewsSummaryContent {
  color: black;
  font-size: 14px;
  background-color:#C6D9F1;
  border: 3px solid white;
  height:auto;
  padding-left: 8px;
}
/* cmsms stylesheet: menu_mobile modified: 20/06/2016 15:09:44 */
@media (max-width: 640px) {
.switchbox{
    display:block;
    width:40px;
    float:left;
}
.switchbox img{
    width: auto;
    max-height: 97px;
}
#nav_trigger{
    display: inline;
    display: none;
}
#nav_trigger:checked ~ #navigateur{
    display:none;
}
#navigateur{
    position:relative;
    border:none !important;
    width: 100% !important;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    margin-left: 0px;
    height: auto;
    background-color:#C6D9F1;
    display: inline-block;
    text-align: left!important;


}
#menu{
    width: 100% !important;
    z-index: 11 !important;
    border:none;
    margin-top: -13px;
    height: 50px;
    display: block;
    font-weight: bold;
    font-size: 13px;

}
#navigateur #menu  ul li {
    text-align: left!important;
    padding-left:0px;
    display:block;
}
#navigateur #menu  ul ul {
    display:none;
}
/*#menu ul
{   
    text-align:left !important;
    width: 100% !important;
    display:inline-block;
    list-style-type: none;
	padding-left: 0px;
    background-color:#C6D9F1;

}*/

#navigateur #menu ul li{
    /*display:block;*/
    width: 100%!important;
    padding:0;
    line-height: normal;
    margin-left: 0;
    height:auto;
    padding:10px;
    z-index: 11 !important;
    position:relative;
}

#navigateur #menu ul li ul li ul li{
    border:1px solid black;
    top:0px;
    left:0px;

}



/*
#menu a {
    border-bottom:0 solid black;
    margin-right:0;
    padding-left: 20px!important;
}
#menu li li a{
    padding-left: 40px!important;
}

#menu ul li ul li
{

    border-top:1px solid black!important;
    margin-right:20px!important;
    position: relative!important;
    padding-left: 0px!important;
	display:none;
	font-size: 14px;
	width: 100%!important;
    top:0!important;
    left:0px!important;
	

}
#menu ul li ul li ul li
{
    position: relative;
    padding-left: 10px;
	display:none;
	left:0!important;
    top:0!important;

}
#menu ul li:hover> ul > li 
	display:block;
	color:gray;

}
#menu ul li > ul > li:hover > ul > li 
{
	display:block;
}
#menu li a {
    
	display:block;    
    text-decoration: none;
    color:black;
    
}
#menu li a:hover {

    text-decoration: none;
    color: red;
}
.sectionheader{
    padding-left:20px!important;
}
*/
#menu li a {
    display: inline-block !important;
}
#navigateur #menu .ul_mobile:checked ~ ul{
   display:block;
   width:100%;
   height:auto;
}
/*.ul_mobile:unchecked ~  ul{
   display:none;
}*/
.ul_mobile{
    display:block;
    float:right;
}
}