@charset "utf-8";
/* CSS Document */

body { background: #FFF url(../images/bg.jpg) top left repeat-x; font-size: 14px; }
#wrapper { width: 960px; background-color: #FFF; margin: 10px auto; }
#header {}

#menu { background: #9a9a9a url(../images/bg_strip.gif) top left repeat; height: 52px; border-top: 6px solid #d30106; border-bottom: 6px solid #466db7; margin: 0 auto; }
	#menu ul { list-style: none; padding: 0; margin: 0; height: 52px; position: relative; }
	#menu span { display: none; position: absolute; }
	#menu a { display: block; text-indent: -900%; position: absolute; outline: none; }
		#menu a:hover, #menu a.current { background-position: left bottom; }
		#menu a:hover span { display: block; }
	#menu .b_accueil { width: 139px; height: 48px; background: url(../images/button-accueil.jpg) no-repeat; left: 10px; top: 4px; }
	#menu .b_pourquoi { width: 139px; height: 48px; background: url(../images/button-pourquoi.jpg) no-repeat; left: 164px; top: 4px; }
	#menu .b_nosobjectifs { width: 147px; height: 48px; background: url(../images/button-nos_objectifs.jpg) no-repeat; left: 318px; top: 4px; }
	#menu .b_comment { width: 147px; height: 48px; background: url(../images/button-comment.jpg) no-repeat; left: 480px; top: 4px; }
	#menu .b_avecqui { width: 147px; height: 48px; background: url(../images/button-avec_qui.jpg) no-repeat; left: 642px; top: 4px; }
	#menu .b_federations { width: 147px; height: 48px; background: url(../images/button-federations.jpg) no-repeat; left: 804px; top: 4px; }

#content {}
#footer { border-top: 4px solid #d30106; border-bottom: 2px solid #466db7; font-size: 12px; text-align: center; }
#footer .credit { font-size: 11px; }
#footer .link a { padding: 5px 10px; font-size: 12px; }

#pourquoi { margin: 10px; }
#pourquoi li { margin: 10px 0; }

#objectif th { border: 1px solid #000; }
#objectif th h2 { background-color: #0574C3; color: #FFF; font-size: 14px; padding: 10px 0; margin: 0; text-align: center;  }
#objectif th ul, #objectif th p { font-weight: normal; text-align: left; }
#objectif th ul  { margin: 10px; padding: 5px 20px; }
#objectif th li { padding: 10px 0; }
#objectif th p { margin: 10px; }
#objectif td { text-align: center; }

#comment p { margin: 10px 20px; }
#comment th { background-color: #0574C3; color: #FFF; }
#func th, #func td { padding: 5px 10px; }
.even { background-color: #E0E9EF; }

#accueil { margin: 10px; }
#accueil td { padding: 10px; }
#accueil li { padding: 8px 0; }
p.link_list { background-color: #D30106; color: #FFF; padding: 10px 0px; margin:0; }
.link_list a { padding: 3px; text-align:center; color: #FFF; font-weight: bold; }
#index_vid_box { border: 1px solid #000; border-collapse: collapse; }
#index_vid_box td { padding: 0; }
#index_vid_box ul { text-align: left; }

#accueil_bottom { margin: 0; padding: 0; text-align: center; }
	#accueil_bottom p { padding-top: 10px; margin: 0; }
p#accueil_blog { color: #FFF; font-weight: bold; padding: 0px 0; }
	#accueil_blog a { color: #FFF; padding: 5px 10px; }

#communique li { padding: 8px 0; }
#video li { padding: 8px 0; }
#regionale li { padding: 8px 0; }

h1 { font-size: 35px; margin: 0; padding:20px; font-family: Droid Sans, sans-serif; color: #4C6FC0; font-weight: bold; }
a { color: #275498; }
.box { border: 1px solid #000; padding: 0px; margin: 5px; font-size: 12px; }
.boxhead { font-weight: bold; background-color: #4C6FC0; padding: 5px; margin: 0; color: #FFF; font-size: 12px; }
.box p { margin: 5px; }
.red { color: #F00; }
.bold { font-weight: bold; }
.bleu { color:#0074F4; }
.white { color: #FFF; }
	.white a { color: #FFF; }
.whitebg { background-color: #FFF; }
.center { text-align: center; }
.i { font-style: italic; }
.bigger { font-size: 1.4em; }
.right { text-align: right; }