/**********************************************************/
/* body                                                   */
/* droite_bas, droite_haut1, droite_haut2, droite_milieu  */
/* gauche, gauche_bas, gauche_haut, gauche_milieu         */
/* news_defil, news_petit, news_win                       */
/* site                                                   */
/**********************************************************/



#site{
	text-align:									center;
	width:											800px;
	height:											560px;
	margin:											auto;
	background-image:						url('http://www.centrekaratefrancheville.fr/img/fond2.png');
	background-repeat:					no-repeat;
	font-size:							15px;
}

td#siteContour{
	vertical-align:							middle;
	text-align:									center;
}

table#pageContour{
	width:											100%;
	height:											100%;
	background-image:						url('http://www.centrekaratefrancheville.fr/img/CKF2.png');
	background-position:				left;
	background-repeat:					no-repeat;
	
}

td#contour1,td#contour2{
	vertical-align:							middle;
	text-align:									center;
	background-position:				center;
	background-repeat:					no-repeat;
}

html{
	height:100%;
	margin:0;
	padding:0;
}

body{
	height:100%;
	margin:0;
	padding:0;
	background-color:						#e6e6e6;
	background-image:						url('http://www.centrekaratefrancheville.fr/img/degrade.png');
	background-repeat:repeat-x;
}

#droite_bas{
	color:											red;
	text-decoration:						none;
}

#droite_haut1{
	font-size:									30px;
	padding-top:								5px;
	height:										45px;
}

#droite_haut_news{
	height:											20px;
}

#droite_haut2{
	height:											30px;
	padding-top:								10px;
	_padding-top:0px;
	font-size:									1.5em;
}

#droite_milieu{
	overflow:										auto;
	width:											543px;
	_width:										532px;
	margin-top:									20px;
	_margin-top:								15px;
	height:											390px;
	padding-left:								15px;
	padding-right:							15px;
	background-image:						url('http://www.centrekaratefrancheville.fr/img/ideogrammeGC.png');
	background-position:				50%;
	background-repeat:					no-repeat;
}

*> #droite_milieu{
	!width:											537px;
	!margin-top:								15px;
}

#gauche{
	float:											left;
}

#gauche_bas{
	padding-top:								10px;
	padding-bottom:							10px;
	font-family: 								verdana, sans-serif;
  font-size: 									11px;
  color: 											black;
}

#gauche_haut{
	height:											120px;
	width:											200px;
}

#gauche_milieu{
	padding-top:								50px;
	height:											310px;
	width:											200px;
	font-family: 								verdana, sans-serif;
  font-size: 									11px;
  color: 											black;
  padding-left:								10px;
  padding-right:							10px;
  
}

#news_defil { /* le block énorme contenant toutes les news et défilant */
	width: 											510px;
	position: 									relative;
	top: 												0px;
}

.news_petit{ /* block contenant une news */
	width: 											510px;
	height: 										20px;
	font-size:									15px;
}

#news_win { /* le petit block où l'on voit les news défilées*/
	padding-left:								8px;
	width: 											510px;
	height: 										20px;
	margin-left: 								30px;
	margin-top: 								7px;
	position: 									relative;
	overflow: 									hidden;
	color:											#30a3f7;
	font-weight:								bold;
}

/******************** A ***************************************************************/

#adherents a,#gauche_bas a{
	color:											black;
	text-decoration: 						none;
}

#adherents a:hover,#gauche_bas a:hover{
	color: 											#539dbc;
}

#administratif a:hover,#graines a:hover,#laurence a:hover{
	color:											black;
}

a.rougeST{
	color:											red;
	text-decoration:						none;
}

#gauche_bas a:active,#adherents a:active{
	color: 											#be5028;
}

#news a{
	color:											red;
}

#news a:hover{
	color:											black;
}

.news_petit a{
	color:											#30a3f7;
	text-decoration: 						none;
	font-weight:								bold;
}
/******************** IMG *****************************************************************/

img#adulte2,img#adulte1{
	border:											1px solid black;
}

img#adulte3{
	border:											1px solid black;
	float:											right;
}

img.cadre{
	border:											1px solid black;
}

img#ceinture{
	float:											right;
}

#clubs_lien img{
	border:											none;
}

#divers_lien img{
	border:											none;
}

img#emmeline1{
	border:											1px solid black;
	float:											right;
	margin-left:								10px;
}

img#enfants2,img#enfants3{
	border:											1px solid black;
}

img#etienne3{
	margin-top:										30px;
	border:												1px solid black;
	float:												right;
}

img#etienne2,img#jade1{
	margin-right:								5px;
	margin-left:								5px;
	border:											1px solid black;
}

img#felicien1{
	border:											1px solid black;
	float:											left;
}

img#funakoshi{
	float:											left;
	margin-right:							15px;
	margin-top:								20px;
	border:											1px solid black;
}

img#karateJap{
	padding-top:								25px;
	padding-right:							20px;
	padding-left:								20px;
}

img#kata{
	float:											right;
	border:											1px solid black;
	margin-right:								120px;
	margin-top:									10px;
}

img#seb1{
	border:											1px solid black;
	float:											right;
	margin-left:								10px;
}

#laurence img{
	float:											right;
	border:											1px solid black;
	margin-left:								15px;
}

img#mline8{
	margin-right:								5px;
	border:											1px solid black;
}

#organismes a img{
	border:					 						none;
}

img.pPhoto{
	border:											1px solid black;
	width:											40%;
	float:											left;
}


img#roger{
	border:											1px solid black;
}

img#yves1{
	border:											1px solid black;
	float:											left;
}


/******************** MENU **************************************************************/

#menu{
	width:											200px;
	margin:											0;
	padding:										0;
	text-align:									left;
}

ul#menu{
 	list-style-type: 						none;
 	border-top: 								solid 1px #b9a894;
}
	  				
ul#menu ol{
	display: 										none;
	list-style-type: 						none;
	padding-left:								5px;
	_margin:0;
}

*> ul#menu ol{
	!margin:0;
}

ul#menu ol.actif{
	display: 										block;
}

ul#menu li,ul#menu a{
	font-family: 								verdana, sans-serif;
  font-size: 									11px;
  color: 											#785a3c;
  padding-left:								5px;
}

ul#menu li{
	border-bottom: 							solid 1px #b9a894;
  line-height: 								15px;
}

ul#menu ol li{
	border-bottom: 							none;
}

ul#menu a{
	text-decoration: 						none;
	outline: 										none;
}

ul#menu a:hover{
	color: 											#539dbc;
}

ul#menu a.active{
	color: 											#be5028;
}


/******************** OL ********************************************************************/

#general li{
	margin:											0;
	margin-left:								35px;
	text-align:									justify;
	list-style-type:							none;
}

.general li{
	margin:											0;
	margin-left:								35px;
	text-align:									justify;
	list-style-type:							none;
}


/******************** P ******************************************************************/

#contacter p{
	padding-left:								15px;
}

p.definition{
	padding-left:								15px;
	text-align:									left;
	margin-top:									0;
}

#entraineur p{
	text-align:									justify;
	margin-left:								40%;
}

#general p{
	text-align:									justify;
}

.general p{
	text-align:									justify;
}

#general p:first-letter{
	margin-left:								15px;
	color:										red;
	font-size:									1.3em;
}

.general p:first-letter{
	margin-left:								15px;
	color:										red;
	font-size:									1.3em;
}

#general ul{
	padding:0;
	margin:0;
}

.general ul{
	padding:0;
	margin:0;
}

#news p{
	text-align:									justify;
}

#news p:first-letter{
	margin-left:								15px;
	color:										red;
	font-size:									1.3em;
}

#news ul:first-letter{
	margin-left:								15px;
	color:										red;
	font-size:									1.3em;
}

#news ul{
	margin:										0 0 0 0;
	padding:									0 0 0 0;
      text-align:                             justify;
      list-style-type:                        none;
}

#news ul li{
      margin-left:                            40px;
}

p.nom{
	font-weight:								bold;
	color:											red;
	font-size:									1.1em;
	text-decoration:						underline;
	text-align:									left;
	margin-bottom:							5px;
}

#president1 p{
	text-align:									justify;
	margin-left:								220px;
}

.tabHoraires p{
	margin:											0;
}


/*********** STYLE : cadre, calendrier, flettre, fauxFloatR, float, floatL, général, marge, rouge *******************/

.cadre{
	border: 1px solid black;
	padding:									10px;
}

#calendrier{
	padding-right:							10px;
}

#erreur{
	color:											red;
	font-size:									2em;
	text-align:									center;
	margin-top:									100px;
}

.fauxFloatR{
	margin:											0;
	padding:										0;
}

.flettre{
	color:											red;
	font-size:									1.5em;
}

.float{
	float:											left;
	margin:											0;
	padding:										0;
}

.floatL{
	margin:											0;
	padding:										0;
	padding-top:								10px;
	width:											180px;
	float:											left;
	height:											180px;
}

#general{
	padding-right:							10px;
	margin-top:							10px;
}

.general{
	padding-right:							10px;
	margin-top:							10px;
}

.marge{
	margin-left:								30px;
}

#news h6{
	font-style:									italic;								
	font-size:									0.8em;
	text-align:									right;
	font-weight:								400;
	padding-bottom:								0;
	margin-bottom:								0;
}

#news h5{
	text-align:center;
	font-weight:400;
	font-size:1em;
}

.rouge{
	color:											red;
	font-weight:								bold;
	font-size:									1.2em;
}


/******************** TABLE ***********************************************************/

#accueil2 table{
	margin:											auto;
	padding-right:							15px;
}

#calendrier table{
	border-collapse:						collapse;
	margin:											auto;
}

#kid table,#salle table{
	margin:											auto;
}

table.tabHoraires,#tarifs table{
	margin:											auto;
	padding-top:								15px;
	border-collapse:						collapse;
}


/******************** TD ***************************************************************/

#accueil2 td{
	width:											380px;
}

#calendrier td.jourCal{
	width:											60px;
}

#calendrier td.mois{
	background-color:						red;
	color:											black;
	font-weight:								bold;
}

#calendrier form td{
	width:											30%;
}

#calendrier #cal td{
	vertical-align:							middle;
	border:											1px solid red;
}

#clubs_lien td{
	width:											200px;
	font-size:									1em;
}

#divers_lien td{
	font-size:									1em;
	width:											200px;
}

#graines td{
	width:											255px;
}

td.horaires{
	margin:											0;
	color:											red;
}

#karateS td{
	width:											70%;
}

#kid td{
	width:											50%;
	text-align:									center;
	padding-left:								20px;
	padding-right:							20px;
}

#organismes td{
	width:											200px;
	font-size:									1em;
}

td.salle{
	margin:											0;
	font-size:									0.8em;
}

#salle td{
	border:											1px solid black;
}

.tabHoraires td{
	border:											2px solid red;
	padding:                                        5px;
}

.tabHoraires td.jour,.tabHoraires p.horaires{
	font-weight:                                    bold;
}

#tarifs td{
	border:											1px solid red;
	padding:										5px;
}

td.type{
	margin:											0;
}


/******************** TITRES ***************************************************************/

#titre0{
	font-size:									1.3em;
	text-decoration:						underline;
}

h2{
	color:											red;
	font-weight:								bold;
	font-size:									1.2em;
	text-align:									left;
	margin:											0;
	padding:										0;
}

.titre3{
	font-size:									1.3em;
	text-decoration:						underline;
}

.titre4{
	font-size:									1.3em;
}

.titre5{
	color:											red;
	font-weight:								bold;
	font-size:									1.2em;
}


#salle img.pPhoto{
       cursor:pointer;
}	

a img#distinct{
	border:0;
}

#etoiles #plan img#logo{
	border:1px solid black;
	margin-top:20px;
}

#etoiles #plan a{
	text-decoration:none;
	color:black;
	font-size:1.2em;
}

#etoiles #plan{
	margin-bottom:42px;
}

a.neutre{
	text-decoration:none;
	color:red;
}

a.neutre:hover{
	color:black;
}

a.neutre2{
	text-decoration:none;
	color:black;
}

a.neutre2:hover{
	color:red;
}

table.sportif{
	border:1px solid black;
}

img.right{
	float:right;
	margin-left:	20px;
	border:1px solid black;
}

img.left{
	float:left;
	margin-right:	20px;
	border:1px solid black;
}

#heian a{
	text-decoration:none;
	color:black;
}

#heian a:hover{
	text-decoration:underline;
	color:black;
}

a#menu2{
	font-family: verdana,sans-serif;
	font-size: 11px;
	color: #785a3c;
	text-decoration:none;
}

a#menu2:hover{
	text-decoration:underline;
}

.clignote{
	text-decoration:blink;
	color:#30a3f7;
}

#erreurAcces p{
	margin-top:			50px;
	font-size:			1.4em;
}

#erreurAcces a{
	color:				black;
	text-decoration:	none;
}

#erreurAcces a:hover{
	text-decoration:	underline;
}

p.noMarge{
	padding-bottom:			0;
	margin-bottom:				0;
}

#news .souligne{
	text-decoration:			underline;
}

#liens tr.margeBas td{
	padding-bottom:				30px;
}