/* statuts */
#page #contenu #statuts {
	background: #333;
}
#page #contenu #statuts #menu-statut {
	padding:10px;
	margin:10px;
	width:230px;
	position:relative;
	display:block;
	float:left;
	position:absolute;
}
#page #contenu #statuts #menu-statut h2{
	padding:0 10px;
	line-height:20px;
	width:100%;
	display:block;
}
#page #contenu #statuts #menu-statut #statut-menu {
}
#page #contenu #statuts #menu-statut #statut-menu li {
	background-color:#333;
	margin:5px 2px;
	line-height:25px;
	height:25px;
	width:230px;
	text-indent:10px;
}
#page #contenu #statuts #menu-statut #statut-menu li:hover {
	background-color:#ffcc00;
	font-weight:bold;
}
#page #contenu #statuts #menu-statut #statut-menu li a {
	height:25px;
	width:230px;
	display:block;
	color:#ffcc00;
}
#page #contenu #statuts #menu-statut #statut-menu li a:hover {
	color:#222;
	background:url(../img/design/vue.png) no-repeat right center;
}
#page #contenu #statuts #menu-statut #statut-menu li.active {
	background-color:#fff;
	font-weight:bold;
}
#page #contenu #statuts #menu-statut #statut-menu li.active a{
	color:#222;
}
#page #contenu #statuts #menu-statut #statut-menu li.active a:hover{
	color:#f00;
}
#page #contenu #statuts #menu-statut #statut-menu li.titre-menu {
	background-color:#ffcc00;
	margin:5px 2px;
	line-height:35px;
	height:35px;
	width:230px;
	font-weight:bold;
	color:#333;
	font-size:24px;
}
/* statuts articles*/
#page #contenu #statuts div.article-st {
	width:70%;
	min-width:700px;
	padding:15px;
	float:right;
	margin-right:15px;
	padding-top:50px;
}
#page #contenu #statuts div.article-st span.titre-st {
	width:100%;
	display:block;
	font-size:24px;
	font-weight:bold;
	color:#ffcc00;
	border-bottom:#FFcc00 solid 1px;
}
#page #contenu #statuts div.article-st p {
	width:90%;
	margin:20px auto 5px;
	font-size:18px;
	text-align:justify;
	text-indent:25px;
}
#page #contenu #statuts div.article-st ul {
	width:80%;
	margin:10px auto;
	font-size:18px;
}
#page #contenu #statuts div.article-st ul li {
	border-left:#FFcc00 solid 5px;
	margin-bottom:15px;
	padding-left:5px;
	text-indent:25px;
}
/* statuts divers*/
a.toppage {
	position:relative;
	top:0;
	float:right;
	margin-right:10px;
	background:url(../img/design/topret.png) top right no-repeat;
	height:30px;
	line-height:30px;
	padding-right:25px;
	display:block;
	color:#ffcc00;
	
	
}
a.toppage:hover {
	background:url(../img/design/topret2.png) top right no-repeat;
	color:#fff;
}
.important {
	font-weight: bold;
	color:#ffcc00;
	text-align: center;
}
.important a {
	color:#FFF;
	text-decoration: underline;
}
.important a:hover {
	color:#ffcc00;
	text-decoration: underline;
}
.important2 {
	font-size:28px;
	font-weight: bold;
	color:#ffcc00;
	display:block;
	text-align:center;
}
.important3 {
	font-size:36px;
	color:#Ffcc00;
}

/* historique*/
#page #contenu #historique {
	margin: 20px auto;
	height: 100%;
	width: 90%;
	text-align:justify;
	font-size:18px;
	text-indent:25px;
}

/* bureau nav*/

#nav-bur {width:800px;margin:0 auto;overflow:hidden;}
#nav-bur ul#bur {display:inline-block;}
#nav-bur ul#bur li {
	background:url(../img/design/bureau.jpg) no-repeat;
	height:300px;
	width:185px;
	margin:25px;
	outline:solid #fff 3px;
	float:left;
}
#nav-bur ul#bur li.pres {}
#nav-bur ul#bur li.tres {
	background-position:center;
}
#nav-bur ul#bur li.secr {
	background-position:right;
}
#nav-bur ul#bur li a {
	display:block;
	height:300px;
	width:185px;
}
/* bureau content*/


#content-bur {
	width:960px;
	height:100%;
	min-height:525px;
	margin:0 auto;
	padding:0;
	font-size:18px;
	text-align:justify;
	text-indent:25px;
}
#content-bur .bur {
	width:800px;
	position:absolute;
	left:50%;
	margin-left:-400px;
	display:none;
	background-color:#009933;
	border:#FFF solid 5px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;	
}
#content-bur .bur h2 {
}
#content-bur .bur p {
	padding:0 25px 15px 70px;
}
#content-bur #pres {
}
#content-bur #tres {
}
#content-bur #secr {
}

/* bureau flip*/


.sponsorListHolder{
	width:630px;
	margin:35px auto;
	text-align:center;
}
.sponsor{
	width:190px;
	height:300px;
	float:left;
	margin:10px;
	position:relative;
	cursor:pointer;
}
.sponsorFlip{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.imgcard, .imgcard2{
	overflow:hidden;width:190px;height:300px;
	position:relative;
}
.imgcard img{
	position:absolute;
	bottom:0;
	left:0;
}
.imgcard2 img{
	position:absolute;
	top:0;
	left:0;
}
.sponsorData{
	display:none;
}
.sponsorDescription{
	font-size:11px;
	font-style:italic;
	background-color:none;
}
.sponsorURL{
	font-size:10px;
	font-weight:bold;
}
.clear{
	clear:both;
}

/* ccep */


#page #contenu #reseau {
	width:63%;
	padding-left:20px;
	height:100%;
	display:block;
	float:left;
	position:relative;
}
#page #contenu #reseau img {
	position:relative;
	left:10px;
	float:left;
	display:block;
}
#page #contenu #reseau p{
	line-height:30px;
	width:42%;
	height:100%;
	float:right;
}
#page #contenu #reseau h2{
}


#page #contenu .actus {
	width:63%;
	padding-left:20px;
	height:100%;
	display:block;
	float:left;
	position:relative;
}
#page #contenu .actus img {
	position:relative;
	left:20px;
	top:3px;
	float:left;
	display:block;
	z-index:100;
}
#page #contenu .actus p{
	line-height:30px;
	width:80%;
	height:100%;
	float:right;
}
#page #contenu #reseau h2{
}

/* ccep menu col*/
#page #contenu #colonne-menu {
	height: 100%;
	width: 30%;
	padding:5px;
	padding-right:10px;
	margin-bottom:50px;
	margin-top:-650px;
	display:block;
	float:right;
	position:relative;
	border-left:solid 1px white;
}
#page #contenu #colonne-menu a {	
	text-decoration:none;
	color:#fff;
}
#page #contenu #colonne-menu #video {
	height:200px;
	width:280px;
	padding-left:10px;
	background:#333;
}

#page #contenu #colonne-menu ul {	
	width:280px;
	list-style:none;
	padding:0;margin:0;
	padding-left:10px;
	padding-bottom:25px;
	line-height:28px;
	font-size:18px;
}
#page #contenu #colonne-menu #menu_col {
	background:#333;
	width:280px;
}
#page #contenu #colonne-menu ul li {
	padding-left:10px;
}
#page #contenu #colonne-menu #menu_col li a {
	font-weight:bold;
}
#page #contenu #colonne-menu #menu_col li a:hover {
	color:#ffcc00;
}
#page #contenu #colonne-menu #menu_col li ul li a {
	font-weight:normal;

}
#page #contenu #colonne-menu #menu_col li ul.ssmenu  li {
	padding-left:20px;
}
#page #contenu #colonne-menu #menu_col li ul.ssmenu  li:hover {
	background-color:#FFF;
}
#page #contenu #colonne-menu #menu_col li ul.ssmenu  li:hover a{
	color:#333;
	font-weight:bold;
}
/* partenaires*/
#page #contenu #partenaires {
	height: 100%;
	width: 1020px;
	margin: 25px auto 50px;
}
#page #contenu #partenaires a  {
	color:#ffcc00;
}
#page #contenu #partenaires a:hover  {
	color:#fff;
}
#page #contenu #partenaires #colpart {
	width:45%;
	margin:10px 25px;
	float:left;
	display:block;
	position:relative;
}
#page #contenu #partenaires h3 {text-align:center;
}
#page #contenu #partenaires p {text-align:center;
}
#page #contenu #partenaires .colgauche {
}
#page #contenu #partenaires .coldroit {
}

/* obectifs */
#page #contenu #obj-1 {
	width:300px;
	height:320px;
	float:left;
	margin:10px auto;
	background:url(../img/design/logo-ccep-3.png) center no-repeat;
	
	display:block;
}
#page #contenu #obj-2 {
	width:320px;
	float:left;
	padding:0 10px;
	font-size:18px;
	margin-top:40px;
	line-height:26px;
}
#page #contenu #obj-3 {
	width:320px;
	float:left;
	padding:0 10px;
	margin-top:40px;
	line-height:26px;
}
#page #contenu #obj-4 {
	width:960px;
	float:right;
	padding:20px;
	font-size:18px;
	margin:0 auto;
	line-height:26px;
	text-indent:20px;
	text-align:inherit;
}
#page #contenu #obj-4 ul {
	display:inline-block;
}
#page #contenu #obj-4 ul li{
	width:28%;
	padding:10px;
	margin:10px;
	line-height:30px;
	background-color:#090;
	float:left;
	min-height:230px;
	border: 2px solid #fff;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
position:relative;}
#page #contenu #obj-4 ul#promo li a {
}
#page #contenu #obj-4 ul li p.lienbox {
	padding:0;margin:0;position:absolute;bottom:10px;right:20px;
}
#page #contenu #obj-4 ul li p.lienbox a {
	color:#ffcc00;font-weight:bold;
}
#page #contenu #obj-4 ul li p.lienbox a:hover {
	color:#222;font-weight:bold;
}
/* contact*/

#page #contenu #contact {
	padding: 25px;
	padding-top:10px;
	width: 1020px;
}

#page #contenu #contact #infos {
	margin: 10px;
	padding: 10px;
	height: 100%;
	width: 20%;
	float:left;
	background-color: #ffcc00;
	border: 5px solid #222;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;	
}
#page #contenu #contact #infos p {
	text-align:center;
	text-indent:0;
	color:#333;
}
#page #contenu #contact #infos p a {
	color:#f00;
}

#page #contenu #contact #formulaire-contact {
	margin: 10px;
	margin-top:0;
	padding: 10px;
	height: 100%;
	border-left:solid 1px white;
	min-height:800px;
	width: 70%;
	float:left;
}

#page #contenu #contact #formulaire-contact #form {
	background-color: #FFcc00;
	width: 85%;
	margin: 0 auto;
	padding:5px;
	border: 5px solid #222;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;	
	text-align:right;
}
#page #contenu #contact #formulaire-contact #form label {
	width: 18%;
	margin: 10px;
	padding:2px;
	height:30px;
	color:#333;
	font-weight:bold;
	
}
#page #contenu #contact #formulaire-contact #form p.message {
	width: 18%;
	text-align:left;
	margin: 10px;
	padding:2px;
	height:30px;
	color:#333;
	font-weight:bold;
	
}
#page #contenu #contact #formulaire-contact #form input {
	width: 80%;
	margin: 10px auto;
	padding:2px;
	padding-left:10px;
	border: 2px solid #222;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	background-color:#000;
	color:#ffcc00;
}
#page #contenu #contact #formulaire-contact #form input:focus {
	background-color:#fff;
	color:#333;
	font-weight:bold;
}
#page #contenu #contact #formulaire-contact #form input.ville {
	width: 350px;
	padding-left:5px;
}
#page #contenu #contact #formulaire-contact #form input.cp {
	width: 50px;
	margin-right:-10px;
}
#page #contenu #contact #formulaire-contact #form textarea {
	width: 90%;
	margin: 10px auto;
	padding:2px;
	padding-left:10px;
	border: 2px solid #222;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	background-color:#000;
	color:#ffcc00;
	display:block;
}
#page #contenu #contact #formulaire-contact #form textarea:focus {
	background-color:#fff;
	color:#333;
	font-weight:bold;
}
#page #contenu #contact #formulaire-contact #form input[type="submit"] {
	width:200px;
	height:25px;
	font-weight:bold;
}
#page #contenu #contact #formulaire-contact #form input[type="submit"]:hover {
	background-color:#090;
	color:white;
}
  
  
  
  /* agenda*/
  
#agenda {
}
#agenda p {
	margin:25px;
	width:90%;
	padding-left:25px;
}
#agenda .mail-f {
	width:800px;
	margin:0 auto;
}
#agenda .mail-f label {
	height:35px;
	line-height:35px;
	margin:10px;
	font-size:24px;
}
#agenda .mail-f input {
	margin:10px;
	background-color:#090;
	border: 2px solid #fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-size:24px;
	color:white;
	height:30px;
	line-height:30px;
	padding:5px 10px;
}
#agenda .mail-f input[type="text"] {
	width:450px;
}
#agenda .mail-f input[type="submit"] {
	width:150px;margin:0;padding:0;
}
#agenda .mail-f input:focus {
	background-color:#fff;
	color:#333;
	font-weight:bold;
	border:solid 2px #ffcc00;
}
  /* activité */
#switch-act {
	margin-top:-100px;
}
#switch-act p {
}  
#switch-act a {
	color:#ffcc00;
	text-decoration:underline
}
#switch-act a:hover {
	color:#fff;
}
  
#activites {width:960px;margin:25px auto;margin-bottom:50px;}
#activites ul#liste_act {width:960px;margin:0 auto;display:inline-block;margin-left:50px;}
#activites ul#liste_act li {float:left;margin:10px;position:relative;width:400px;height:160px;overflow:hidden}
#activites ul#liste_act li a {}
#activites ul#liste_act li a img {position:abolute;}
#activites ul#liste_act li:hover {outline:solid 10px white;}
#activites ul#liste_act li a:hover img {position:abolute;}

#activites .act {
	width:800px;margin:0 auto;
	background-color:#000;
	border: 8px solid #fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	font-size:24px;
	color:white;
}

#activites .img-act {
	width:600px;margin:20px auto 0;
}
#activites .content-act {
	padding:20px;
	text-align:justify;
	font-size:14px;
	color:#666;
}
#activites .content-act ul {
	list-style:disc;
	margin-left:100px;
	font-size:18px;
}
#activites .content-act ul li{
}

#contenu #activites .act .content-act #informations {
	margin: 15px;
	height: 150px;
	width: 600px;
	border: double #f00;
	background-color:#FFF;
	margin:0 auto;
	padding:0 15px 5px;
	text-align:center;
}
#contenu #activites .act .content-act #informations p {
	width:49%;
	margin:0 auto;
	text-indent:0;
	text-align:center;
}
#page #contenu #agenda .soiree {
	width: 300px;
	margin: 10px 5px 10px 20px;
	text-align:center;
	float:left;
	position:relative;
}
#page #contenu #agenda .soiree a{
	margin:10px;
}
#page #contenu #agenda .soiree a img{
	border:solid 2px #FF0;
}
#page #contenu #agenda #presentation {
	width: 65%;
	float:right;
	margin-right:25px;
}
#page #contenu #agenda #presentation .tarifs {
	width: auto;
	margin: 0 auto;
	margin-left:150px;
	font-size:18px;
}
#page #contenu #agenda #presentation .tarifs li{
	padding-left:25px;
}
.bold {
	font-weight: bold;
	font-size:24px;
	text-decoration:underline;
	line-height:35px;
	padding-bottom:10px;
}
.center {
	text-align: center;
}