/* Feuille de style globale pour le site Sports CG24 */

/* Eléments XHTML */
body{
	background-color: #f7f7f7;
	color: #333;
	font-family:"lucida sans","lucida sans ms",arial,sans;
	font-size:12px;
	margin: 0;
}
h1, #body_1 h2{
	border-bottom: 1px solid #f7f7f6;
	color: #f60;
	font-size: 1.5em;
	margin: 0 0 10px 0;
	padding: 0 10px 10px 10px;
}
h2{
	clear: left;
	font-size: 1.3em;
	padding: 10px 10px 0 10px;
}
h3,h4,p{
	margin: 10px 0;
	padding: 0 10px;
}
a{
	color: #f60;
	text-decoration: none;
}
a:hover{
	color: #c30;
	text-decoration: underline;
}
a img{
	border: 1px solid #333;
}
img{
	margin: 10px;
	border: 1px solid #333!important;
}
ul{
	margin: 10px;
	padding: 0 0 0 20px;
}

/* Mise en page des éléments de contenu de Typo3 */
div.csc-textpic-imagewrap{
	margin: 0 10px;
}
div.csc-textpic-intext-left div.csc-textpic-imagewrap{
	float:left;
}
div.csc-textpic-intext-right div.csc-textpic-imagewrap{
	float:right;
}
div.csc-textpic-text,
div.csc-textpic-center div.csc-textpic-imagewrap{
	float:none!important;
}

/* Formulaires */
#mailform{
	clear:both;
}
fieldset{
	border: none;
	padding: 10px;
}
fieldset .csc-mailform-field{
	margin: 10px 0;
}
fieldset label{
	clear:left;
	display:block;
	float:left;
	width:120px;
}

/* Wrapper des différentes zones */
#wrapper_haut{
	background: url(/fileadmin/templates/images/fond_entete.jpg) repeat-x;
	height: 140px;
}
#wrapper_menu_haut{
	background: #fff;
	border-top: 1px solid #f67e1c;
	border-bottom: 1px solid #f67e1c;
	clear: left;
	min-height: 40px;
}
#wrapper_milieu{
	border-top: 1px solid #e8e8e7;
	clear: left;
}
#wrapper_menu_bas{
	background: #fff;
	border-top: 1px solid #f67e1c;
	border-bottom: 1px solid #f67e1c;
	clear: left;
	min-height: 30px;
}

/* Haut de page */
/*#haut{
	background: url(/fileadmin/templates/images/entete.jpg) no-repeat;
	height: 140px;
	margin: 0 auto;
	width: 1000px;
}*/
/*.body_10 #haut,
.body_31 #haut,
.body_32 #haut{
	background: url(/fileadmin/templates/images/entete_pleine_nature.jpg) no-repeat;
}*/
#haut{
	background: url(/fileadmin/templates/images/entete_accueil.jpg) no-repeat;
	height: 140px;
	margin: 0 auto;
	width: 1000px;
}
.body_9 #haut {
	background: url(/fileadmin/templates/images/entete_jeunesse.jpg) no-repeat;
}
.body_31 #haut {
	background: url(/fileadmin/templates/images/entete_raid_avent.jpg) no-repeat;
}
.body_10 #haut {
	background: url(/fileadmin/templates/images/entete_sport_nature.jpg) no-repeat;
}
.body_8 #haut {
	background: url(/fileadmin/templates/images/entete_seniors.jpg) no-repeat;
}
.body_6 #haut {
	background: url(/fileadmin/templates/images/entete_equipements.jpg) no-repeat;
}
.body_5 #haut {
	background: url(/fileadmin/templates/images/entete_annaire.jpg) no-repeat;
}
.body_58 #haut {
	background: url(/fileadmin/templates/images/entete_contact.jpg) no-repeat;
}
#haut ul{
	float:right;
	list-style:none;
	margin:0;
	padding:5px;
	/*background:#f60;*/
}
#haut ul li{
	display:inline;
	margin:0 0 0 10px;
}
#haut ul li a{
	color:#fff;
	text-decoration:none;
	font-size:0.82em;
}
#haut h1{
	border: none;
	margin:0;
	padding:0;
}
#haut h1 a{
	background: url(/fileadmin/templates/images/logo_sportcg24.png) no-repeat;
	display: block;
	float: left;
	height: 91px;
	margin-top: 20px;
	width: 224px;
}
#haut h1 a:hover{
	background: url(/fileadmin/templates/images/logo_sportcg24_roll.png) no-repeat;
}
#haut h1 a span{
	display: none;
}
#haut form{
	background: url(/fileadmin/templates/images/fond_recherche.gif) no-repeat;
	clear:right;
	float: right;
	margin: 20px 0 0 0;
	border: 1px solid #fff;
	height: 31px;
}
#haut form input.text{
	background: url(/fileadmin/templates/images/fond_case_recherche.jpg) no-repeat;
	border: none;
	color: #333;
	float: left;
	font-size: 1.33em;
	height: 26px;
	line-height: 26px;
	margin: 0;
	padding: 5px 0 0 5px;
	width: 172px;
}
#haut form input.submit{
	background: url(/fileadmin/templates/images/bouton_recher.gif) no-repeat;
	border: none;
	cursor: pointer;
	float: left;
	height: 33px;
	margin: 0;
	padding: 0;
	width: 45px;
}
#haut form input.submit:hover{
	background: url(/fileadmin/templates/images/bouton_recher_roll.gif) no-repeat;
}

/* Menu haut */
#wrapper_menu_haut ul.menu{
	list-style: none;
	margin: 0 auto;
	padding: 0;
	white-space: nowrap;
	width: 1000px;
}
#wrapper_menu_haut ul.menu li{
	border-left: 1px solid #ffe4cc;
	float: left;
	height: 40px;
}
#wrapper_menu_haut ul.menu li.first{
	border-left: none;
}
#wrapper_menu_haut ul.menu li span{
	float: left;
}
#wrapper_menu_haut ul.menu li a{
	display:block;
	line-height: 41px;
	padding: 0 9px;
	text-decoration: none;
}
#wrapper_menu_haut ul.menu li a:hover,
#wrapper_menu_haut ul.menu li a.hover,
#wrapper_menu_haut ul.menu li.selected a{
	color: #fff;
	background: url(/fileadmin/templates/images/fond_bouton.png) repeat-x;
}
#wrapper_menu_haut ul.menu li ul{
	background: url(/fileadmin/templates/images/fleche_sous_menu.gif) 20px 2px no-repeat;
	border-bottom: 1px solid #f60;
	clear: left;
	float: left;
	margin: 41px 0 0 0;
	padding: 13px 0 0 0;
	position: absolute;
	white-space: normal;
	z-index: 1000;
}
#wrapper_menu_haut ul.menu li ul li{
	background-color: #fff;
	border-left: 1px solid #f60;
	border-right: 1px solid #f60;
	border-bottom: 1px solid #ffe4cc;
	float: none;
	height: 100%;
	width: 200px;
}
#wrapper_menu_haut ul.menu li ul li.first{
	border-top: 1px solid #f60;
	border-left: 1px solid #f60;
}
#wrapper_menu_haut ul.menu li ul li a,
#wrapper_menu_haut ul.menu li.selected ul li a{
	background-image: none;
	color: #f60;
	line-height: 100%;
	padding: 10px;
}
#wrapper_menu_haut ul.menu li ul li a:hover,
#wrapper_menu_haut ul.menu li.selected ul li a:hover,
#wrapper_menu_haut ul.menu li.selected ul li.selected a{
	background-image: none;
	color: #c30;
	text-decoration: underline;
}

/* Milieu (contenu + colonne de droite ) */
#milieu{
	width:1000px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}

/* Fil d'ariane */
p#ariane{
	font-size: 0.92em;
	margin: 0;
	padding: 0 0 10px 0;
}
p#ariane span.separateur{
	background: url(/fileadmin/templates/images/fleche.gif) no-repeat 100% 50%;
	padding-right: 15px;
	margin-right: 7px;
}
p#ariane a{
	color: #333;
}

/* Contenu */
#contenu{
	background: #fff;
	float: left;
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	width: 750px;
}
#contenu .colonne{
	float: left;
	margin: 0 0 0 10px;
}
#contenu .colonne.premiere{
	clear:both;
	margin:0;
}
#contenu .colonne.un_tiers{
	width: 250px;
}
#contenu .colonne.un_demi{
	width: 360px;
}
#contenu .colonne.deux_tiers{
	width: 510px;
}
#contenu .separateur{
	clear:both;
}

/* Liens vers les albums photos Flickr */
#contenu .flickr{
	float:right;
	height:26px;
	line-height:26px;
	background:url(/fileadmin/templates/images/flickr_logo.gif) no-repeat right;
	padding:0 50px 0 0;
	margin:-43px 10px 0 0;
}
#contenu .flickr h2{
	float:left;
	font-size:1em;
	margin:0;
	padding:0;
}
#contenu .flickr div{
	float:left;
	height:100%;
	overflow:hidden;
}
#contenu .flickr div ul{
	list-style:none;
	margin:0;
	padding:0;
}
#contenu .flickr div ul li{
	display:inline;
	padding:0 10px;
}

/* Sous menu */
#contenu .wrapper_menu{
	background: url(/fileadmin/templates/images/fond_sous_menu.gif) 0 0 repeat-x;
	border-bottom: 1px solid #f7f7f6;
	float: left;
	height: 40px;
	margin: -10px 0 10px 0;
}
#contenu .wrapper_menu a.precedent,
#contenu .wrapper_menu a.suivant{
	display: block;
	float: left;
	height: 40px;
	width: 40px;
}
#contenu .wrapper_menu a.precedent{
	background: url(/fileadmin/templates/images/fleche_gauche.gif) 0 0 no-repeat;
	border-right: 1px solid #f7f7f6;
	margin-right: 10px;
}
#contenu .wrapper_menu a.suivant{
	background: url(/fileadmin/templates/images/fleche_droite.gif) 0 0 no-repeat;
	border-left: 1px solid #f7f7f6;
	margin-left: 10px;
}
#contenu .wrapper_menu a.precedent:hover{
	background: url(/fileadmin/templates/images/fleche_gauche_roll.gif);
}
#contenu .wrapper_menu a.suivant:hover{
	background: url(/fileadmin/templates/images/fleche_droite_roll.gif);
}
#contenu .wrapper_menu a.precedent span,
#contenu .wrapper_menu a.suivant span{
	display: none;
}
#contenu .cache{
	float: left;
	height: 40px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 648px;
}
#contenu ul.menu{
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#contenu ul.menu li{
	display: inline;
	line-height: 40px;
	border-left: 1px solid #f7f7f6;
}
#contenu ul.menu li a{
	padding: 0 15px;
}
#contenu ul.menu li.first a{
	border: none;
	padding-left: 0;
}
#contenu ul.menu li.selected a{
	color: #c30;
	text-decoration: underline;
}

/* Boutons */
a.bouton{
	background-color: #f60;
	clear: both;
	color: #fff;
	cursor: pointer;
	float: right;
	margin: 0 10px;
	padding: 3px 5px;
	text-decoration: none;
}
a.bouton:hover{
	background-color: #c30;
}
a.bouton span{
	background: url(/fileadmin/templates/images/fleche_blanche.gif) 100% 50% no-repeat;
	padding-right: 15px;
}
a.bouton.basculer{
	background: url(/fileadmin/templates/images/boutons_blocs.gif) transparent 0 0 no-repeat;
	height: 23px;
	margin: 10px 0 0 -30px;
	padding:0;
	position:absolute;
	width: 23px;
	z-index:101;
}
a.bouton.basculer:hover{
	background-position: 0 -23px;
}
a.bouton.basculer.ouvert{
	background-position: 0 -46px;
}
a.bouton.basculer.ouvert:hover{
	background-position: 0 -69px;
}
a.bouton.basculer span{
	display: none;
	padding:0;
}

/* Accordéons */
.accordeon{
	width:100%;
}
.accordeon>div{
	min-height:160px;
	overflow:hidden;
}

/* Colonne de droite */
#droite{
	float:left;
	margin: 0 0 0 20px;
	width: 230px;
}
/* Zoom */
#droite #zoom{
	background-color: #fff;
	float: left;
	margin: 0 0 20px 0;
	height: 56px;
	width: 230px;
}
#droite #zoom a#small,
#droite #zoom a#big{
	display: block;
	float: left;
	height: 16px;
	margin:20px 10px;
	width: 15px;
}
#droite #zoom a span{
	display: none;
}
#droite #zoom a#small{
	background: url(/fileadmin/templates/images/a_petit.gif) 50% 50% no-repeat;
}
#droite #zoom a#big{
	background: url(/fileadmin/templates/images/a_grand.gif) 50% 50% no-repeat;
}
#droite #zoom div.slider{
	background: url(/fileadmin/templates/images/barre_curseur.gif) 0 35% no-repeat;
	cursor: pointer;
	float: left;
	height: 23px;
	margin:20px 0;
	width: 152px;
}
#droite #zoom div.slider div{
	background: url(/fileadmin/templates/images/curseur.png) 0 40% no-repeat;
	width: 47px;
	height: 23px;
	cursor: pointer;
}
#droite #zoom div.slider div:hover{
	background: url(/fileadmin/templates/images/curseur_roll.png) 0 40% no-repeat;
}

/* Flux rss */
#droite div#rss{
	background-color: #fff;
	clear: left;
	float: left;
	font-size: 0.92em;
	margin:0 0 20px 0;
	width: 230px;
}
#droite div#rss h2{
	background: url(/fileadmin/templates/images/ico_rss.gif) 90% 50% no-repeat;
	border: none;
	clear: left;
	color: #fb3095;
	font-size: 1.5em;
	min-height: 47px;
	padding: 0 60px 10px 10px;
	margin: 0 0 10px 0;
}
#droite div#rss h3{
	clear: left;
	color: #666;
	font-size: 0.92em;
	margin: 0;
	padding: 10px 10px 0 10px;
	text-transform: uppercase;
}
#droite div#rss ul{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	font-size:0.83em;
}
#droite div#rss ul li{
	float: left;
}
#droite div#rss ul li a{
	color: #fff;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
#droite div#rss a{
	color: #333;
	font-weight: bold;
}
#droite div#rss #acces_cg{
}
#droite div#rss #acces_cg a{
	background: url(/fileadmin/templates/images/fleche.gif) 100% 50% no-repeat;
	color: #333;
	font-weight: bold;
	padding-right: 10px;
}
#rss_abonner{
	background: #fb3095;
	border-right: 1px solid #fff;
	cursor: pointer;
	line-height: 20px;
	text-align: center!important;
	width: 154px;
}
#rss_rafraichir{
	background: url(/fileadmin/templates/images/actualiser_rss.gif) no-repeat;
	border-right: 1px solid #fff;
	cursor: pointer;
	height: 20px;
	width: 37px;
}
#rss_basculer{
	background: url(/fileadmin/templates/images/bouton_rss.gif) 0 -20px no-repeat;
	cursor: pointer;
	height: 20px;
	width: 37px;
}
#droite div#rss.ouvert #rss_basculer{
	background-position: 0 0;
}
#rss_rafraichir span,
#rss_basculer span{
	display: none;
}
#droite div#rss div#twrss_table{
}
#droite div#rss div#twrss_table .twrss_bodytext{
	padding-left: 10px;
	padding-right: 10px;
}
#droite div#rss.ouvert div#twrss_table .twrss_item_link{
	border: none;
}
#droite div#rss div#twrss_table .twrss_item_link{
	padding-bottom: 5px;
	border-bottom: 1px solid #f6f6f7;
}
#droite div#rss div#twrss_table .twrss_item_content{
	border-bottom: 1px solid #f6f6f7;
	margin: 0 0 10px 0;
	padding-bottom: 10px;
}
/* Publicité */
#droite ul.pubs{
	clear: left;
	list-style:none;
	margin:0;
	padding:0;
}
#droite ul.pubs li{
	margin-bottom: 10px;
}
#droite ul.pubs li img{
	margin: 0;
}

/* Photos Flickr */
#droite .flickr{
	background: #fff;
	width:100%;
	float:left;
	margin-bottom:20px;
}
#droite .flickr h2{
	background:url(/fileadmin/templates/images/flickr_logo_small.gif) no-repeat 100% 50%;
	border: none;
	color: #f60;
	font-size: 1.17em;
	margin: 10px;
	padding: 0;
}
#droite .flickr div{
	width:100%;
	float:left;
}
#droite .flickr div ul{
	float:left;
	list-style:none;
	padding:0;
	margin:0;	
}
#droite .flickr div ul li{
	float:left;
}
#droite .flickr div ul li img{
	margin:6px;
}

/* Bas de page */
#wrapper_menu_bas ul.menu{
	color: #f60;
	font-size: 0.92em;
	line-height: 30px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 1000px;
}
#wrapper_menu_bas ul.menu li{
	display: inline;
	margin: 0;
}
#wrapper_menu_bas ul.menu li a{
	color: #f60;
	text-decoration: none;
}
#wrapper_menu_bas ul.menu li a:hover{
	color: #333;
}
address{
	clear: left;
	color: #000;
	font-style:normal;
	font-size: 0.92em;
	margin: 10px auto 30px auto;
	text-align: center;
	width: 1000px;
}
#lien_cg{
	background:url(/fileadmin/templates/images/logo_cg24.png) no-repeat;
	display: block;
	height: 34px;
	margin: 10px auto 0 auto;
	width: 100px;
}
#lien_cg span{
	display: none;
}

/* Page d'accueil (uid = 11) */
#body_1 #contenu{
	background: transparent;
	padding-top: 0;
}
#body_1 #contenu .colonne{
	width: 360px;
}
#body_1 #contenu .colonne.premiere{
	width: 380px;
}
#body_1 .colonne div{
	float:left;
	background-color: #fff;
	margin-top: 10px;
}
#body_1 .colonne div div{
	margin-bottom:10px;
	background-color: transparent;
}
#body_1 #contenu h1{
	padding-right: 40px!important;
}
#body_1 #droite{
	margin-top: 10px;
}
#body_1 #content_2 div{
	min-height:220px;
}
#body_1 #content_4 h2,#body_1 #content_4 h2 a{ color: #90c; }
#body_1 #content_3 h2,#body_1 #content_3 h2 a{ color: #06f; }
#body_1 #content_65 h2,#body_1 #content_65 h2 a{ color: #093; }
#body_1 .accordeon h2{
	width:320px;
}

/* Actualités */
.actualite{
	float: left;
	margin: 10px 0;
}
.actualite p{
	margin: 0;
}
.actualite span{
	color: #666;
	font-size: 0.83em;
	margin: 10px 0 0 0;
	text-transform: uppercase;
}
.actualite h3{
	color: #f60!important;
	font-size: 0.92em;
	margin: 0;
	padding: 0 10px;
	text-transform: none!important;
}
.news-single-item{
	background:none;
	border:none;
}
.news-single-item .news-single-timedata{
	display:none;
}
.news-single-item h2{
	color:#333;
}
.news-single-item .news-single-img{
	float: left;
	margin: 0;
}
.news-single-item hr.clearer{
	border:1px solid #f7f7f6;
}

/* Moteur de recherche */
#rechercher ul{
	margin:0;
	padding:0;
	list-style:none;
}
#rechercher ul li{
	border-top:1px dotted #ccc;
}
#rechercher ul li h3{
	padding: 0 10px;
}

/* Introduction */
div.introduction{
	position:absolute;
	width:100%;
	height:100%;
	background:#ff7701!important;
	color:#fff;
	text-align:center;
	top:0;
	left:0;
	z-index:2000;
	margin:0!important;
}
div.introduction h2{
	margin:0;
	padding:20px;
	border:none!important;
	font-size:0!important;
	background:url(/fileadmin/templates/images/logo_intro.png) no-repeat center;
	height:88px;
}
div.introduction a.bouton{
	display:block;
	float:none;
	width:160px;
	margin:10px auto;
}
div.introduction embed{
	width:800px;
	height:485px;
}