/* common */
body {margin:0 auto; padding:0; width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; color:#717274; background-repeat:repeat-y; background-color:#ffffff; background-position:top center; background-attachment:fixed; }
body.accueil {background-image:url(../_files/backgrounds/bg_accueil.jpg); }
body.reseau {background-image:url(../_files/backgrounds/bg_le_reseau.jpg); }
body.trente {background-image:url(../_files/backgrounds/bg_30.jpg); }
body.quadra {background-image:url(../_files/backgrounds/bg_quadra.jpg); }
body.pro {background-image:url(../_files/backgrounds/bg_pro.jpg); }
body.rejoindre {background-image:url(../_files/backgrounds/bg_nous_rejoindre.jpg); }
body.jos {background-image:url(../_files/backgrounds/bg_contacter_jos.jpg); }
body.amis {background-image:url(../_files/backgrounds/bg_nos_sites_amis.jpg); }

a {color:#99cc00; text-decoration:none; }
a:hover {color:#717274; text-decoration:none; }
img {border:0;}
hr {margin:20px 0; border:0; height:1px; color:#cf9eba; background-color:#cf9eba }
h1 {margin-top:0; font-size:34px; font-weight:normal; line-height:36px; color:#717274; font-family:Arial, Helvetica, sans-serif; margin-bottom:0; text-transform:uppercase; }
h2 {margin-top:0; font-size:18px; font-weight:normal; line-height:18px; color:#717274; font-family:Arial, Helvetica, sans-serif; margin-bottom:0; text-transform:uppercase; }
h3 {margin-top:0; font-size:18px; font-weight:normal; line-height:18px; color:#717274; font-family:Arial, Helvetica, sans-serif; margin-bottom:0; text-transform:uppercase; }
h4 {margin-top:0; font-size:14px; line-height:16px; font-weight:normal; color:#717274; font-family:Arial, Helvetica, sans-serif; margin-bottom:0; }

.clearboth {clear:both; }
.ml10 {margin-left:10px; }
.mr10 {margin-right:10px; }
.ml20 {margin-left:20px; }
.mb10 {margin-bottom:10px; }
.fltleft {display:block; float:left; width:350px; margin-top:15px; }
.fltright {display:block; float:right; }

.uppercase {text-transform:uppercase; }
.font14 {font-size:14px; line-height:16px; }
.font16 {font-size:16px; line-height:18px; }
.font30 {font-size:30px; line-height:32px; }
.georgia {font-family:Georgia, "Times New Roman", Times, serif; }
.georgia10 {font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#666666; }
.georgia11 {font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#999999; }
.georgia13 {font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; }
.georgia18 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; }
.red {color:#FF0000; }
.green {color:#99cc00; }
.grey999 {color:#999; }
.color_accueil {color:#99cc00; }
.color_reseau {color:#99cc00; }
.color_trente {color:#ff0099; }
.color_quadra {color:#990099; }
.color_pro {color:#996600; }
.color_rejoindre {color:#99cc00; }
.color_jos {color:#99cc00; }
.color_amis {color:#99cc00; }


a.lang {color:#fff; font-size:11px; font-weight:bold; text-decoration:none; }
a.lang:hover, a.lang_slct, a.lang_slct:hover {color:#fff; font-size:11px; font-weight:bold; text-decoration:underline; }
a.color_none:hover {color:#717274; }

a.evenements {font-weight:bold; font-size:13px; color:#717274; }
a.evenements:hover {font-weight:bold; font-size:13px; color:#999999; }

/* menu */
div.menu {display:block; float:left; width:215px; height:500px; position:relative; top:-85px; left:-15px; }
div.logo_accueil, div.logo_reseau, div.logo_rejoindre, div.logo_jos {display:block; float:left; background-image:url(../images/bg_menu_accueil.png); background-repeat:repeat; width:215px; height:330px; text-align:left; margin-bottom:1px; }
div.logo_trente {display:block; float:left; background-image:url(../images/bg_menu_trente.png); background-repeat:repeat; width:215px; height:330px; text-align:left; margin-bottom:1px; }
div.logo_quadra {display:block; float:left; background-image:url(../images/bg_menu_quadra.png); background-repeat:repeat; width:215px; height:330px; text-align:left; margin-bottom:1px; }
div.logo_pro {display:block; float:left; background-image:url(../images/bg_menu_pro.png); background-repeat:repeat; width:215px; height:330px; text-align:left; margin-bottom:1px; }
div.logo_amis {display:block; float:left; background-image:url(../images/bg_menu_accueil.png); background-repeat:repeat; width:215px; height:330px; text-align:left; margin-bottom:1px; }

div.menu_item_accueil, div.menu_item_accueil:hover, div.menu_item_accueil_slct, div.menu_item_accueil_slct:hover, div.menu_item_reseau, div.menu_item_reseau:hover, div.menu_item_reseau_slct, div.menu_item_reseau_slct:hover, div.menu_item_trente, div.menu_item_trente:hover, div.menu_item_trente_slct, div.menu_item_trente_slct:hover, div.menu_item_quadra, div.menu_item_quadra:hover, div.menu_item_quadra_slct, div.menu_item_quadra_slct:hover, div.menu_item_pro, div.menu_item_pro:hover, div.menu_item_pro_slct, div.menu_item_pro_slct:hover, div.menu_item_rejoindre, div.menu_item_rejoindre:hover, div.menu_item_rejoindre_slct, div.menu_item_rejoindre_slct:hover, div.menu_item_jos, div.menu_item_jos:hover, div.menu_item_jos_slct, div.menu_item_jos_slct:hover, div.menu_item_amis, div.menu_item_amis:hover, div.menu_item_amis_slct, div.menu_item_amis_slct:hover {width:215px; height:17px; margin-bottom:1px; padding-top:5px; font-size:11px; line-height:11px; text-transform:uppercase; text-align:center; }

div.menu_item_accueil, div.menu_item_reseau, div.menu_item_rejoindre, div.menu_item_jos, div.menu_item_amis {color:#999; background-image:url(../images/menu_item_accueil.png); }
div.menu_item_accueil:hover, div.menu_item_accueil_slct, div.menu_item_accueil_slct:hover, div.menu_item_reseau:hover, div.menu_item_reseau_slct, div.menu_item_reseau_slct:hover, div.menu_item_rejoindre:hover, div.menu_item_rejoindre_slct, div.menu_item_rejoindre_slct:hover, div.menu_item_jos:hover, div.menu_item_jos_slct, div.menu_item_jos_slct:hover, div.menu_item_amis:hover, div.menu_item_amis_slct, div.menu_item_amis_slct:hover {color:#fff; background-image:url(../images/bg_menu_accueil.png); }

div.menu_item_trente {color:#999; background-image:url(../images/menu_item_trente.png); }
div.menu_item_trente:hover, div.menu_item_trente_slct, div.menu_item_trente_slct:hover {color:#fff; background-image:url(../images/bg_menu_trente.png); }

div.menu_item_quadra {color:#999; background-image:url(../images/menu_item_quadra.png); }
div.menu_item_quadra:hover, div.menu_item_quadra_slct, div.menu_item_quadra_slct:hover {color:#fff; background-image:url(../images/bg_menu_quadra.png); }

div.menu_item_pro {color:#999; background-image:url(../images/menu_item_pro.png); }
div.menu_item_pro:hover, div.menu_item_pro_slct, div.menu_item_pro_slct:hover {color:#fff; background-image:url(../images/bg_menu_pro.png); }

div.item_amis_accueil, div.item_amis_reseau, div.item_amis_rejoindre, div.item_amis_jos, div.item_amis_amis, div.item_amis_trente, div.item_amis_quadra, div.item_amis_pro {display:block; float:left; margin:0 0 5px 5px; width:180px; height:16px; padding-top:4px; background-color:#fff; border:1px dashed #999; font-size:11px; text-transform:uppercase; color:#999;}
div.item_amis_accueil:hover, div.item_amis_accueil_slct, div.item_amis_accueil_slct:hover, div.item_amis_reseau:hover, div.item_amis_reseau_slct, div.item_amis_reseau_slct:hover, div.item_amis_rejoindre:hover, div.item_amis_rejoindre_slct, div.item_amis_rejoindre_slct:hover, div.item_amis_jos:hover, div.item_amis_jos_slct, div.item_amis_jos_slct:hover, div.item_amis_amis:hover, div.item_amis_amis_slct, div.item_amis_amis_slct:hover, div.item_amis_trente:hover, div.item_amis_trente_slct, div.item_amis_trente_slct:hover, div.item_amis_quadra:hover, div.item_amis_quadra_slct, div.item_amis_quadra_slct:hover, div.item_amis_pro:hover, div.item_amis_pro_slct, div.item_amis_pro_slct:hover {display:block; float:left; margin:0 0 5px 5px; width:180px; height:16px; padding-top:4px; border:1px dashed #999; font-size:11px; text-transform:uppercase; color:#fff;}

div.item_amis_accueil:hover, div.item_amis_accueil_slct, div.item_amis_accueil_slct:hover, div.item_amis_reseau:hover, div.item_amis_reseau_slct, div.item_amis_reseau_slct:hover, div.item_amis_rejoindre:hover, div.item_amis_rejoindre_slct, div.item_amis_rejoindre_slct:hover, div.item_amis_jos:hover, div.item_amis_jos_slct, div.item_amis_jos_slct:hover,
div.item_amis_amis:hover, div.item_amis_amis_slct, div.item_amis_amis_slct:hover {background-color:#add633; }
div.item_amis_trente:hover, div.item_amis_trente_slct, div.item_amis_trente_slct:hover {background-color:#ff0099; }
div.item_amis_quadra:hover, div.item_amis_quadra_slct, div.item_amis_quadra_slct:hover {background-color:#990099; }
div.item_amis_pro:hover, div.item_amis_pro_slct, div.item_amis_pro_slct:hover {background-color:#996600; }


/* content */
div.main_container {margin:80px auto 5px auto; padding:0; width:790px; background-color:#fff;}
div.content_container {display:block; float:left; margin:250px 15px 15px 10px; width:545px; text-align:left; }
div.block_right {display:block; float:right; margin:5px 5px 0 10px; padding:0; width:530px; height:240px; text-align:right; }
div.block_content {display:block; float:left; margin:0 15px 10px 10px; width:530px; text-align:left; }
div.block_subright_trente {display:block; float:right; margin-top:60px; width:230px; text-align:left; }
div.block_subright_quadra, div.block_subright_pro {display:block; float:right; margin-top:60px; width:230px; text-align:left; }
div.block_cadre {display:block; float:left; width:505px; padding:15px; border:1px dashed #717274; }
div.asterix {position:relative; top:-26px; left:540px; width:30px; }
input {border:0; background-color:#e3e3e5; width:230px; height:12px; margin:0 15px 5px 0; padding:2px; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; line-height:10px; color:#8c8d8f; }
input.input_long {border:0; background-color:#e3e3e5; width:480px; height:12px; margin:0 0 5px 0; padding:2px; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; line-height:10px; color:#8c8d8f; }
input.input_submit {display:block; float:left; width:170px; height:22px; margin:15px 5px 0 0; padding:4px; color:#ffffff; text-transform:uppercase; background-color:#99cc00; }
select {border:0; background-color:#edf0ce; width:235px; height:20px; margin:0 15px 5px 0; padding:2px; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; line-height:10px; color:#add633; text-transform:uppercase; }
textarea {border:0; background-color:#e3e3e5; width:475px; height:56px; margin:0 15px 5px 0; padding:2px; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; line-height:10px; color:#8c8d8f; }

/* footer */
div.footer {width:795px; margin:0 auto 50px auto; padding:0; text-align:right; color:#ffffff; }