/* Redefinitions des balises HTML */ 
*{margin:0;padding:0;}

h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:12px/1.2em  Arial, Helvetica, Sans-serif;font-weight:normal;color:#000;}

img{border:0}

a{text-decoration:none;outline:none;}
a:hover{text-decoration:none;}

ul,li{margin:0; list-style:none; padding:0;}
ol{margin:0;list-style:none;padding:0;}

dd{margin:0;}

.input_text, select option{padding:0 3px;}

hr{display:none;}

fieldset{border:none;}
fieldset legend{display:none;}
.clear{ clear:both;}

/* Structure generale */ 
body{text-align:center;background:#868788;font-family:Arial, Helvetica, sans-serif;color:#aecdda;font-size:10px; text-transform:uppercase;}
	
#global{width:983px;text-align:left;margin:0 auto;background:url(../images/bg_fond.jpg) no-repeat  0 0 #868788;
padding:0 24px 0 20px;display:table;}	

#header{width:100%;background:url(../images/bg_header.jpg) no-repeat 0 51px;float:left;}

.logo{ float:left; padding:0;margin:0;display:block;}

.fontB{ font-weight:bold; color:#F9A40C;}

/* Menu top */

#nav1{color:#fff;padding:5px 0 0 0;float:right;background:#000000;width:252px; height:19px;}
#nav1 li {display:inline;font-weight:normal;padding:0;}
#nav1 a{font-size:11px;color:#fff;margin:0 15px;padding:0;}
#nav1 a:hover,#nav1 .active{color:#09954F;}
#nav1 .noborder a{ margin-right:0;}

/* Bandeau*/

#bandeau{float:left;width:100%; padding:17px 0 0 0; }
.equipe{ width:760px;float:left;}
.equipe p{ float:left;background:url(../images/separateur.gif) no-repeat right 0; padding:0;}
.equipe .nobg{ background:none;}
#bandeau img{ display:block;}
#bandeau .rabat{padding:0 0 4px 0;}
/* Menu Principal */

#nav2{float:left;background:url(../images/bg_menu.jpg) no-repeat 0 0;padding:11px 0 0 0;height:194px;width:220px;}
#nav2 li{background:url(images/filet.jpg) no-repeat left bottom;padding:0;float:left;width:220px;}
#nav2 a{display:block;background:url(../images/puce_blanc.gif)  no-repeat 25px 9px;padding:6px 0 5px 37px;color:#fff;font-size:14px; text-transform:uppercase;line-height:12px;}
#nav2 a:hover,#nav2 li .active{background:url(../images/puce_jaune.gif) no-repeat 37px 9px #142E39;color:#FFCC00;padding:6px 0 5px 48px;}


/* titre */
h1{padding:0 0 15px 0;font-size:24px;color:#ffa800;}
h2{padding:0 0 18px 0;font-size:18px;color:#4fb2df; }
h3{padding:0px 0 14px 0;font-size:14px;color:#43dfbc;}
.flag1{ background:url(../images/flag-emirates.gif) no-repeat 0 3px; padding:0 0 10px 35px;}
.flag2{ background:url(../images/flag-algeria.gif) no-repeat 0 3px; padding:0 0 10px 35px;}
.flag3{ background:url(../images/flag-koweit.gif) no-repeat 0 3px; padding:0 0 10px 35px;}
.flag4{ background:url(../images/flag-maroc.gif) no-repeat 0 3px; padding:0 0 10px 35px;}
p{padding:0 0 13px 0; /*text-align:justify;*/}

/* Contenu */
#cont{width:100%;background:url(../images/bg_content.jpg) no-repeat 0 15px #2A2A2A; float:left; padding:15px 0 0 0;}
.texte{float:left; display:inline; width:535px; padding:47px 0 0 425px;color:#aecdda; height:325px;}

#cont .agenda{ width:295px;padding:18px 0 0 15px;float:left;}
#cont .agenda h1{ padding:0 0 44px 0;}
#cont .agenda .hockey{ padding:0 0 6px 0;float:left;width:295px;}
#cont .agenda .alimente{ text-align:center; text-transform:uppercase; font-size:11px; color:#000;padding:5px 11px 5px 0; width:139px;float:left; background:url(../images/bg_cadre.gif) no-repeat 0 0;}
#cont .agenda .date{padding:5px 0 0 0; float:left;width:140px;font-weight:bold; }
#cont .agenda .date span{float:left;}
#cont .agenda .date a{ float:left;font-weight:bold; display:block;padding:0 0 0 10px;color:#aecdda;text-decoration:underline;}
#cont .agenda .date img{float:left;padding:0 0 0 4px;}


#cont .partenaire{ width:291px;padding:18px 0 18px 26px;float:left;background:url(../images/bg_partenaire.gif) no-repeat 0 0 red; }
#cont .partenaire h1{ padding:0 0 37px 0;}
#cont .partenaire img{ margin:0 13px 0 10px;float:left;display:inline;}


#cont .calendrier{ width:298px;padding:18px 0 0 24px;float:left;}
#cont .calendrier h1{ padding:0 0 25px 0;}
#cont .calendrier table{  width:298px; border-collapse:collapse;  font-size:13px; color:#2a2a2a;text-transform:uppercase; font-weight:bold;}
#cont .calendrier th{ text-align:center;padding:10px 0;border:2px solid #C8CAC1; width:101px;}
#cont .calendrier td{ text-align:center;  padding:10px 0;border:2px solid #C8CAC1; width:100px;}
#cont .calendrier .color1{background:url(../images/bg-color1.gif) repeat-x 0 0 #DBE0CD;}
#cont .calendrier .color2{background:url(../images/bg-color2.gif) repeat-x 0 0 #E8EAEB;}

/* declinée */

#contDecline{width:980px;background:#2A2A2A; float:left;margin:15px 0 0 0;}
#onglet{width:967px;background:#181818; padding:5px 0 0 13px; display:table; height:34px; }
#onglet li{float:left; margin:0 8px 0 0;}
#onglet li a{ display:block; width:144px; padding:8px 0 7px 0; text-align:center;
text-transform:uppercase; color:#2A2A2A; background:url(../images/onglet_of.gif) no-repeat 0 0;}
#onglet li a:hover,#onglet li .active{color:#171200;background:url(../images/onglet_on.gif) no-repeat 0 0; font-weight:bold;}


.support{ width:0; float:left;height:350px;}
.txtOnglet{width:955px;background:#2A2A2A; padding:24px 12px 0 13px; display:none;}
.visible{ display:block;}

/* images */

.icon{float:right; margin:-16px 46px 12px 0;}
.tenu{float:left; padding:24px 13px 70px 0;}
.right{float:right; margin:0 46px 12px 20px; border:1px solid #181818;}

/* */
.puceFlotant{ float:left; padding:0 0 13px 0;}
.puce{padding:0 0 13px 0;}
.puce li,.puceFlotant li{ background:url(../images/puce_jaune_cercle.gif) no-repeat 0 4px; padding:0 0 2px 10px;display:block;}

/* Footer */

#footer{width:100%;clear:both; background:url(../images/bg_footer.jpg) no-repeat 0 0; display:table;padding:18px 0 6px 0;font-family:Verdana, Arial, Helvetica, sans-serif;}
#footer	.conception{color:#a4a4a4;float:left; padding:0 0 0 13px;}
#footer	.plan{color:#a4a4a4;float:right; padding:0 20px 0;}
#footer li{ display:inline;}
#footer  a{ color:#a4a4a4;margin:0;font-size:11px; padding:0;}
#footer  a:hover,#footer .active{ color:#FFC04F;}