/**** 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; }
 
.toppage						{ text-align:right; }
.toppage a						{ font-size:10px; color:#ff6000; }
.toppage a:hover				{ color:#ff8000; }


/**** STRUCTURE ************************************************************************************/
#all							{ position:relative; margin:20px auto 0 auto; width:885px; border:8px solid #fff; text-align:left; background:#efede9 url(../img/bg_content.png) repeat-x 0 0; }

/**** HEADER ************************************************************************************/
#header							{ height:130px; position:relative; text-align:right; margin:20px 30px 0 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; }

#langues						{ position:absolute; top:0; left:175px; background-color:#fff; padding:0 5px 1px 5px; color:#ff6000; z-index:100; }
#langues a						{ font-size:10px; color:#b4b4aa; text-decoration:none; }
#langues a:hover				{ color:#ff6000; text-decoration:underline; }

#sidebar						{ background-color:#efede9; width:170px; height:auto !important; position:absolute; top:0; left:0; z-index:200; }
#marquepage						{ position:absolute; top:270px; left:-35px; width:190px; height:190px; background-color:#ff6000; }
#marquepage h3					{ position:absolute; bottom:3px; right:5px; color:#fff; font:normal 22px "Trebuchet MS" Arial; text-align:right; text-transform:uppercase; }

/**** MENU ************************************************************************************/
#menu							{ position:relative; }
#menu ul						{ margin:0; padding:0; list-style-type:none; }
#menu ul *						{ float:left; display:block; }
#menu ul li						{ margin:0 0 0 0; padding:0; list-style-type:none; text-align:left; }
#menu ul li a					{ padding-left:15px; margin-bottom:5px; color:#78786e; font:normal 12px "Trebuchet MS" Arial; text-transform:uppercase; text-decoration:none; clear:left; width:155px; }
#menu ul li a:hover,
#menu ul li a.actif				{ color:#fff; background:#ff6000 url(../img/menu_actif.gif) no-repeat 0 5px; }


/**** CONTENT ************************************************************************************/
#content						{ height:auto !important; height:390px; min-height:390px; width:430px; margin:0 0 0 200px; /*border:1px solid #ff6000;*/ }

/* 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:20px; }
.TopRight						{ position:absolute; top:160px; right:20px; }
#note							{ background:url(../img/white-60.png); margin:0 0 0 20px; width:210px; height:auto !important; height:240px; min-height:240px; }
#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; }

/* Légendes */
acronym							{ cursor:pointer; }
acronym:hover					{ color:#ff6000; }


/**** Schéma Accueil ************************************************************************************/
#bg_home						{ background:url(../img/bg_accueil.gif) no-repeat 0 0; position:absolute; top:0; left:170px; width:714px; height:540px; z-index:0; }
#bulles div a					{ color:#fff; text-decoration:none; font-family:"Trebuchet MS" Arial; text-transform:uppercase; cursor:help; }
#bulles							{ text-align:center; z-index:10; }

/* voir le fichier schema_lang pour le positionnement des bulles */

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

/* légendes */
#visionLegend10, #visionLegend20, #visionLegend30{ font-size:18px; position:absolute; text-align:center; }
#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; }

/* voir le fichier schema_lang pour le positionnement des bulles */


/**** 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; }


/**** Outils Impression ************************************************************************************/
#outils							{ text-align:right; position:absolute; top:130px; right:25px; z-index:300; }
#outils ul li					{ display:inline; list-style-type:none; margin:0 0 0 10px; text-align:right; }
#outils ul li a					{ font-size:10px; padding:2px 18px 2px 0; text-decoration:none; }
#outils ul li a:hover			{ color:#ff6000; }
#outils ul li a.li_print		{ background:url(../img/print.gif) no-repeat 100% 50%; }


/**** Contact ************************************************************************************/
.tab_contact td,
.form_admin table td			{ vertical-align:top; }
label							{ font-size:11px; font-weight:normal; text-transform:uppercase; }
.input_contact					{ width:190px; }
input[type=submit]				{ text-align:center; background:#64645a; border:none; color:#fff; padding:0 15px 0 15px; font:normal 14px "Trebuchet MS" Arial; text-transform:uppercase; }
input[type=submit]:hover		{ background:#ff6000; color:#fff; }


/**** Contact ************************************************************************************/
#cgv p							{ margin:10px 0 0 0; }


/**** FOOTER ************************************************************************************/
#footer							{ position:relative; margin:auto; width:900px; text-align:right; margin-top:2px; color:#fff; font-size:10px; }
#footer a						{ margin:0; padding:0; color:#fff; font-size:10px; text-decoration:none; }
#footer div						{ float:left; }




/**** ADMIN ************************************************************************************/
#content_admin					{ height:auto !important; height:390px; min-height:390px; width:650px; margin:0 0 0 200px; /*border:1px solid #ff6000;*/ }
table.tab_admin					{ width:100%; }
td.barV							{ width:15px; background:url(../img/barv.gif) repeat-y 0 0; }
.form_admin table				{ margin:10px 0; }