/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 07
   � Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propri�t�s background) et les couleurs
   du texte (propri�t� color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie �positionnement�. */



/* Bloc central contenant #navigation et #contenu */


/* --- POSITIONNEMENT --- */

/* Page */
body {
	background-color:#f4efe3;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-size: .80em; /* -> 4 */
	line-height: 1.25; /* -> 5 */
	/*color: black;*/
	color: #444444;
   /* background: #f4efe3 url(../images/bandeau2.jpg) no-repeat top;*/
}
*{
	margin:0;
	padding:0;
}
a{
	color: #444444;
	text-decoration:none;
}
img{
	border:none;
	
}
h1{
	font-size: 1.1em;
}
h3{
	/*margin-bottom:20px;*/
}
a.rouge, .text_actu a, span#declencheur{
	text-decoration:underline;
}
a.pt_souligne{
	text-decoration:underline;

}
.pt{

}
.pt:hover{
	text-decoration:underline;
}
.souligne{
		text-decoration:underline;
}
/* --- COULEURS --- */
.rouge{
	color:#89121d;
}
.vert_clair{
	color:#69862e;
}
.vert{
	color:#00424c;
}
.bold{
	font-weight:bold;
}
.gris_fonce{
	background-color:#c4c4c4;	
}
.gris_clair{
	background-color:#efefef;	 
}
.droite{
	text-align:right;
	float:right;
}
.souligne{
	text-decoration:underline;
}
/* ---	     	--- */

/* --- Structure --- */
#global {
	width: 972px; /* -> 3 */
	margin: 110px auto 0 auto; /* -> 4 */
	overflow: hidden;
	background: #ffed7b url(../images/home_bck_2.png) no-repeat top left;
	border:5px white solid;
	
}
#global_identification {
	width: 972px; /* -> 3 */
	margin: 120px auto 0 auto; /* -> 4 */
	overflow: hidden;
	background: #ffed7b url(../images/home_bck.png) no-repeat top left;
	border:5px white solid;
	padding-bottom:30px;
}

#centre {
	width: 921px; /* -> 5 */
	overflow: hidden; /* -> 5 */
	 /* Voir -> Note 1 */ 
	 background-color:#fbf7b7;
	 margin:25px;
} 
#centre_identification {
	width: 530px; /* -> 5 */
	overflow: hidden; /* -> 5 */
	 /* Voir -> Note 1 */ 
	 background-color:#fbf7b7;
	 margin-left:370px;
	 padding:15px 30px 15px 10px;
}
#centre_identification ul{
	margin-left:40px;
}
#gauche-separateur{
	float:left;
	width:360px;
}
#bouton_inscription{
	width:259px;
	margin-top:20px;
}
#form_connexion{
	margin-top:20px;
	float:left;
	width: 290px;
}
#form_connexion span{
	 display: block;
   float: left;
   width: 170px;
}
#form_connexion a{
	 font-size:11px;
	 margin-left:40px;
}
.login_form{
	margin-left:40px;
}



.dde_maillot #bouton_inscription a
{
	display:block;
	width:182px;
	height:50px;
	margin-top:10px;
}

.dde_maillot #form_connexion form
{
	margin-top:15px;
}

.dde_maillot #form_connexion form label
{
	display:block;
	float:left;
	width:105px;
}

.dde_maillot #form_connexion form p
{
	font-weight:normal;
	color:#000;
}

.dde_maillot label[for="pwd"], #pwd
{
	margin-top:5px;
}

.dde_maillot #mdp_oublie
{
	margin-left:110px;
	margin-top:7px;
}

.dde_maillot #form_connexion p, #bouton_inscription p
{
	font-weight:bold;
	color:#2647af;
	font-size:0.9em;
}

.dde_maillot #form_connexion form input[type="submit"]
{
	background: url("../img/btn_submit.png");
	width:180px;
	height:51px;
	cursor:pointer;
	border:none;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:15px;
	margin-left:35px;
	padding-bottom:4px;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
}


.dde_maillot #bouton_inscription a
{
	display:block;
	color:#FFF;
	padding-top:15px;
	background: url("../img/btn_submit.png");
	width:180px;
	height:36px;
	cursor:pointer;	
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;	
	text-align:center;
	 margin-top: 93px;
}
.submit_subscribe
{
	color:#FFF;
	background: url("../img/btn_submit_free.png");
	background-repeat:no-repeat;
	width:106px;
	height:30px;
	margin:15px 0;
	cursor:pointer;	
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;	
	text-align:center;
	border:0 none;
}
.lien_subscribe
{
	display:block;
	color:#FFF;
	background: url("../img/btn_submit_free.png");
	background-repeat:no-repeat;
	width:106px;
	height:30px;
	cursor:pointer;	
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;	
	text-align:center;
	border:0 none;
	margin:20px auto;
	padding-top:7px;
}
#bouton_dde_maillots {
   margin-top: 20px;
   float:left;
}
#form_identification{
	border-right:1px solid #DDDDDD;
}
#form_identification #login{
	margin-bottom:10px;
}
.align_center{
	text-align:center;
}
/*Header*/
#header{
	height:200px;
	width:900px;
	background: url(../images/logo_club.png) no-repeat top right;
}
#header #picture{
	height:200px;
	margin-left:30px;
	background: url(../images/picture.png) no-repeat bottom left;
}
#header #bonjour{
	padding-top:180px;
	padding-left:210px;
}
#header #compte{
	font-size:0.8em;
}
/*Gauche */
#gauche{
	width: 230px;
	float: left; /* -> 6 */
	margin-left:25px;
	font-size: .8em;
	height:680px;
	
} 
#gauche .boite{
	width:188px;
	margin-top:20px;
}
#gauche .chapeau_forum{
	height:30px;
	background: url(../images/forum_small.gif) no-repeat bottom left;

} 
#gauche .chapeau_carte{
	height:30px;
	background: url(../images/bandeauCarte.png) no-repeat bottom left;

}
#gauche .chapeau_actu{
	height:30px;
	background: url(../images/actu_small.gif) no-repeat bottom left;

}
#gauche .contenu_boite{
	background-color:#e1e1e1;
	padding:7px;
}
#gauche img.logo_encart {
margin-top:20px;
margin-left:20px;
}
#gauche .actu_boite{
	background-color:#e1e1e1;
	padding:7px;
}
#gauche .bouton_entrer{
	display:block;
	height:41px;
	margin:0px auto;
}
#gauche .bouton_boite_actu{
	width:188px;
	background-color:#e1e1e1;
}
#gauche #bouton_forum{
	background: url(../images/btn_entrer.png) no-repeat bottom left;
	width:83px;
}
#gauche #bouton_carte{
	background: url(../images/rechercher.png) no-repeat bottom left;
	width:121px;
}
#gauche #bouton_actu{
	background: url(../images/actu_btn.png) no-repeat bottom left;
	width:101px;
	margin-top:15px;
}
/* ---	     	--- */


#gauche a:hover{
	color:#00424C;
}
#gauche h1{
	font-size:1.4em;
	font-weight:normal;
	font-family:helvetica;
}

#logo{
	background: url(../images/logo.jpg) no-repeat top left;
	width:172px;
	height:122px;
}
#contact{
	background: url(../images/contact.jpg) no-repeat top left;
	width:197px;
	height:27px;
	padding:3px 50px;
}
#contact a{
	font-size:1.4em;
	font-family:helvetica;
	text-decoration:none;
}

#selection_carte{
	/*background: url(../images/selection.jpg) no-repeat top left;*/
	background-color:#f8f5f1;
	border:1px solid #c1b0a4;
	width:177px;
	height:183px;
	margin:17px 0;
	padding:5px 10px;
}
#titre_actualites{
	background: url(../images/actualites.jpg) no-repeat top left;
	width:197px;
	height:49px;
}
#actualites{
	width:177px;
	border:1px solid #c1b0a4;
	background-color:#f8f5f1;
	padding:5px 10px;
	color:#786854;
}
#actualites  a{
	color:#786854;
	
}
.titre_actu{
	font-weight:bold;
	color:#89121d;
	margin-left:120px;
	margin-bottom:-12px;
	
}

/* Droite */
#titre{
	background: url(../images/titre.jpg) no-repeat top left;
	width:362px;
	height:63px;
	margin-bottom:20px;
}
#droite{
	float:left; /* -> 8 */
	width:600px;
	padding: 0px 0px;
	text-align:justify;
	margin-left:40px;
}

#contenu{
	/*width:650px;*/
	padding:25px 0;
/*	margin-left:300px;*/
	float:left;
}
#contenu_droite{
	float:left; /* -> 8 */
	width:480px;
	margin-left:20px;
	text-align:left;
	font-size:0.85em;
}
#contenu_droite p{
	width:450px;
}
#contenu_droite a{
	text-decoration:none;
}
#contenu_gauche{
	float:left; /* -> 8 */
	width:150px;
}
#contenu #cont-france
{
	background-color:#e1e1e1;	
	width:642px;
}
#contenu #carte
{
	background-color:#E1E1E1;
	min-height:595px;
	width:641px;
}
#contenu #carte img#carte-france
{
	margin-left:40px;
}
#contenu a#bouton_retour{
	display:block;
	margin:15px 0 15px 30px;
}
#contenu #carte table{
	margin-left:32px; 
}
#contenu #bandeau_carte{
	background: url(../images/chapeau_bleu.jpg) no-repeat top left;
	width:642px;
	height:28px;
	color:white;
	font-size:1.1em;	
	padding-top:5px;
	padding-left:32px;
}
#contenu #carte div#result{
	margin-left:20px;
	margin-top:20px;
	width:310px;
	height:20px;
	border:1px solid #52b5d3;
	padding:5px;
}
#contenu #carte span#nbre_arbitres{
	color:#52b5d3;	
	font-weight:bold;
}
#contenu #actu{
	background-color:#e1e1e1;	
	width:641px;
	min-height:595px;
}
#contenu .encart{ 
	width:265px;
	float:left;
	margin-left:28px;
	

} 
#contenu .contenu_encart{
	/*background: url(../images/ligne.png) repeat-y top left;*/
	background-color:#e1e1e1;
	position: relative;
	padding:8px;
	height:230px;
}
#contenu .contenu_encart .image_actu_accueil{
	float:left;
	width:80px;
	margin:0px 0 20px 0;
}
#contenu .contenu_encart .text_actu_accueil{
	float:left;
	margin:0px 0 20px 5px;
	width:160px;
}
#contenu  a#grdbouton{
	display:block;
	width:206px;
	height:40px;
	margin:20px auto 0 auto;
}
#contenu .chapeau_encart_rouge{
	height:28px;
	width:265px;
	background: url(../images/chapeu_haut_rouge.png) no-repeat top left;
} 
#contenu .chapeau_encart_bleu{
	height:28px;
	width:265px;
	background: url(../images/chapeu_haut_bleu.png) no-repeat top left;
}
#contenu .chapeau_encart_vert{
	height:27px;
	width:265px;
	background: url(../images/chapeu_haut_vert.png) no-repeat top left;
}
#contenu img.logo_encart{
	margin-left:50px;
	margin-bottom:10px;
	position: absolute; 
	bottom: 0;
}
#contenu .image_actu{
	margin-left:33px;
	margin-top:20px;
	width: 110px;
	float: left;
}
#contenu .text_actu{
	float: left;
	margin:20px 0;
	width:480px;
}
#contenu #text_forum{
	padding-left:0px;
	padding-bottom:10px;
}
#contenu table{
	width:641px;
}
#contenu #text_forum .text_reponse{
	margin-top:20px;
	padding:10px 0 10px 32px;
}
#contenu p.retour_forum{
	padding-right:32px;
	padding-top:10px;
	text-align:right;
}
#contenu #text_forum .par{
	margin-top:5px;
	font-size:0.85em;
}
#contenu #titre_forum{
	font-weight:bold;
	margin: 10px 0;
	padding-left:32px;
}
#contenu #forum span#declencheur{
	margin:10px 0 10px 32px;
	font-weight:bold;
	font-size:0.85em;
}
#contenu #forum span#declencheur:hover{
	cursor:pointer;
}
#contenu #forum form {
	margin-left:30px;
}
#contenu #bandeau_actu{
	background:#fbf7b7 url(../images/bandeau_actu.png) no-repeat top left;
	width:641px;
	height:27px;
}
#contenu #bandeau_forum{
	background:#fbf7b7 url(../images/bandeau_forum.png) no-repeat top left;
	width:642px;
	height:27px;	
}

#contenu #forum{
	background-color:#e1e1e1;	 
	width:641px;
}
#contenu #forum #texte{
	padding-left:33px;
	padding-top:33px;
}
#contenu #forum a{
	color:black;
	text-decoration:underline;	 
}
#contenu #message_form{
	background-color:#e1e1e1;	 
	width:631px;
	padding:5px;
}
#contenu #message_form textarea{ 
	width:575px;
}
#contenu #message_form input[type="submit"]{ 
	/*float:right;*/
	margin-top:5px;
}
#contenu #forum #titre{
	background-color:#8a8a8a;	
	height:25px;
	color:black;
	padding:3px 0;
	width:641px;
	font-weight:bold;
}
#contenu #forum_sujets{
	width:630px;
	height:85px;
	padding-left:5px;
}
#contenu #forum .col_sujet{
	float:left;
	width:470px;
	height:25px;
	padding-left:33px;
}
#contenu #forum .col_rep{
	float:left;
	width:100px;
	height:25px;
}
.image_gauche{
	float:left; /* -> 8 */
	width:150px;
}
.texte_droite{
	float:left; /* -> 8 */
	width:480px;
	margin-left:20px;
	/*height:250px;*/
}
.texte_droite a{
    color:#00424c;
}
.texte_droite a:hover{
   color:#89121d;
}
a.droite_bas{
	display:block;
	text-align:right;
	margin-top:40px;
	text-decoration:none;
}
a.droite_bas:hover{
	color:#89121d;
}
.spacer{
	clear: both;
	border-bottom:1px solid #786854;
	margin:20px 0;
}

#photos p{
	text-align:center;
	margin-top:10px;

}
div#actu{
	margin-bottom:20px;
	float:left;
	width:620px;
}
div#actu div.ligne{
	float:left;
	width:560px;
	margin:20px 0 20px 33px;
	border-bottom:1px solid  #444444;
}
#actu img{
	margin-right:10px;
}
 
/* form oubli */
div#password{
	margin-left:20px;
}
#result #login_error {
	background:none repeat scroll 0 0 #FFEBE8;
	border:1px solid #DD3C10;
	margin-top:10px;
	padding:5px 7px;
	width:610px;
}
#result #success {
	background:none repeat scroll 0 0 #94d6af;
	border:1px solid #408080;
	margin-top:10px;
	padding:5px 7px;
}
#form_oubli div{
	width:700px;
	margin-top:10px;
}
#form_oubli label{
	width:180px;
	float:left;
	text-align:right;
}
#form_oubli input{
	width:200px;
	border:1px solid #CCCCCC;
	height:16px;
}
#form_oubli input[type="submit"]{
	width:160px;
	border:1px solid #CCCCCC;
	height:18px;
	margin-left:220px;	
}
#form_oubli label.error{
	width:230px;;
	color:#d2492a;
	float:right;
	text-align:left;
}
/* Form compte */
#form_compte{
	/*border: 15px solid #699226;*/
	padding:10px;
	background-color:#e1e1e1;
}
#form_compte label{
	width:100px;;
	float:left;
}
#form_compte input{
	border:1px solid #CCCCCC;
	height:18px;
	width:200px;
	background-color:white;
}
#form_compte input[type="submit"]{
	width:160px;
	border:1px solid #CCCCCC;
	height:20px;
	margin-left:220px;	
	margin-top:20px;
}
#tab_subscribe{
	padding:5px;
}
#form_compte input.id_metier{
	width:50px;
	float:left;
}
#subscribe input#adresse_pro_2, #subscribe input#adresse_pro_1{
	width:380px;;
}
#subscribe input#adresse_perso_2, #subscribe input#adresse_perso_1{
	width:380px;;
}
#form_compte p{
	margin-top:5px;
}
#form_compte div{
	margin-top:5px;
}
#form_compte label.id_metier{
	width:50px;
	float:left;
}
#form_compte label.visible{
	width:580px;
	float:left;
	margin-left:10px;
}
#form_compte input#visible{
	width:15px;
	float:left;
}
#form_compte input.id_metier{
	width:50px;
	float:left;
}
#form_compte div.bouton_radio{
	width:550px;
	height:30px;
	margin: 10px 0;
}
input#submit_subscribe{
	width:140px;
	height:50px;
	background: transparent url(../img/submit_big.png) no-repeat left top; 
	border: 0 none;
	color:white;
	font-size:16px;
	font-weight:bold;
}
/* Menu */


/* Pied de page */
.clubfooter {
color:#FF6600;
font-size:11px;
padding:2px;
}
.clubfooter a {
color:#FF6600;
font-size:11px;
}
.clubfooter a:hover {
color:black;
}



/*Modif Flo*/

#wrapper
{
	width: 972px; 
	margin: 30px auto 0 auto; 
	background: #ffed7b url(../img/cde_bck.png) no-repeat top;
	border:5px white solid;	
	position:relative;
	min-height:640px; 
}

#wrapper #header 
{
	background:none;
}

#wrapper #header h1
{
	text-indent:-9999px;
	background: url(../images/logo_club.png) no-repeat top right;
	width:504px;
	height:160px;
	float:right;
	margin-right:60px;
	margin-top:20px;
}

#content form
{
	padding:10px;
	background-color:#FBF7B7;
}

#content #main
{
	width:930px;
	margin-left:20px;
    -moz-box-shadow: 5px 5px 10px #555; 
    -webkit-box-shadow: 5px 5px 10px #555; 
    box-shadow: 5px 5px 10px #555; 
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#555555', Direction=135, Strength=8);
    zoom: 1; 
  
}

#content #sub
{
	float:left;
	width:400px;
}

#content #main form label
{
	display:block;
	width:210px;
	float:left;
}
input.id_sport{
	margin-left:20px;
}
#content #main form #liste_sport, #content #main form #liste_taille, #content #main form #couleur_maillot
{
	float: left;
	margin-bottom:30px;
	margin-top: 10px;
	width:330px;
}

#labelTaille
{
	clear:left;
}

#content #main form #adresse_perso_1, #content #main form  #adresse_perso_2
{
	width:300px;
}
#foot {
}
#foot p{
	float:left;
	margin-left:5px;
	margin-bottom:10px;
}
#foot p input{
	margin-left:60px;
}
#content #main form .sport
{
	width:150px;
	float:left;
	margin-right:20px;
}
input#id_metier {
	margin-left:10px;
}
#content #main form .sport input
{
	margin-left:13px;
	margin-top: 5px;
}
#content #main form .taille
{
	float:left;
	width:108px;
	margin-top:8px;
}
form .taille input, form .couleur input, form .manche input
{
	margin-left: 13px;
}
#content #main form .couleur
{
	float:left;
	width:77px;	
}

#content #main form .manche
{
	float:left;
	width:305px;	
}

#content #main form label.error
{
	/*float:right;*/
	width:240px;
	position:absolute;
	right:30px;
	margin-top:-17px;
	color: #2647AF;
}

#content #main form #liste_taille .taille label.error
{
	/*width:130px;*/
}
.submit-commande{
	text-align:center;
}
#content #main form input[type="submit"]
{
	background: url("../img/submit_big.png");
	width:132px;
	height:48px;
	cursor:pointer;
	border:none;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	margin-top:20px;
}