/* ==============================================
   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{
	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;
	border:5px white solid;
	
}
#global_identification {
	width: 972px; /* -> 3 */
	margin: 120px auto 0 auto; /* -> 4 */
	overflow: hidden;
	background: transparent url(../images/home_bck.png) no-repeat top;
	border:5px white solid;
	height:580px;
}

#centre {
	width: 921px; /* -> 5 */
	overflow: hidden; /* -> 5 */
	 /* Voir -> Note 1 */ 
	 background-color:#fbf7b7;
	 margin:25px;
} 
#centre_identification {
	width: 480px; /* -> 5 */
	overflow: hidden; /* -> 5 */
	 /* Voir -> Note 1 */ 
	 background-color:#fbf7b7;
	 margin-left:400px;
	 height:250px;
	 padding:15px 30px 15px 10px;
}
#centre_identification ul{
	margin-left:40px;
}
#bouton_inscription{
	width:190px;
	margin-left:420px;
	margin-top:20px;
	float:left;
}
#form_connexion{
	margin-top:20px;
	width:300px;
	float:left;
}
#form_connexion p{
	font-weight:bold;
	color:#2647af;
	font-size:0.9em;
}

/*Header*/
#header{
	height:200px;
	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; 
	text-indent:-5000px;
	border: 0 none;
}
/* Menu */


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