/* CSS Document Tougas site */

/*** COULEURS PRINCIPALES:
	- #E7E8E9; gris pâle
	- #918F8F; gris foncé bordures
	- #999; menu repos
	- #666; menu on
	- #3300FF; lien
 *** VISUELS : Chemin RELATIF à partir d'ICI, à partir de l'emplacement de la feuille de style (dossier INC) et non de celui du fichier appelant ces styles
*/

/******   FORMATAGE GENERAL : REGLES BALISES Communes à toutes les pages    ******/
/***   Redéfinition des balises classiques dont la val par défaut des attributs est affectée librement par les navigateurs   ***/

html, body { height:100%; width:100%;}
body { font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#000;}
*{ margin:0; padding:0;} /* Corps total, paragraphes, titres, listes, tableaux, liste de définition... */
h1, h2, h3, h4, th{	font-size:100%;	font-weight:normal;} /* Pas d'influence des balises sur la taille de la police */
img{ text-decoration:none; border:0px none;} /* Contre la bordure bleue autour des img liens */
 /* + img vertical-align:bottom; Contre le traitement "en ligne" réservé à IMG en XHTML */ 
ul{ list-style-type:none;}
map{ cursor:pointer; }/* Pour Firefox utiliser un lien plutôt qu'une map */
/*a{ text-decoration:none; color:#000;}*/
/* Classiques */
.exposant{ vertical-align:text-top;	font-size: 70%; line-height:normal;}
.dis_block{ display:block;}
.flot_d{ float:right;}
.flot_g{ float:left;}
.txt_ital{font-style:italic;}
.txt_gras{font-weight:bold;}


/******    Règles dédiées au site    ******/
body{
	text-align:center; /* centrage pour IE */
	background-image: url(../images/fond.jpg);
	background-repeat:repeat-x;
	background-color: #f0f0f5;
	}
#global{
	margin:0 auto; /* centrage horizontal */
	width:770px;
	text-align:left;
	}
#conteneur_bandeau {
	width:760px;
	}
.bandeau {
	float: left;
	overflow:auto;
	}

/******    le menu    ******/
#menu_col{
	width: 760px;
	float: left;
}
#menu_ppal li{ 
	float: left;
	list-style-type: none ;
	}
#menu_ppal li a, li.pg_courant{
	display: block ;
	width: 76px ;
	height: 22px ;
	font-size: 12px;
	text-indent: 8px;
	text-decoration:none;
	color: #fff;
	line-height: 22px;
	background: url(../images/bt_menu.jpg) no-repeat 0 0px ;
	}
#menu_ppal li a:hover{ 
	color: #fff;
	background: url(../images/bt_menu.jpg) no-repeat 0 -22px ;
	}
li.pg_courant{ 
	color: #000;
	background: url(../images/bt_menu.jpg) no-repeat 0 -44px ;
	}

/******    le contenu    ******/
	
.bas_contenu {
	clear: both;
	line-height: 0px;
	}
	
div.fond{ 
	background-image: url(../images/fond_contenu.jpg);
	background-repeat: repeat-y;
	background-position: left:;
	clear: left ;
	margin-left: 5px;
}

div.contenu{
	width: 738px;
	background-image: url(../images/fond_poignee.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: left:;
	clear: left ;
	margin-left: 1px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.contenu p{ 
	margin-bottom:8px; 
	line-height:20px;
}

div#cadre_g {/* conteneur global du cadre */
	width: 170px;
	float: left;
	padding: 3px;
	margin-right: 10px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-image: url(../images/fond_cadre.jpg);
	background-repeat: no-repeat;
	background-color: #f0f0f5;
}

.titre {
	font-size: 18px;
	padding-bottom: 5px;
}

.titre_cadre {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
	padding-left: 5px;
	padding-bottom: 5px;
}

.photo {
	padding: 10px;
}

.edito {
	font-style: italic;
	line-height: 20px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

.aleatoire {
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
#descriptif_image {
	float:right;
	padding-left: 22px;
	}
#descriptif_texte {
	float:left;
	width: 434px;
}
.adresse, .adresse a{
	width: 280px;
	font-size: 14px;
	color: #999;
	line-height: 18px;
	}
.adresse a:hover{
	color: #666;
	}

/******    le footer    ******/
#footer{ 
	padding-top: 3px;
	padding-right: 15px;
	height: 33px;
	background: url(../images/fond_footer.jpg) no-repeat;
	}
#footer li{
	float:right;
	}
#footer a{ 
	display:block; 
	font-size:11px; color:#999;
	padding-left:10px;
	padding-right:10px;
	}
.footer_sep{
	border-right:1px solid #918F8F;
	}
#footer a:hover{ 
	color:#fff;
	}

/* formulaire de contact */

.oblig{  /* étoile rouge des forms */
	font-size:18px;
	vertical-align:middle; 
	color: #FF0000; /* rouge base */
	}
table.form_tab{
	border-spacing:2px;
	width: 440px;
	}
td.form_td{	
	text-align:right; 
	padding-right:10px;
	}
table.form_tab th{
	padding-left:10px;
	}
#td_lg_fix{
	}
.td_titre {
	font-size:14px;
	font-weight: 900;
	font-variant:small-caps;
	line-height: 40px;
 	color:#AEAEAE;
	border-bottom:1px solid #DBDBDB;
	}
#bt_sub{
	padding:10px 0 0 0px;
	font-size:12px;
	text-align:right;
	width: 440px;
	}
#form_valid td{
	text-align:right;
	}
.adresse, .adresse a{
	width: 280px;
	font-size: 14px;
	color: #666666;
	line-height: 18px;
	}
.adresse a:hover{
	color: #000000;
	}
.adresse_mob{
	font-size: 14px;
	color: #006699;
	line-height: 18px;
	font-weight:bold;
	}