/* CSS Document */



/*
Styles globaux du site MODELE CSS XHTM
Mise en place : Yann LORGUEILLEUX
date : 17/09/2005

*/



/*
===== CONTENU DE CETTE FEUILLE DE STYLE =====

	revision : 17/09/2005;

	1: reinitialisation
	2: dispositifs d'accessibilite
	3: html and body
	4: typographie
		4a: parametres generaux
		4a2 : elements de phrase
		4a3 effets de typographique
		4b: acronyms et abbreviations
		4c: titres de contenu
		4d: listes
		4e: liens				
		4f: tables
	5: Calques containeurs principaux
	6: Calques containeurs secondaire (sur-colonnage)
	6: main navigation
	7: images and gravatars
	8: comments
	9: forms

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


/*
===== 1: reinitialisation  =====
*/

*{
	/*font-size:100%;
	margin:0;
	padding:0;*/
	}


/*
===== 2: dispositifs d'accessibilite =====
*/



/*
===== 3: html and body =====
*/

html{
	min-width:780px;
	/*background:#ebebeb url(../img/fonds/fd-body.jpg) repeat-x 0 -57px ;*/
	background:#d6c7bd url(../img/fonds/fd-body-degrad.gif) repeat-x top center;

	background:#ded4cb url(../img/fonds/fd-entete-light3.jpg) no-repeat top right;
		background-attachment:fixed;
	}

body{
	padding:0;
	margin:0px 0 0 0;
	text-align:center;
	/*background-color:#d6c7bd ;*/
	/*background:transparent url(../img/fonds/ombr_page.png) repeat-y top center;*/
	/*background:#776354 url(../img/fonds/fd-body.gif) repeat-x top center;*/
	}


/*
===== 5: Calques containeurs principaux =====
*/

/*
generalite TAILLE POSITIONS REINTIALISATIONS
------------------------------------------------------  */
#PAGE {
	min-width:960px;
	width:980px;
	/*width:100%;*//* ******************************************************** */
	margin:0px auto;
	padding:0 ;
	text-align:center;
	
	background:transparent url(../img/fonds/ombr_page.png) repeat-y top center;
	/*background:#ded4cb url(../img/fonds/fd-entete-light.jpg) no-repeat top right;*/
	

	}
.ZONE {
	width:940px;
	width:100%;/* ******************************************************** */
	margin:0 auto;
	text-align:left;
	}

#HEADLINE,
#ENTETE,
#MENU_GLOBAL,
#CONTENU,
#SOUS-CONTENU,
#PIED {
	margin:0 auto !important;
	width:960px;
	width:100%;/* ******************************************************** */
	text-align:left;
	}


/*
HEADLINE
------------------------------------------------------  */

#HEADLINE {
	background:transparent url(../img/fonds/blanc-transp.png) repeat top right;
	padding:0px 0 0 0;
	font-size:90%;

	}
#HEADLINE img{
	display:none;
	border-top:1px solid #e4d9d1;
	border-bottom:1px solid #968270;
	}

#bt-apro {
	float:right;
	position:relative;
	}

#bt-apro a {
	

	text-decoration:none;
	display:block;
	width:130px !important;
	height:136px !important;
	
	border:none;
	margin:0 0 -136px 0;;
	background:transparent url(../img/logo/bandeau-aprolliance2.png) no-repeat;
	}

#bt-apro a:hover{
	background:transparent url(../img/logo/bandeau-aprolliance.png) no-repeat;
	}
/*
ENTETE
------------------------------------------------------  */

#TOP {
	width:960px;
	width:100%;/* ******************************************************** */
	margin:0 auto !important;

	border-bottom:0px solid #fff;
	}

#ENTETE {
	width:960px;
	margin: 0px auto 0 auto ;
	overflow:hidden;
	padding:20px 0 0px 0;
	background:transparent url(../img/logo/spidou-big-transp.png) no-repeat top right;
	}

#APROLLIANCE #ENTETE,
#STRUCTURE-EXPLOITATION #ENTETE {
	padding-top:20px;	
	}



#ENTETE img {
	padding:0;
	margin:10px 8px 0px 10px;	
	border:none;
	float:left;
	}

	

.logo,
#STRUCTURE-EXPLOITATION .TETIERE .logo,	
#ENTETE h1 {
	font-family:Arial Black;
	font-weight:800 !important;
	letter-spacing:-2px;
	line-height:0.8em;
	font-size:200%;
	color: #e80000;
	margin:40px 0 -2px 8px  ;
	}

.logo span,
#STRUCTURE-EXPLOITATION .TETIERE .logo span,	
#ENTETE h1 span{
	font-family:Arial;
	font-weight:100;
	color: black;
	}
	
#ENTETE .logo_jaune h1 {
	color: #FBC200 !important;
}

.logo_jaune,
#STRUCTURE-EXPLOITATION .TETIERE .logo_jaune,
#STRUCTURE-EXPLOITATION .ENTETE .logo_jaune {
	font-family:Arial Black;
	font-weight:800 !important;
	letter-spacing:-2px;
	line-height:0.8em;
	font-size:200%;
	color: #FBC200;
	margin:40px 0 -2px 8px  ;
	}

.logo_jaune span,
#STRUCTURE-EXPLOITATION .TETIERE .logo_jaune span,
#ENTETE .logo_jaune h1 span{
	font-family:Arial;
	font-weight:100;
	color: black;
	}
		
#ENTETE h2 {
	font-weight:400;
	font-size:80%;
	margin:0;
	}	
	
	
#ENTETE a {
	color:#000;
	}	
	
#ENTETE .ZONE {
	width:960px;
	background:transparent url(../img/fonds/ombre-pied-zone.png) repeat-x bottom left !important ;
	padding-bottom:30px;
	}
	
.ENTETE-GAUCHE {
	float:left;
	width:306px;
	}
	
.ENTETE-DROITE {
	float:left;
	width:960px;
	padding-top:0px;
	}	


#MENU-GENERAL{
	background-color:#bea591;
	width:960px;
	margin:0 auto;
	}
	
/*
TETIERE
------------------------------------------------------  */

.TETIERE {

	background:transparent url(../img/fonds/blanc-transp-30.png) repeat top right;
	/*width:960px !important;*/
	width:960px; /* ******************************************************** */
	margin: 0px auto 0px auto ;
	/*background-color:#fff;*/
	/*background:transparent url(../img/fonds/blanc-transp.png) repeat top right !important;*/
	/*background:#776354 url(../img/fonds/fd-body.gif) repeat-x 0 -200px ;*/
	padding-top:00px;
	text-align:center;
	/*background:transparent url(../img/logo/spidou-big-transp.png) no-repeat 0 0;*/

	}
.TETIERE .ZONE {
	
	width:960px;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;	
	margin:0 auto;
	}	

#STRUCTURE-EXPLOITATION .TETIERE,	
#APROLLIANCE .TETIERE {
	/*background:transparent url(../img/fonds/fd-entete-light.jpg) no-repeat top right;*/
	}
#STRUCTURE-EXPLOITATION .TETIERE .ZONE,
#APROLLIANCE .TETIERE .ZONE {
	/*margin:0 auto;*/
	background:transparent url(../img/design/puzzle-transp.png) no-repeat -0% 60%;
	}

#STRUCTURE-EXPLOITATION .TETIERE h1,
#APROLLIANCE .TETIERE h1 {
font-size:260%;
margin:0 !important;
padding:0 !important;
}

#STRUCTURE-EXPLOITATION .TETIERE h2,
#APROLLIANCE .TETIERE h2 {
color:#000;
margin:0 !important;
padding:0 !important;
font-size:236%;
font-weight:100 !important;
}

#STRUCTURE-EXPLOITATION .TETIERE h3,
#APROLLIANCE .TETIERE h3{
color:#000;
margin:8px 0 10px 0  !important;
padding:0 !important;

}

#STRUCTURE-EXPLOITATION .TETIERE h4,
#APROLLIANCE .TETIERE h4 {
color:#000;
margin:0 0 30px 0 !important;
padding:0 !important;
}


	
/*.TETIERE .ZONE
.TETIERE .COLONNE,*/
.TETIERE .TITRE,
.TETIERE  .ILLUSTR {
	height:142px;
	}



.ombre-vert-gch {
z-index:990;
/*margin-top:-144px;*/
height:142px;
float:left;
border:0px solid red;
position:absolute;
	background:transparent url(../img/fonds/ombr-vert-gch.png) repeat-y top left;
	}



.TETIERE .TITRE {
	height:143px;
	width:270px;
	border-width:0px0px 0 0;
	border-style:solid;


	}

.TETIERE .ILLUSTR {
	height:143px;
	width:720px;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#fff !important;
		color:#000 !important;
	}

.TETIERE .CHAPEAU {
width:450px;
height:143px;
	border-bottom:0px solid #cbbcae;
	}

#INDEX-METIER .TETIERE .CHAPEAU,
#INDEX-METIER #myGallery {
	display:none !important;
	}

#INDEX-METIER .TETIERE .ILLUSTR {
	background:none !important;
	}



.TETIERE h3 {
	letter-spacing:0.7em;
	}



		
/* -----------------------------------------------------  */
	

#TERTIAIRE .TETIERE {
	/*background-color:#ee7e17 !important;*/
	/*border-bottom:1px solid #fca14d;*/
	/*border-top:1px solid #c1b5ab;*/
	}

#TERTIAIRE .TETIERE .ILLUSTR,
#TERTIAIRE #myGallery {
	background:#ee7e17 url(../img/interface/tetiere/tertiaire.jpg) no-repeat 0px 0px ;
	border-color:#fca14d;
	}
	
#TERTIAIRE .TETIERE .TITRE {
	background:transparent url(../img/fonds/orange-transp.png) repeat !important ;
	border-color:#fca14d;
	}




#PUBLIC .TETIERE {
	/*background-color:#e31c22 !important;*/
	/*border-bottom:1px solid red;*/
	}
	
#PUBLIC .TETIERE .ILLUSTR,
#PUBLIC #myGallery    {
	background:#e31c22 url(../img/interface/tetiere/public.jpg) no-repeat  0px 0 ;
	border-color:red;
	}
#PUBLIC .TETIERE .TITRE {
	background:transparent url(../img/fonds/rouge-transp.png) repeat !important ;
	}



#SANTE .TETIERE {
	/*background-color:#25a33e !important;*/
	/*border-bottom:1px solid #3fc559;*/
	}
	
#SANTE .TETIERE .ILLUSTR,
#SANTE #myGallery  {
	background:#25a33e url(../img/interface/tetiere/sante.jpg) no-repeat  0px 0;
	border-color:#3fc559;
	}	

#SANTE .TETIERE .TITRE {
	background:transparent url(../img/fonds/vert-transp.png) repeat !important ;
	}

		
#INDUSTRIE .TETIERE {
	/*background-color:#15a1c6 !important;*/
	/*border-bottom:1px solid #47c3e4;*/
	}
	
#INDUSTRIE .TETIERE .ILLUSTR,
#INDUSTRIE #myGallery {
	background:#15a1c6 url(../img/interface/tetiere/industrie.jpg) no-repeat -50px 0;
	border-color:#47c3e4;
	}

#INDUSTRIE .TETIERE .TITRE {
	background:transparent url(../img/fonds/bleu-transp.png) repeat !important ;
	}




#AGROALIMENTAIRE .TETIERE {
	/*background-color:#a7c97e !important;*/
	/*border-bottom:1px solid #cbeda2;*/
	}
	
#AGROALIMENTAIRE .TETIERE .ILLUSTR,
#AGROALIMENTAIRE #myGallery {
	background:#a7c97e url(../img/interface/tetiere/agroalimentaire.jpg) no-repeat -50px 0;
	border-color:#cbeda2;
	}

#AGROALIMENTAIRE .TETIERE .TITRE {
	background:transparent url(../img/fonds/emeraude-transp.png) repeat !important ;
	}




#AEROLIQUE .TETIERE {
/*	background-color:#f2bd00 !important;*/
	/*border-bottom:1px solid #ffd547;*/
	}
	
#AEROLIQUE .TETIERE .ILLUSTR,
#AEROLIQUE #myGallery {
	background:#f2bd00 url(../img/interface/tetiere/aerolic.jpg) no-repeat -50px 0;
	border-color:#ffd547;
	}
#AEROLIQUE .TETIERE .TITRE {
	background:transparent url(../img/fonds/jaune-transp.png) repeat !important ;
	}




#ANTIPARASITAIRE .TETIERE {
/*	background-color:#f2bd00 !important;*/
	/*border-bottom:1px solid #B19B84;*/
	}
	
#ANTIPARASITAIRE .TETIERE .ILLUSTR,
#ANTIPARASITAIRE #myGallery {
	background:#B19B84 url(../img/interface/tetiere/antiparasite.jpg) no-repeat -50px 0;
	border-color:#B19B84;
	}
#ANTIPARASITAIRE .TETIERE .TITRE {
	background:transparent url(../img/fonds/gris-transp.png) repeat !important ;
	}



#DECAPAGE .TETIERE {
/*	background-color:#f2bd00 !important;*/
	/*border-bottom:1px solid #e3ab00;*/
	}
	
#DECAPAGE .TETIERE .ILLUSTR,
#DECAPAGE #myGallery {
	background:#e3ab00 url(../img/interface/tetiere/decapage.jpg) no-repeat -50px 0;
	border-color:#e3ab00;
	}
#DECAPAGE .TETIERE .TITRE {
	background:transparent url(../img/fonds/jaune-or-transp.png) repeat !important ;
	}






.TETIERE h3 ,.TETIERE h2 ,.TETIERE h1 {
	padding-left:20px !important;
	margin:0 !important;
	}
	
.TETIERE h1 {
	font-size:1.6em;
	margin:0 80px 10px 0 !important;

	}
.TETIERE h2 {
	font-size:2.8em;
	color:#fff;
	}	

.TETIERE h3 {
 	padding-top:30px;
	font:800 10px Arial, Helvetica, sans-serif;
	color:#000;
	
	}
	
.TETIERE .chapeau {
	margin:20px 120px 0px 20px !important;
	padding:0px !important;
	font-size:1.2em;
	color:#59493b;
	}	
	
.TETIERE ul {
	margin-top:30px;
	font-size:1.0em;
	color:#fff;
	}	

/*
NAVIGATION GLOBAL
------------------------------------------------------  */	

	
#NAVIGATION{
	/*width:912px;*/
	text-align:center;
	margin-top:00px;
	/*background:#ebebeb url(../img/fonds/fd-body.jpg) repeat-x 0 -57px ;*/
	/*background:#000 url(../img/fonds/ombr_page.png) repeat-y top center;*/
	background:transparent url(../img/fonds/ombre-pied-zone.png) repeat-x bottom left !important ;
	
	}
	
#NAVIGATION .ZONE {
	width:960px;
	margin: 0px auto ;
	}	

#NAVIGATION .top_menu {
	background:transparent url(../img/fonds/top-fenetre.png) no-repeat top center;
	height:6px;
	overflow:hidden;
	}	


/*
CONTENU
------------------------------------------------------  */	

	
#CONTENU {
	width:960px;
	/*background-color:#fff;*/
	background:#fff url(../img/design/puzzle-transp.png) no-repeat bottom left !important ;
	}
	
	
#CONTENU .ZONE{
	background:transparent url(../img/fonds/ombre-tete-zone.png) repeat-x top left !important ;
	width:960px;
	color:#72493b;
	border-top:none;
	padding:60px 0;
	}
	
#CONTENU ul {
	margin:0px;
	padding:0px;
	font-size:1.6em;
	line-height:0.9em;
	font-weight:100;
	list-style:none;
	text-align:left;
	}
	
#CONTENU ul ul {
padding:10px 0 0 0;
	}	
#CONTENU li {
	color:#000;
	padding:8px 0 16px 240px;	
	border-top:1px solid #ded4cb;
	}
#CONTENU li li {
	color:#72493b;
	color:#555555;
	font-weight:100;
	font-size:10px;
	line-height:11px;
	padding:2px 0 0 00px  ; !important;	
	border-top:0px solid #ddd;
	}	

/*
ENCART-SERVICES
------------------------------------------------------  */
#ENCART-SERVICES {
	/*background-color:#fff;*/
	padding: 10px 0;
	color:#000;
	border-top:1px solid #000; 
	text-align:right;
	}
	
#ENCART-SERVICES p {
	/*background-color:#fff;*/
	padding: 10px 0;
	color:#72493b; 
	text-align: justify;
	border-top:0px;
}

#ENCART-SERVICES .CELLULE {
	border-left:0px solid #000;
	}

#ENCART-SERVICES h3 {
	font: 200 28px/14px Arial, Helvetica, sans-serif !important;
	margin:20px 10px 4px 0 !important;
	color:#72493b; 
	} 

#ENCART-SERVICES a {
	text-align:center;
	text-decoration:none;
	display:block;
	font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif !important;
	color:#000;
	padding:4px 0px !important;
	margin:0 !important;
	
	background:#bea591 url(../img/fonds/bt-inact.png) repeat-x top right;
	border-top:1px solid #f1edea;
	border-left:1px solid #f1edea;
	border-bottom:1px solid #cbbcae;	
	border-right:1px solid #b6a28f;
	}

#ENCART-SERVICES a img{
	border-bottom:1px solid #f1edea;
	border-right:1px solid #f1edea;
	border-top:1px solid #cbbcae;	
	border-left:1px solid #b6a28f;
	margin:4px auto 6px auto;
	}
	
#ENCART-SERVICES a:hover {
	border:1px solid #000;
	background-image:none;
	color:#fff;
	}
	
/*
ANNEXES
------------------------------------------------------  */
	
#ANNEXES {
	width:960px;
	/*background-color:#eee9e4;*/
	font-size:0.8em;
	margin:0px auto;
	background:#d5c6b9 url(../img/fonds/ombre-tete-zone.png) repeat-x top left !important ;
	background:transparent url(../img/fonds/coul-fd-annexes.png) repeat top center !important ;
	}
	
#ANNEXES .ZONE{
	/*background:transparent url(../img/fonds/ombre-tete-zone.png) repeat-x top left !important ;*/	
}	


#ANNEXES h2 {
margin:20px 0 0 0  !important;
padding-left:4px;
	font-size:1.7em;
	/*color:#fff;*/
	/*background-color:#000;*/
	}



#ANNEXES .encart-support{
	border-top:1px solid #fff;
	}
#ANNEXES .encart-support img{
	float:left;
	}
#ANNEXES .encart-support h1,
#ANNEXES .encart-support h2{
	float:left;
	margin:0;
	}
#ANNEXES .encart-support h1 {
	font:100 12px Arial Black;
	color:#999999;
	margin-top:10px;
	float:left;
	}	

#ANNEXES .encart-support h1 span {
	color:#000;
	font:100 9px arial;
	}

#annexes-pied {
height:18px;
	background:transparent url(../img/fonds/fd-pied-contenu.png) no-repeat top center !important ;
	}		

/*
PIED
------------------------------------------------------  */

#PIED {
	text-align:center;
	padding:80px 0;
	/*background:#ded4cb url(../img/fonds/fd-entete-light2.jpg) no-repeat 0 0 ;*/
	color: #000;
	font-size:110%;
	}
	
#PIED .ZONE {
	width:940px;
	color: #000;
	margin:0 auto;
	}	



#PIED h1 {
	font-family:Arial Black;
	font-weight:800 !important;
	line-height:0.8em;
	font-size:190%;
	color: #e80000;
	/*margin:40px 0 -2px 8px  ;*/
	}

#PIED .logo_jaune {
	color: #FBC200;
	} 
	
#PIED h1 span{
	font-family:Arial;
	font-weight:100;
	color: black;
	}
	
#PIED h3 {
	font-size:100%;
	margin:0;
	}

	
/*
===== 6: Calques containeurs secondaire (sur-colonnage) =====
*/	
	
hr {
	visibility:hidden;
	clear:both;
	padding:0;
	margin:0;
	}

.spacer {
	clear:both;
	padding:0;
	margin:0 0 -1px 0 ;
	height:1px;
	}
.spacerGauche {
	clear:left;
	padding:0;
	margin:0 0 -1px 0 ;
	height:1px;
	}	

.COLONNE,	
.COLONNE_DROITE {
	border:0px dotted green;
	}

.COLONNE {
	float:left;
	}
	
.COLONNE_DROITE {
	float:right;
	}	

.conteneur {
	margin:0 0px;
	}


.un_quart {
	width:24%;
	}	
	
.un_tier {
	width:300px;
	}	
	
.deux_tiers {
	width:450px;
	}
		
.un_demi {
	width:390px;
	}	


/*-----------------------------------------
raton carte du reseau aprolliance
---------------------------------------- */