@charset "UTF-8";

/* STRUCTURE GLOBALE DES BLOCS PRINCIPAUX */

body {
	margin: 0px;
	background-color: #BCC0C3;
	background-image: url("../images/skate4.jpg");
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	font-family: "Lucida Grande", "Tahoma", Arial, sans-serif ;
	font-size: 14px;
}

#pop {
	background-image: url("../images/tag-slide-spirit.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

img {
	border: 0;
}

a {
	outline: none;
	color: #3080CC;
}

strong {
	font-weight: bold;  /* Correction pour le navigateur Safari qui ignore le gras des <strong> */
}

h1 {
	font-size: 16px;
	font-weight: 100;
	margin: 0px;
}

h2 {
	font-size: 16px;
	font-weight: 100;
	margin: 0px;
}

h3 {
	font-size: 16px;
	font-weight: 100;
	margin: 0px;
}

h4 {
	font-size: 16px;
	font-weight: 100;
	margin: 0px;
}

#content {
	width: 1080px;
	margin: auto;
}

#header a {
	color: #FFFFFF;
	text-decoration: none;
}

#header a:hover {
	color: #000000;
}

#top {
	height: 170px;
	width: 810px;
	padding: 20px 0px 20px 0px;
}

#logo {
	width: 220px;
	height: 170px;
	padding: 0px 20px 0px 20px;
}

#banniere-news {
	width: 530px;
	height: 170px;
	margin-right: 20px;
	background-color: #FFFFFF;
	float: right;
}

#droite {
	width: 270px;
	color: #FFFFFF;
	background-color: transparent;
	background-repeat: repeat-y;
	float: right;
}

#droite-content {
	width: 230px;
	padding: 15px 20px 0px 20px;
	background-color: #1A2025;
	background-image: url("../images/background-droite.png");
	background-repeat: repeat-y;
}

#droite-content li {
	width: 200px;
	background-color: #0B0E15;
	list-style-type: none;
	padding: 15px;
	margin-bottom: 20px;
	overflow: hidden;
	font-size: 13px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#droite-content li a {
	text-decoration: none;
}

#droite-content ul {
	padding: 0px;
}

#droite-content a {
	color: #3EDAD6;
}

#droite-content a:hover {
	text-decoration: underline;
}

#droite-bottom {
	width: 270px;
	height: 100px;
	background-color: transparent;
	background-image: url("../images/droite-bottom-background.png");
	background-position: bottom;
	background-repeat: no-repeat;
}

#colgauche {
	-moz-border-radius-bottomright: 100px;
	-webkit-border-bottom-right-radius: 100px;
	-moz-box-shadow: #000000 0px 0px 25px -2px;
	-webkit-box-shadow: #000000 0px 0px 25px -2px;
	box-shadow: #000000 0px 0px 25px -2px;
	width: 810px;
}

.carousel-wrap {
	-moz-box-shadow: #000000 0px 0px 25px -2px;
	-webkit-box-shadow: #000000 0px 0px 25px -2px;
	box-shadow: #000000 0px 0px 25px -2px;
}

#gauche {
	width: 750px;
	min-height: 480px;
	background-color: #FFFFFF;
	padding: 27px 30px 0px 30px;
}

#gauche-bottom {
	width: 780px;
	height: 95px;
	padding-left: 30px;
	background-color: #FFFFFF;
	-moz-border-radius-bottomright: 100px;
	-webkit-border-bottom-right-radius: 100px;
}

#titre-accueil, #titre-agenda, #titre-historique, #titre-medias, #titre-partenaires, #titre-contact {
	width: 810px;
	height: 200px;
	background-color: transparent;
}

#titre-accueil {
	background-image: url("../images/titres/skateboard.jpg");
}

#titre-agenda {
	background-image: url("../images/titres/skateboard2.jpg");
}

#titre-historique {
	background-image: url("../images/titres/skateboard3.jpg");
}

#titre-medias {
	background-image: url("../images/titres/skateboard4.jpg");
}

#titre-partenaires {
	background-image: url("../images/titres/skateboard5.jpg");
}

#titre-contact {
	background-image: url("../images/titres/skateboard6.jpg");
}

#slide {
	width: 1196px;
	margin: auto;
}

#scrolltotop a {
	background-color: transparent;
	background-image: url("../images/haut.png");
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	text-indent: -9999px;
	width: 58px;
	position: fixed;
	margin-top: 100px;
}

#scrolltotop a:hover {
	background-image: url("../images/haut-hover.png");
}

#footer {
	width: 100%;
	min-height: 425px;
	margin: auto;
	margin-top: 70px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: transparent;
	background-image: url("../images/black.png");
	border-top: 17px #FF6000 solid;
}

#footer-global {
	width: 1080px;
	margin: auto;
}


/* -----------------------------------------------------------------
   MISE EN PAGE DES ELEMENTS */
   
.article {
	width: 710px;
	padding: 20px;
	background: #CECECE url("../images/main-bg2.jpg") repeat scroll 0 0;
}

#retour {
	background-image: url("../images/background-bouton.jpg");
	width: 140px;
	height: 24px;
	margin-left: 0px;
	margin-bottom: 20px;
}

.titre {
	margin-top: 20px;
	width: 670px;
	padding: 20px;
	color: #FFCC00;
	background-color: transparent;
	background-image: url("../images/bg-articles.png");
	text-shadow: 0px 1px 15px #000000;
	font-size: 16px;
}

.titre a {
	color: #FFFFFF;
}

.titre a:hover {
	color: #FFCC00;
}

.titre h1 {
	font-weight: bold;
	color: #FF6000;
	font-size: 23px;
}

.titre h2 {
	font-weight: bold;
	color: #FF6000;
	font-size: 23px;
}

.titre h3 {
	color: #FFCC00;
	display: inline;
}

.titre p {
	color: #FFFFFF;
	text-align: justify;
}

.plus a {
	color: #FF6000;
	font-weight: bold;
	background-color: #555555;
	padding: 7px;
	font-size: 16px;
	text-decoration: none;
	line-height: 35px;
}

.table {
	margin-top: 0px;
	width: 610px;
	padding: 10px;
	color: #FFCC00;
	background-color: transparent;
	background-image: url("../images/bg-table.png");
	text-shadow: 0px 1px 15px #000000;
}

.plus a:hover {
	color: #FFFFFF;
	background-color: #FF6000;
	padding: 7px;
	text-decoration: none;
}

.shadow {
	width: 770px;
	height: 14px;
	margin-bottom: 16px;
	margin-left: 0px;
	background-image: url("../images/article-shadow.jpg");
	background-repeat: no-repeat;
	background-position: top center;
}

.page-bas {
	width: 700px;
	text-align: center;
	font-size: 19px;
}

.numero-page a {
	color: #FFFFFF;
	text-decoration: none;
	width: 15px;
	padding: 1px 4px 1px 4px;
	background-color: #C0C0C0;
	border: solid 2px #9F9F9F;
}

.numero-page a:hover {
	color: #FFFFFF;
	width: 15px;
	padding: 1px 4px 1px 4px;
	background-color: #FF7000;
	border: solid 2px #FF3000;
}

.numero-page-vue a {
	color: #FFFFFF;
	text-decoration: none;
	width: 15px;
	padding: 1px 4px 1px 4px;
	background-color: #00BF00;
	border: solid 2px #009A00;
}

.numero-page-vue a:hover {
	color: #FFFFFF;
	width: 15px;
	padding: 1px 4px 1px 4px;
	background-color: #00BF00;
	border: solid 2px #009A00;
}

.avatar {
	width: 120px;
	height: 100px;
	margin-top: 20px;
	background-color: #FFFFFF;
	background-image: url("../images/pointe-bulle.gif");
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}

.bulle {
	padding: 20px;
	background-color: #E0E3E6;
	width: 590px;
	margin-left: 120px;
	min-height: 100px;
	margin-bottom: 20px;
	color: #3E3E3E;
	overflow: hidden;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.bulle-verte {
	padding: 20px;
	background-color: #DFEFD5;
	width: 590px;
	margin-left: 120px;
	min-height: 100px;
	margin-bottom: 20px;
	color: #3E3E3E;
	overflow: hidden;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.bulle-ajax {
	padding: 20px;
	background-color: #FBEBCE;
	width: 590px;
	margin-left: 120px;
	min-height: 100px;
	margin-bottom: 20px;
	color: #3E3E3E;
	overflow: hidden;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.avatar-slide {
	width: 120px;
	height: 100px;
	margin-top: 20px;
	background-color: #FFFFFF;
	background-image: url("../images/pointe-bulle-slide.jpg");
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}

.avatar-vert {
	width: 120px;
	height: 100px;
	margin-top: 20px;
	background-color: #FFFFFF;
	background-image: url("../images/pointe-bulle-verte.gif");
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}

.bulle-com {
	padding: 13px 20px 17px 20px;
	background-image: url("../images/pxblack.png");
	background-repeat: repeat;
	width: 370px;
	margin-left: 60px;
	min-height: 50px;
	margin-bottom: 20px;
	color: #F5F3EB;
	overflow: hidden;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.bulle-com a {
	color: #FFCC00;
	text-decoration: none;
	text-shadow: 2px 3px 3px #000000;
}

.bulle-com a:hover {
	text-decoration: underline;
	text-shadow: none;
}

.avatar-com {
	width: 60px;
	height: 50px;
	margin-top: 20px;
	background-color: transparent;
	background-image: url("../images/pointe-bulle-com.png");
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}

.pseudo {
	font-size: 21px;
	color: #2786C2;
}

.pseudo-com {
	color: #33CCFF;
}

.link_coms {
	margin-top: 13px;
	margin-left: 235px;
}

.link_coms a {
	font-size: 20px;
	text-decoration: none;
	font-weight: bold;
	color: #0060DD;
	text-shadow: 0px 0px 5px #FFFFFF;
}

.link_coms a:hover {
	color: #009900;
}

.link_chat a {
	color: #FF6000;
}

.link_chat a:hover {
	color: #FF3000;
}

#footer-com {
	width: 540px;
	color: #FFFFFF;
}

#footer-support {
	width: 540px;
	float: right;
}

#footer-support a:hover {
	text-decoration: underline;
	text-shadow: none;
}

#footer-support a {
	color: #009A00;
	text-decoration: none;
	text-shadow: 2px 3px 3px #000000;
}

#titre-h1 {
	width: 710px;
	font-weight: bold;
	font-size: 20px;
	padding: 10px 20px 10px 20px;
	color: #FFFFFF;
	background-color: #3080CC;
	text-align: center;
	-moz-border-radius: 20px 20px 0px 0px;
	-webkit-border-left-top-radius: 20px;
	-webkit-border-right-top-radius: 20px;
}

.geewizz {
	width: 710px;
	padding-left: 20px;
	margin-bottom: 20px;
	margin-top: -3px;
}

#sitemap a {
	text-decoration: none;
}

.flickrshow {
    background: #FFFFFF;
	height: 399px;
	width: 710px;
}

.flickrshow p {
	color: #FFFFFF;
}

#sujet {
	width: 780px;
	height: 30px;
	background-color: #555555;
	padding: 10px 0px 0px 30px;
	line-height: 16px;
}

.choix {
	display: inline;
	font-weight: bold;
	margin-right: 5px;
	background-color: #4C4C4C;
	-moz-box-shadow: #000000 0px 2px 3px -1px;
	-webkit-box-shadow: #000000 0px 2px 3px -1px;
	box-shadow: #000000 0px 2px 3px -1px;
	padding: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.choix:hover {
	-moz-box-shadow: #000000 0px 3px 5px -1px;
	-webkit-box-shadow: #000000 0px 3px 5px -1px;
	box-shadow: #000000 0px 3px 5px -1px;
}

.choix a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}

.sujet-num {
	color: #FF8000;
}

.lirearticle a {
	color: #00AAEE;
}

.lirearticle a:hover {
	color: #33CCFF;
}

/* -----------------------------------------------------------------
   CORRECTIONS SMARTPHONES (iPhone3G, iPhone4, iPad, ...) */

@media screen and (max-device-width: 960px){
body {
	margin: 0px;
	background-color: #E0D9BF;
	background-image: url("../images/main-bg.jpg");
	background-attachment: scroll;
	background-repeat: repeat;
	font-family: "Lucida Grande", "Tahoma", Arial, sans-serif ;
	font-size: 14px;
}
#pop {
	background: none;
}
#footer {
	width: 1196px;
}
#sujet {
	height: 40px;
}
.choix {
margin-right: 3px;
}
.choix a {
	font-size: 8px;
}
}