/*============================================
	FEUILLE DE STYLE PRINCIPALE
----------------------------------------------
	Pour les styles specifiques à la
	page d'accueil -> voir style-home.css
	
=============================================*/

/*-----------------
	HTML STYLES 
------------------*/

* { margin: 0; padding: 0; }
html { height:100%; }
body {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* équivaut à 10 pix*/
	background-color: #F8EFD7;
	margin: 0px;
	padding: 0px;
	color: #412118;
	height:100%;
}
/* évite d'avoir une bordure quand on met un lien sur un image */
img {
	border: none;
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}
p { margin: 0.5em 0 }



/*==============================
	STRUCTURE DU SITE
===============================*/

#conteneur {
	min-height:100%;
	/*background-color:#7EDCFB;*/
	height:auto !important;
	height:100%;
}
h1 {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #6E605B;
	font-size: 10px;
	font-weight: normal;
	background: #000000 url(../img/fond_subheader.gif) repeat-x top;
	text-align: center;
	padding: 5px 0 5px 0;
}
#header {
	margin: 0;
	padding: 134px 0 0 0;
	width: 100%;
	background: #B74525 url(../img/fond_header.jpg) no-repeat center top;
	/* correction bug IE5 */
	height: 172px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* bonne taille pour bons navigateurs */
	height: 38px;
}

/* ======= MENU ============*/
#menu {
	height: 38px;
	margin: 0px auto 0px auto;
	/* correction bug IE5 */
	width: 747px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* bonne taille pour bons navigateurs */
	width: 747px;
}
#menu ul { /* OK */
	list-style-type: none;
	/*display: block;*/
	margin:0;
	padding:0;
	width: 100%; /* précision pour Opera */
}
#menu ul li {
	display: block;
	float: left; 
	height: 38px;
	margin: 0; 
	padding: 0 ;
}
#menu ul li a {
	display: block;
	padding: 38px 0 0 0;
	overflow: hidden;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:0px;
}
/* mouse out */
#menu ul li#accueil { background: transparent url("../img/bt_accueil.gif") no-repeat; width: 70px; }
#menu ul li#combat { background: transparent url("../img/bt_combat.gif") no-repeat; width: 119px; }
#menu ul li#aider { background: transparent url("../img/bt_aider.gif") no-repeat; width: 119px; }
#menu ul li#engagez { background: transparent url("../img/bt_engagez.gif") no-repeat; width: 157px; }
#menu ul li#contact { background: transparent url("../img/bt_contact.gif") no-repeat; width: 106px; }
#menu ul li#expert { background: transparent url("../img/bt_expert.gif") no-repeat; width: 107px; }
#menu ul li#presse { background: transparent url("../img/bt_missions.gif") no-repeat; width: 68px; }
/* mouse over */
#menu ul li#accueil a:hover { background: transparent url("../img/bt_accueil.gif") no-repeat 0 -76px; width: 70px; }
#menu ul li#combat a:hover { background: transparent url("../img/bt_combat.gif") no-repeat 0 -76px; width: 119px; }
#menu ul li#aider a:hover { background: transparent url("../img/bt_aider.gif") no-repeat 0 -76px; width: 119px; }
#menu ul li#engagez a:hover { background: transparent url("../img/bt_engagez.gif") no-repeat 0 -76px; width: 157px; }
#menu ul li#contact a:hover { background: transparent url("../img/bt_contact.gif") no-repeat 0 -76px; width: 106px; }
#menu ul li#expert a:hover { background: transparent url("../img/bt_expert.gif") no-repeat 0 -76px; width: 107px; }
#menu ul li#presse a:hover { background: transparent url("../img/bt_missions.gif") no-repeat 0 -76px; width: 68px; }
/* actif */
#menu ul li.active#accueil { background: transparent url("../img/bt_accueil.gif") no-repeat 0 -38px; width: 70px; }
#menu ul li.active#combat { background: transparent url("../img/bt_combat.gif") no-repeat 0 -38px; width: 119px; }
#menu ul li.active#aider { background: transparent url("../img/bt_aider.gif") no-repeat 0 -38px; width: 119px; }
#menu ul li.active#engagez { background: transparent url("../img/bt_engagez.gif") no-repeat 0 -38px; width: 157px; }
#menu ul li.active#contact { background: transparent url("../img/bt_contact.gif") no-repeat 0 -38px; width: 106px; }
#menu ul li.active#expert { background: transparent url("../img/bt_expert.gif") no-repeat 0 -38px; width: 107px; }
#menu ul li.active#presse { background: transparent url("../img/bt_missions.gif") no-repeat 0 -38px; width: 68px; }

/* ===== BANDEAUX ======== */

#band-home {
	width: 100%;
	margin: 0; padding: 0;
	height: 6px;
	font-size: 1px; /* resolution bug IE */ 
	background: transparent url(../img/scratch_1600px.gif) no-repeat center top;
}
#band-photo {
	width: 100%;
	margin: 0; padding: 0;
	height: 103px;
	font-size: 1px; /* resolution bug IE */ 
	background: transparent url(../img/bandeau_photo_1.jpg) no-repeat center top;
}

/* ====================*/

#centre {
	margin: 0px auto 0px auto;
	padding-top: 10px;
	width: 776px;
	/*height: 500px;*/
	min-height: 288px;
	_height: 288px; /* hack pour correction bug IE sur le min-height */
	background: transparent url(../img/fond_centre.jpg) no-repeat right top;
	/*overflow: auto;*/
}

/* FOOTER */
#margepied {
        height:125px;/* hauteur du pied de page + marge de 15px */
        clear:both;/* pour etirer le conteneur  si flottant */
        background:transparent;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B39B93;
	margin: -110px auto 0 auto;
	background: #6E2B1A url(../img/scratch_footer.gif) no-repeat top;
	padding: 30px 0 0 0;
	/* correction bug IE5 */
	height: 110px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* bonne taille pour bons navigateurs */
	height: 80px;
	}
	#footer a {
	color: #E26B49;
	text-decoration: none;
	}
	#footer a:hover {
	color: #F19324;
	}
	#foot-content {
	margin: 0px auto 0px auto;
	width: 776px;
	}
	#footer-gauche {
	float: left;
	background: transparent url(../img/footer_pointille.gif) repeat-y top right;
	padding: 6px 25px 0px 25px;
	height: 50px;
	}
	#footer-droit {
	float: right;
	background: transparent url(../img/footer_pointille.gif) repeat-y top left;
	padding: 6px 25px 0px 25px;
	height: 50px;
	}
	#footer-centre {
	margin: 0 auto 0 auto;
	padding: 6px 0 0 0;
	width: 177px;
}
#footer ul { /* OK */
	list-style-type: none;
	margin:0;
	padding:0;
	}
	#footer li {
	display: block;
	height: 20px;
	width: 177px;
	margin: 0 0 5px 0; 
	padding: 0;
	}
	#footer li a {
	display: block;
	padding: 20px 0 0 0;
	overflow: hidden;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:0px;
	}
	#footer li#bt-parrainer { /* mouse out */ 
	background: transparent url("../img/footer_bt_parrainer.gif") no-repeat;  
	}
	#footer li#bt-don { /* mouse out */ 
	background: transparent url("../img/footer_bt_don.gif") no-repeat; 
	}
	#footer li#bt-parrainer a:hover { /* mouse over */ 
	background: transparent url("../img/footer_bt_parrainer.gif") no-repeat 0 -20px; 
	}
	#footer li#bt-don a:hover { /* mouse over */ 
	background: transparent url("../img/footer_bt_don.gif") no-repeat 0 -20px; 
}

/*==============================
	PAGES INTERIEURES
===============================*/

#page-gauche {
	float: left;
	width: 234px;
}
#page-droite {
	float: right;
	width: 538px;
	margin-left: 4px;
}

/* SOUS MENU DE GAUCHE -----------*/

#sousmenu {
	margin: 0; padding: 0;
	}
	#sousmenu .haut {
	height: 10px;
	font-size: 1px; /* resolution bug IE */ 
	background: transparent url(../img/page_menu_haut.gif) no-repeat bottom left;
	}
	#sousmenu .centre {
	background: transparent url(../img/page_menu_centre.gif) repeat-y top left;
	padding: 3px 14px 14px 14px;
	}
	#sousmenu .centre h2 {
	margin: 0; 
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	/*height: 31px;*/
	background: #B74525 url(../img/page_menu_titre.gif) no-repeat top;
	padding: 8px 4px 8px 12px;
	/* correction bug IE5 */
	width: 210px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* bonne taille pour bons navigateurs */
	width: 190px;
	}
	#sousmenu ul {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	#sousmenu li {
	border-bottom: 1px dashed #C6BFAE;
	}
	#sousmenu li a {
	display: block;
	padding: 8px 5px 8px 20px;
	color: #412118;
	text-decoration: none;
	background: transparent url(../img/fleche_sousmenu.gif) no-repeat top left;
	}
	#sousmenu li a:hover {
	color: #E26B49;
	background: #F4EFE3 url(../img/fleche_sousmenu.gif) no-repeat top left;
	}
	#sousmenu .centre .txt {
	font-size: 1.1em;
	margin-top: 8px;
	text-align: justify;
	}
	#sousmenu .centre .txt a {
	color: #E26B49;
	text-decoration: underline;
	}
	#sousmenu .centre .txt a:hover {
	text-decoration: none;
	}
	#sousmenu .bas {
	height: 25px;
	background: transparent url(../img/page_menu_bas.gif) no-repeat top left;
}

/* PAGE CONTENU DE DROITE -----------------*/

#contenu {
	margin: 0; padding: 0;
	}
	#contenu .haut {
	height: 10px;
	font-size: 1px; /* resolution bug IE */ 
	background: transparent url(../img/page_contenu_haut.gif) no-repeat bottom left;
	}
	#contenu .centre {
	background: transparent url(../img/page_contenu_centre.gif) repeat-y top left;
	padding: 3px 14px 0 14px;
	}
	#contenu .centre h3 {
	margin: 0 0 15px 0; 
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background: #FFBA00 url(../img/page_contenu_titre.gif) no-repeat top left;
	padding: 8px 4px 8px 12px;
	/* correction bug IE5 */
	width: 510px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* bonne taille pour bons navigateurs */
	width: 494px;
	}
	#contenu .centre .txt {
	padding: 0 0 10px 0;
	margin: 0 auto 0 auto;
	font-size: 1.2em;
	line-height: 17px;
	text-align: justify;
	/* largeur fixee et overflow pour resoudre bug IE sur affichage italic */
	width: 484px;
	overflow: hidden;
	}
	#contenu .centre .txt .citation {
	color: #E26B49;
	font-style: italic;
	}
	#contenu .centre .txt h4 {
	margin: 0 0 1em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E26B49;
	}
	#contenu .centre a {
	color: #E26B49;
	text-decoration: underline;
	}
	#contenu .centre a:hover {
	text-decoration: none;
	}
	#contenu .centre .txt p {
	margin: 0 0 1.5em 0;
	}
	/* liste non ordonnee */
	#contenu .centre ul {
	margin: 0 0 1.5em 0;
	padding: 0;
	list-style-type: disc;
	list-style-position: inside;
	}
	#contenu .centre li {
	margin: 0;
	padding: 0;
	}
	/* liste ordonnnee (ex:faq) */
	#contenu .centre ol {
	margin: 0 0 1.5em 0;
	padding: 0 0 1.5em 0;
	color: #E26B49;
	list-style-position: inside;
	border-bottom: 1px dashed #C6BFAE;
	}
	#contenu .centre ol li a {
	color: #412118;
	text-decoration: none;
	}
	#contenu .centre ol li a:hover {
	color: #E26B49;
	text-decoration: underline;
	}
	#contenu .centre .lien-bas {
	clear:both;
	border-top: 1px dashed #C6BFAE;
	background-color: #F4EFE3;
	padding: 5px 13px 10px 13px;
	font-size: 1.1em;
	}
	#contenu .centre .lien-bas h4 {
	margin: 0 0 0.5em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}
	#contenu .centre .lien-bas a {
	height: 20px;
	padding-left: 15px;
	background: transparent url(../img/fleche_jaune2.gif) no-repeat center left;
	}
	#contenu .bas {
	height: 25px;
	background: transparent url(../img/page_contenu_bas.gif) no-repeat top left;
}

/* TABLEAU DES MEMBRES DU BUREAU ----------*/

.tab-bureau {
	text-align: justify;
	margin: 0 0 15px 0;
	}
	.tab-bureau th {
	width: 80px;
	vertical-align: top;
	padding: 5px 0 5px 0;
	font-weight: bold;
	}
	.tab-bureau td {
	padding: 5px 0 5px 0;
}

/* ILS S'ENGAGENT A NOS COTES -------------*/

.personnalite {
	border-bottom: 1px dashed #C6BFAE;
	margin-bottom: 10px;
}
.personnalite .contenu {
	float: right;
	width: 390px;
	margin: 0 0 15px 0;
}
.personnalite img {
	border: 1px solid #C7C2B0;
	float: left;
	margin: 0 0 15px 0;
}
.personnalite .temoignage {
	background-color: #EDE6D2;
	margin-top: 10px;
	padding: 5px 8px 10px 8px;
	}
	.personnalite .temoignage a {
	height: 20px;
	padding-left: 15px;
	background: transparent url(../img/fleche_jaune2.gif) no-repeat center left;
}

/* FICHE PAYS UNIQUEMENT -----------------*/

#photo-pays {
	margin: 0; padding: 0;
	}
	#photo-pays .haut {
	height: 13px;
	font-size: 1px; /* resolution bug IE */ 
	background: transparent url(../img/page_photo_haut.gif) no-repeat bottom left;
	}
	#photo-pays .centre {
	background: transparent url(../img/page_photo_centre.gif) repeat-y top left;
	padding: 0px auto 0px auto;
	text-align: center;
	}
	#photo-pays .bas {
	height: 13px;
	background: transparent url(../img/page_photo_bas.gif) no-repeat top left;
}

#contenu .centre .carte img {
	border: 1px solid #C7C2B0;
	float: left;
	margin: 0 15px 15px 0;
	}
#contenu .centre .titre {
	margin: 0 0 12px 0; 
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background: #FFBA00 url(../img/page_contenu_titre.gif) no-repeat top left;
	padding: 0 4px 0 12px;
	/* correction bug IE5 */
	width: 510px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* bonne taille pour bons navigateurs */
	width: 494px;
	overflow: auto;
	}
	#contenu .centre .titre .pays {
	float: left;
	padding: 8px 0 8px 0;
	}
	#contenu .centre .titre img {
	float: right;
	border: 1px solid #FFFFFF;
	margin-top: 4px;
	}
	#contenu .centre .chiffre {
	background-color: #E7DDC2;
	padding: 10px 14px 10px 14px;
	margin-bottom: 5px;
	}
	#contenu .centre .album {
	margin-top: 10px;
	border-top: 1px dashed #C6BFAE;
	background-color: #EDE6D2;
	padding: 10px 10px 0px 10px;
	font-size: 1.1em;
	}
	#contenu .centre .album img {
	border: 2px solid #FFFFFF;
	background-color: #FFFFFF;
	}
	#contenu .centre .album a:hover img {
	border: 2px solid #FFBA00;
	background-color: #FFBA00;
	/*Filter: none;*/ /* correction bug IE */
}
.vignette {
	height: 117px;
	width: 117px;
	float: left;
	text-align: center;
}

/* FORMULAIRES ----------*/

#formulaire {
	border-top: 1px dashed #C6BFAE;
	border-bottom: 1px dashed #C6BFAE;
	background-color: #F4EFE3;
	padding: 10px 14px 10px 14px;
	font-size: 1.1em;
	}
	#formulaire h4 {
	margin: 0 0 0.5em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E26B49;
	}
	#formulaire label {
	display: inline;
	}
	#formulaire label.lb1 {
	padding: 4px 2px 0 0;
	text-align: right;
	float: left;
	width: 110px;
	}
	#formulaire input, #formulaire textarea, #formulaire select {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #412118;
	margin: 2px 0 2px 0;
	padding: 2px;
	border: 1px solid #C6BFAE;
	}
	#formulaire input.in1, #formulaire textarea {
	width: 50%;
	}
	#formulaire input.radio, #formulaire input.checkbox {
	border: none;
	margin-right: 10px;
	}
	#formulaire select {
	margin-top: 5px;
	width: 30%;
	}
	#formulaire p.options {
	background-color: #E2DCCE;
	padding: 12px 10px 12px 10px;
	margin-bottom: 10px;
	}
	#formulaire p.valider {
	/*border-top: 1px dashed #C6BFAE;*/
	background-color: #E2DCCE;
	padding: 10px 0 10px 0;
	text-align: center;
	margin-top: 10px;
	}
	#formulaire input.bouton {
	padding: 0;
	margin: 4px 2px 0 2px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B74525;
	border: 1px solid #6E2B1A;
}

/* EXPERTISE -----------*/

.fiche-expert {
	clear: both;
	border-bottom: 1px dashed #C6BFAE;
	margin-bottom: 10px;
	padding-bottom: 20px;
}

/* TOUTES RUBRIQUES -----------*/

.hide	{
	display: none;
}
.cleaner {
	clear:both;
	margin:0; padding:0;
	height:0px;
	border:none;
	font-size:1px;
	line-height:1;
	visibility:hidden;
}
.rouge {
	color: #E26B49;
}
.code-html {
	color: #E26B49;
	text-align: left;
}