/**** FEUILLE DE STYLE AGRO FOOD INTEGRITY ************************************************************************************/
/*****************************************************************************************************************************/
/**** GÉNÉRAL ************************************************************************************/
*								{ font-family:Arial, Helvetica, sans-serif; }
body							{ margin:0; padding:0; font-size:12px; color:#64645a; text-align:justify; background:#323232 url(../img/bg_afi.gif) no-repeat right top; }
td								{ font-size:12px; color:#64645a; }
input, select, textarea			{ font-size:11px; color:#64645a; vertical-align:middle; }
input[type=text],
select, textarea				{ border:1px solid #a5a096; }
input[type=text]:focus,
select:focus, textarea:focus	{ border:1px solid #ff6e00; }
h1, h2, h3, h4, h5, h6			{ margin:0; padding:0; }
img								{ border:0; }
p								{ margin:0; text-align:justify; }
form							{ margin:0; padding:0; }

/* couleurs */
.orange							{ color:#ff6000; }
.jaune							{ color:#ff8000; }
.gris							{ color:#64645a; }
.color							{ color:#ff6000; }

/* liens */
a								{ color:#64645a; text-decoration:underline; }
a:hover							{ color:#ff6000; text-decoration:underline; }

/* listes */
ul, ul li						{ margin:0; padding:0; }
ul li							{ list-style-type:square; margin:0 0 5px 40px; padding:0; text-align:justify; }

/* Alignements */
.align_right					{ text-align:right; }
.align_left						{ text-align:left; }
.align_center					{ text-align:center; }
.left							{ float:left; }
.right							{ float:right; }
.clear							{ clear:both; height:1px; font-size:1px; }
 


/**** STRUCTURE ************************************************************************************/
#all							{ position:relative; width:680px; text-align:left; }

/**** HEADER ************************************************************************************/
#header							{ height:130px; position:relative; text-align:right; margin:0; z-index:100; }
#header h1 a					{ font:bold 36px Arial, Helvetica, sans-serif; color:#64645a; text-decoration:none; }
#header h1 span					{ color:#ff6000; }
#header h2						{ font:normal 12px Arial, Helvetica, sans-serif; color:#64645a; text-transform:uppercase; }
#header h2 span					{ color:#fff; }


/**** CONTENT ************************************************************************************/
#content						{ width:430px; }

/* Titres */
.titre							{ color:#64645a; font:normal 20px "Trebuchet MS" Arial; text-transform:uppercase; margin:10px 0; }
.titre strong					{ color:#ff6000; font:normal 24px "Trebuchet MS" Arial; text-transform:uppercase; }

/* Bloc Note */
.BotRight						{ position:absolute; bottom:0; right:0; }
.TopRight						{ position:absolute; top:160px; right:0; }
#note							{ margin:0 0 0 20px; width:210px; }
#note *							{ text-align:left; }
#note .inNote					{ margin:10px; }
#note span						{ display:block; font:normal 18px "Trebuchet MS" Arial; text-transform:uppercase; margin-top:10px; }
#note span.Or					{ color:#ff6000; }
#note span.Ja					{ color:#ff8000; }


/**** Schéma Accueil ************************************************************************************/
#bg_home						{ position:absolute; z-index:0; }
#bulles div a					{ color:#fff; text-decoration:none; font-family:"Trebuchet MS" Arial; text-transform:uppercase; }
#bulles							{ text-align:center; z-index:10; position:relative; height:200px; }

#bulle1							{ font-size:18px; position:absolute; top:0; left:118px; width:120px; }
#bulle2, #bulle3, #bulle4		{ position:absolute; font-size:10px; width:100px; }
#bulle2							{ top:115px; left:0px; }
#bulle3							{ top:155px; left:118px; }
#bulle4							{ top:115px; left:239px; }

/**** Schéma Vision ************************************************************************************/
#schema_vision					{ position:relative; width:405px; height:517px; z-index:0; }
#schema_vision div				{ text-decoration:none; font-family:"Trebuchet MS" Arial; text-transform:uppercase; text-align:center; z-index:10; }

/* légendes */
#visionLegend10, #visionLegend20, #visionLegend30{ font-size:18px; position:absolute; }
#schema_vision #visionLegend10	{ color:#323232; }
#schema_vision #visionLegend20	{ color:#ff6000; }
#schema_vision #visionLegend30	{ color:#fff; font-size:10px; text-transform:normal; }
#schema_vision #visionLegend30 strong { font-size:18px; font-family:"Trebuchet MS" Arial; text-transform:uppercase; cursor:help; }


/**** Formation ************************************************************************************/
#schemaFormation						{ width:587px; height:219px; position:relative; margin:40px auto; }

.etapes h5								{ font:normal 18px "Trebuchet MS" Arial; text-transform:uppercase; }
.etapes p								{ text-align:left; }

#etape1 h5								{ color:#ff8200; }
#etape2 h5								{ color:#ff7800; }
#etape3 h5								{ color:#ff6000; }


/**** Contact ************************************************************************************/
.tab_contact td					{ vertical-align:top; }
label							{ font-size:11px; font-weight:normal; text-transform:uppercase; }
.input_contact					{ width:190px; }
input[type=submit]				{ display:none; }
input[type=submit]:hover		{ background:#ff6000; color:#fff; }


/**** FOOTER ************************************************************************************/
#footer							{ position:relative; width:680px; text-align:center; border-top:1px solid #999; color:#999; margin-top:20px; padding-top:5px; }
#coordFooter					{ display:block; color:#0048ab; font-size:10px; }


#langues, #sidebar, #marquepage,
#outils, #footer span, #lightbox, #lightwindow *, #lightwindow_overlay	{ display:none; }