@charset "utf-8";
/* CSS Document */
html
{	
	background:url(../images/background.jpg) no-repeat center fixed;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */	
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;/* version standardisée */
	/*background-position : top center; centre le fond dans la fenêtre */	
    margin:0;
	padding:0;
}
body
{
	width: 100%;
	margin: auto;
    	
}
#page /* bloc qui va contenir toute la page web - evite les déplacement de chaque partie lors de zoom ou dézoom*/
{
	margin: auto; /* pour centrer tout le bloc */
	width: 984px;	
	
}

a img /* Toutes les images contenues dans un lien */
{
	border: none; /* Pas de bordure sur les liens du drapeau des langues du logo vitinnov etc...*/
}
/*************************************************************/
/*******************mise en forme du header*******************/
/*************************************************************/
.tab_header 
{
	width: 984px;	
	border-collapse: collapse;	
	background-color: white;
	box-shadow: 6px 6px 6px grey; /* ajoute une ombre grise sur le côté */
	-moz-box-shadow: 6px 6px 6px grey; 
	-webkit-box-shadow: 6px 6px 6px grey;
}

td.bouton_connexion
{
	width : 258px;
	height: 30px;
	padding-right: 10px;
	text-align : right;
	
}
td.vitinnov_logo
{
	text-align : center; /* pour centrer le logo vitinnov*/
}
tr.tr_liens_header
{
	height: 30px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
td.liens_header
{
	width: 258px;
	height: 30px;
	text-align : left;
	padding-left: 10px;
}
td.liens_header2, td.form_recherche, td.drap_langue 
{
	text-align : right;
	padding-right: 10px;
	width: 258px;
	height: 30px;
}

a.lien_du_header:link, a.lien_du_header:visited
{
	font:  0.8em "Trebuchet MS", "Arial Black", Arial;
	color: grey;
	text-decoration: none;
}
a.lien_du_header:hover
{
	font:  0.8em "Trebuchet MS", "Arial Black", Arial;
	color: grey;
	text-decoration: underline;
	font-weight: bold;
}
a.lien_page_en_cours:link, a.lien_page_en_cours:visited
{
	font:  0.8em "Trebuchet MS", "Arial Black", Arial;
	font-weight: bold;
	color: #8eb512;
	text-decoration: underline;
}
a.lien_page_en_cours:hover
{
	font:  0.8em "Trebuchet MS", "Arial Black", Arial;
	color: #8eb512;
	text-decoration: underline;
	font-weight: bold;
}
.form_recherche
{
	height: 30px;
	background-color: transparent;
}
.menu  /*bloc qui contient les boutons du menu Recherche, Prestation, Formation */
{
	width: 984px;
	height: 45px;
	padding: 0px;
	margin: 0px;
	/*border:1px solid black;*/
	border-radius: 0px 0px 10px 10px; /*arrondi de chaque boite */
	-moz-border-radius: 0px 0px 10px 10px; 
    -webkit-border-radius: 0px 0px 10px 10px;      
    -khtml-border-radius: 0px 0px 10px 10px;
	-o-border-radius: 0px 0px 10px 10px;
	-ms-border-radius: 0px 0px 10px 10px;
	box-shadow: 6px 6px 6px grey; /* ajoute une ombre grise sur le côté */
	-moz-box-shadow: 6px 6px 6px grey; 
	-webkit-box-shadow: 6px 6px 6px grey;
}
.case_recherche
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	width: 150px;
	color: grey;
	margin: 0;
	padding: 0;
}
.ok_case_recherche
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	color: grey;
	width: 30px;
	margin-left: -5px;
	padding: 0;
}
/************************************************************************/
/***********************Bare de navigation fil d'ariane******************/
/************************************************************************/

#barre_nav
{
	width: 984px;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
}
.text_barre_nav 
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	margin: 0px;
	padding-left: 5px;
}
/************************************************************************/
/************************PARTIE CONTENU DE LA PAGE **********************/
/************************************************************************/
table.tab_contenu
{
	width: 984px;
	margin: 0px;	
	border-collapse: collapse;
	background-color: white;	
	box-shadow: 6px 6px 6px grey;
	-moz-box-shadow: 6px 6px 6px grey; 
	-webkit-box-shadow: 6px 6px 6px grey;
	
	-moz-border-radius: 0px 0px 15px 15px; /* angles arrondis - code pour les différents navigateurs */
    -webkit-border-radius: 0px 0px 15px 15px; 
    border-radius: 0px 0px 15px 15px;          
    -khtml-border-radius: 0px 0px 15px 15px; 
	-o-border-radius: 0px 0px 15px 15px; 
	-ms-border-radius: 0px 0px 15px 15px;
}
td.cell_contenu
{
	width: auto; 
	font: 0.9em  "Trebuchet MS", "Arial Black", Arial;
	line-height: 1.4;
	color: black;
	text-align: justify;		
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin: 0px;
	vertical-align: top; /* permet de placer le contenu en haut de la cellule du tableau. au milieu par défaut*/
	/*border:1px solid black;*/
	
}
.titre_accueil, .titre_equipe, .titre_partenaire, .titre_mentions_legales, .titre_CGV
{
	font:  2em "Arial Black", "Trebuchet MS", Arial;
	color: grey;
	font-weight: bold;
	text-align: left;
	text-indent: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 10px;
}

.titre_publis
{
	font:  1.3em "Arial Black", "Trebuchet MS", Arial;
	color: white;
	text-decoration: none; 
	background-color: grey;
	padding: 5px;	
	float: right;
	text-indent: 0px;
	margin: 0px;
	border: 1px solid #DDD;
	border-radius: 10px; /*arrondi de chaque boite */
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;      
    -khtml-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}
.titre_formation
{
	font:  2em "Arial Black", "Trebuchet MS", Arial;
	color: #ad1f88;
	font-weight: bold;
	text-align: left;
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
}
.liste_formation li
{
	list-style: disc url(../images/puce_violette.jpg) outside;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	text-indent: 0px;
}

.text_rose
{
	color: #ad1f88;
	font-weight: bold;
}
.text_orange
{	
	text-decoration: underline;
	font: bold 1.2em "Trebuchet MS", "Arial Black", Arial;
	color: #eb5024; /*orange */	
}
.text_list_formation
{
	font: 1em  "Trebuchet MS", "Arial Black", Arial;	
	color: black;	
	text-align: justify;
	padding-bottom: 10px;	
}
a.readon_violet:link, a.readon_violet:visited
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	font-style: italic;
	color: #ad1f88;
	text-decoration: underline;
	font-weight: bold;
}
a.readon_violet:hover
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	font-weight: bold;
	color: #ad1f88;
	text-decoration: underline;
}

.titre_recherche
{
	display: inline;
	
	font:  2em "Arial Black", "Trebuchet MS", Arial;/*border:1px solid black;*/
	color: #013d86;
	font-weight: bold;
	text-align: left;
	text-indent: 10px;
	margin-left: 10px;
	padding-left: 0px;
}
.liste_recherche li
{
	list-style: disc url(../images/puce_bleu.jpg) outside;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 25px;
	text-indent: 0px;
}
.text_list_recherche
{
	font: 1em  "Trebuchet MS", "Arial Black", Arial;	
	color: black;	
	text-align: justify;
	padding-bottom: 10px;	
}
.prog_recherche li
{
	list-style: disc url(../images/puce_bleu.jpg) outside;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	text-indent: 0px;
}
.liste_prog_recherche
{
	font: 1em  "Trebuchet MS", "Arial Black", Arial;	
	color: black;	
	text-align: justify;
	padding-bottom:0px;	
}
img.cir /* Positionnement de l'image à gauche du texte page travaux_recherche.php*/
{
	float: left;
	margin-right: 20px;
	margin-left: 50px;
}
img.oidium /* Positionnement de l'image dans le cadre exemple de projet avec CIR*/
{
	float: right;
	border: 1px solid #013d86;
	margin: 10px;
	position: relative;
	top: 20px;
}
img.esca, img.damier /* Positionnement des images symptome esca et essai damier dans la page experimentation*/
{
	float: right;
	border: 1px solid #eb5024;
	margin: 10px;
	margin-top: 0px;
	position: relative;
	top: 20px;
}
img.test_ELISA /* Positionnement des images symptome esca et essai damier dans la page experimentation*/
{
	float: right;
	border: 1px solid #eb5024;
	margin: 10px;
	margin-top: 5px;
	margin-bottom: 15px;
	position: relative;
	top: 0px;
}
img.reunion
{
	margin-left: 100px;
		
}
img.piege_trianglue
{
	margin-left: 180px;
	border: 1px solid #eb5024;	
}
img.chambre-pression
{
	margin-left: 180px;
	border: 1px solid #eb5024;
}
img.accompagnement
{
	margin-left: 60px;
}
.image_projet
{
	vertical-align: top;	
}
img.biodivine, img.court-noue, img.court-noue2, img.plante, img.cartographie, img.drone, img.vigne, img.vitiforest, img.sol
{
	margin-top: 20px;
	margin-right: 15px;
	margin-left: 25px;
	margin-bottom: 15px;
	border: 1px solid grey;
}
.bouton_projet
{
	width: 100px;
	font: bold 1.5em  "Trebuchet MS", "Arial Black", Arial;
	color: white;
	border: none;
	background-color: #013d86;
	padding: 15px;
	margin-left: 60px;
	margin-right: 60px;
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px; 
		border-radius: 10px;         
		-khtml-border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
}
a.bouton_projet
{
	text-decoration: none;
}
.bouton_projet_termine /*Bouton pour revenir aux projets en cours ou projets terminés*/
{
	display: inline;
	font:  1em "Arial Black", "Trebuchet MS", Arial;
	color: #013d86;
	font-weight: bold;
	float: right;
	padding-top: 15px;
	padding-right: 15px;
	color: #013d86;
}

.texte_projets
{
	margin-left: 0px;/*pour ne pas décaler le texte afin de garder un espace faible par rapport à la photo*/
}
 .puce
{
	margin-left: 0px; /*pour ne pas décaler la puce  */
	
}
.puce_orange
{
	margin-left: 20px; /*pour ne pas décaler la puce  */
	margin-right: 10px;	
}
.non_justifie
{
	font: 0.9em  "Trebuchet MS", "Arial Black", Arial;
	text-align: left;
	line-height: 1.5;
}
.texte_vert /*lettre vertes du projet Phytae*/
{
	font: 1em  "Trebuchet MS", "Arial Black", Arial;
	color: green;
	font-weight: bold;
}
.texte_bleu
{
	font: "Trebuchet MS", "Arial Black", Arial;
	font-weight: bold;
	color: #013d86;	
}
.pas_de_retrait
{
	margin-top: 30px;
	font: 1em  "Trebuchet MS", "Arial Black", Arial;
	text-indent:0;
	text-align: justify;
}
.pas_de_retrait_stage
{
	font: 1em  "Trebuchet MS", "Arial Black", Arial;
	text-indent:0;
	text-align: justify;
}
.encadre_texte
{
	width: 490px;
	border: 2px solid #eb5024;
	padding: 10px;
	padding-top: 0px;
	padding-left: 30px;
	margin-left: 30px;
	margin-bottom: 20px;
	text-align: justify;
	-moz-border-radius: 35px; 
    -webkit-border-radius: 35px; 
    border-radius: 35px;         
    -khtml-border-radius: 35px;
	-o-border-radius: 35px;
	-ms-border-radius: 35px;
	list-style-type: square;
	font: 0.9em  "Trebuchet MS", "Arial Black", Arial;	
}
.encadre_texte li
{
	list-style: disc url(../images/puce_orange.jpg) outside;
	padding-top: 10px;
	padding-bottom: 10px;
	text-indent: 0px;
}
a.readon_bleu:link, a.readon_bleu:visited
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	font-style: italic;
	color: #013d86;
	text-decoration: underline;
	font-weight: bold;
}
a.readon_bleu:hover
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	font-weight: bold;
	color: #013d86;
	text-decoration: underline;
}
.titre_prestation
{
	font:  2em "Arial Black", "Trebuchet MS", Arial;
	color: #eb5024;
	font-weight: bold;
	text-align: left;
	text-indent: 10px;
	margin: 0px;
	padding: 0px;
}
.liste_prestation li
{
	list-style: disc url(../images/puce_orange.jpg) outside;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 15px;
	text-indent: 0px;
}
.text_list_prestation
{
	font: 1em  "Trebuchet MS", "Arial Black", Arial;	
	color: black;	
	text-align: justify;
	padding-bottom: 10px;	
}
a.readon_orange:link, a.readon_orange:visited
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	font-style: italic;
	color: #eb5024;
	text-decoration: underline;
	font-weight: bold;
}
a.readon_orange:hover
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	font-weight: bold;
	color: #eb5024;
	text-decoration: underline;
}
#Global /* Positionnement des différentes prestations sur la page prestation*/
{
    width:100%;
	border:1px solid white; /* permet d'aligner les 2 boites à l'intérieur sinon il y a un décalage */
	margin-bottom: 20px;
}
#Global #gauche {
	
    float:left;
    width:50%;
}
#Global #droite {
    margin-left:50%;
	
}
img.image_equipe
{
	padding: 10px 30px;
	margin-bottom: 30px;
	border: 1px solid grey;
}
.nom_personne_equipe
{	
	font-weight: bold;
	color: #8eb512;
}
.text_tab_equipe
{
	font: 0.8em "Trebuchet MS", "Arial Black", Arial;
	padding-bottom: 40px;
}
.text_tab_equipe a
{
	color: black;
	font-weight: bold;
}
table.tab_partenaire
{
	width: 984px;border:1px solid black;
	margin-bottom: 100px;
	padding-left: 20px;
	padding-right: 20px;
	border-collapse: separate;
	background-color: white;	
	box-shadow: 6px 6px 6px grey;
	-moz-box-shadow: 6px 6px 6px grey; 
	-webkit-box-shadow: 6px 6px 6px grey;
}
img.image_partenaire
 {
	border: 1px solid grey;	
	width: 120px;
	padding: 0px;
	margin-left: 10px;
 }
 .text_tab_partenaire
 {
	font: 0.8em "Trebuchet MS", "Arial Black", Arial;
	padding-left: 10px;
	height: 150px;
	width: 350px;	
 }
 .web_lien
 {
	color: black;
	font-weight: bold;
	text-decoration: none;
 }
 .web_lien2
 {
	color: #eb5024;
	font-weight: bold;
	text-decoration: underline;
 }
 .web_lien_projet
 {
	float: right;
	color: black;
	font-weight: bold;
	text-decoration: underline;
 }
a.lien_stage:link, a.lien_stage:visited
 {
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	color: black;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
 }
a.lien_stage:hover
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	font-weight: bold;
	color: black;
	color: grey;
	text-decoration: underline;
}
.souligne
{
	text-decoration: underline;
}

.photo_equipe /*centre la photo d'équipe sur la page présentation*/
{
	margin-bottom: 50px;
	width: 984px;
	text-align: center;
	font: 1em  "Trebuchet MS", "Arial Black", Arial;
}
#video1 /*centre video sur la page présentation*/
{
width:600px;
margin-left: 200px;
} 
table.table_location
{
	 border-collapse: collapse;	 
	 width: 500px;
	 margin: 30px;	 
}
.table_location td
{
	border: 1px solid #eb5024;
	text-align: center;
	padding: 10px;
}
article
{
	width:954px;	
	background-color: white;
	padding: 15px;
	vertical-align: top;
	box-shadow: 6px 6px 6px grey; /* ajoute une ombre grise sur le côté */
	-moz-box-shadow: 6px 6px 6px grey; 
	-webkit-box-shadow: 6px 6px 6px grey;
}
/* bouton déconnexion espace membre*/
a.bouton_deconnexion:link, a.bouton_deconnexion:visited
{
	font: 0.9em  "Trebuchet MS", "Arial Black", Arial;
	color: white;
	text-decoration: none;
	padding: 4px;	
	border-radius: 5px 5px 5px 5px;  /*arrondi de chaque boite */
	background-color: #d3d4d7;
	background-image:-webkit-linear-gradient(top, #d3d4d7 0%, #60636a 100%);
	background-image:linear-gradient(to bottom, #d3d4d7 0%, #60636a 100%);
}

.bouton_deconnexion
{
float: right;
}

/*logos page d'accueil*/

.logo-accueil1
{
	margin-left: 10px;
}
.logo-accueil
{
	margin-left: 35px;
}
p
{
	font: 0.9em  "Trebuchet MS", "Arial Black", Arial; line-height: 1.4;
}
/***********************************************************************/
/***********************page journées agroécologie******************************/
/***********************************************************************/
table.titre_agroecologie
{
	width: 630px;
	margin: 0px;	
	border-collapse: collapse;
	background-color: white;
	/*border: 1px solid green;*/
}
table.contenu_agroecologie
{
	width: 630px;
	margin: 0px;	
	border-collapse: collapse;
	background-color: white;
	/*border: 1px solid red;*/
}
.titre_JT_agroecologie
{
	font:  1.3em "Arial Black", "Trebuchet MS", Arial;
	text-align: center;
	color: #ad1f88;
	font-weight: bold;
	text-align: center;
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
}
a.lien_JT_agroeco:link ,a.lien_JT_agroeco:visited 
{
	font:  1.3em "Arial Black", "Trebuchet MS", Arial;font-weight: bold;
	text-align: center;
	color: #ad1f88;
	text-decoration: none;
}
a.lien_JT_agroeco:hover 
{
	font:  1.3em "Arial Black", "Trebuchet MS", Arial;font-weight: bold;
	text-align: center;
	color: #ad1f88;
	text-decoration: none;
}
.liste_JT_agroeco li
{
	list-style: disc url(../images/puce_violette.jpg) outside;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	text-indent: 0px;
	font: 1.3em  "Trebuchet MS", "Arial Black", Arial;
	text-align: left;
	color: #ad1f88;
	padding-bottom: 10px;
	padding-top: 20px;
}
.text_JT_petit
{
	font: 0.8em "Trebuchet MS", "Arial Black", Arial;
	text-align: left;
	color: #ad1f88;
}
a.readon_JT:link, a.readon_JT:visited
{
	font:  1em "Trebuchet MS", "Arial Black", Arial;
	font-style: italic;
	color: #ad1f88;
	text-decoration: underline;	
}
a.readon_JT:hover
{
	font:  1.1em "Trebuchet MS", "Arial Black", Arial;
	font-weight: bold;
	color: #ad1f88;
	text-decoration: underline;	
}
.cell_logo_vitinnov
{
	/*border-width:1px;
	border-style:solid; 
	border-color:red;*/
	width: 150px;
}
.logo-BSA
{
	margin-right: 20px;
	/*border: 1px solid blue;*/
}

.text_agroeco
{
	padding-left: 5px;
	font: 0.9em  "Trebuchet MS", "Arial Black", Arial;line-height: 1.4;
}
.soulign_text_JT_Agroeco
{
	text-decoration: underline;
}
.centre_encadre
{
	display: inline-block;
	width: 280px;
	margin-left: 160px;
	font: 1.2em  "Trebuchet MS", "Arial Black", Arial;
	border: 2px solid black;
	padding: 3px;
	text-align: center;
}
.semis2
{
	padding-left: 5px;
}

/***********************************************************************/
/***********************Pub page d'accueil******************************/
/***********************************************************************/
table.pub
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	width: 984px;	
	padding: 0px;
	margin-top: 20px;
	border-collapse: collapse;
	/*background-color: white;	*/
	
	box-shadow: 6px 6px 6px grey;
	-moz-box-shadow: 6px 6px 6px grey; 
	-webkit-box-shadow: 6px 6px 6px grey;
	-moz-border-radius: 0px 0px 15px 15px; /* angles arrondis - code pour les différents navigateurs */
    -webkit-border-radius: 0px 0px 15px 15px; 
    border-radius: 0px 0px 15px 15px;          
    -khtml-border-radius: 0px 0px 15px 15px; 
	-o-border-radius: 0px 0px 15px 15px; 
	-ms-border-radius: 0px 0px 15px 15px; 
}
.cell_pub
{
	width: 650px;	
	padding-top: 5px;	
	margin: 0px;
	text-align: center;
}
.text_pub_index
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	color: Black;
	padding: 10px;
	text-align: justify;
}
a.text_pub_index_lien:link, a.text_pub_index_lien:visited
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	color: black;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}

a.text_pub_index_lien:hover
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	font-weight: bold;
	color: orange;
	text-decoration: underline;
}
.text_voeux
{
	font:  1.9em "Trebuchet MS", "Arial Black", Arial;
	font-weight: bold;
	color: grey;
	text-align: justify;
	padding-right: 10px;
}
/************************************************************************/
/*************************PARTIE ACTUALITE*******************************/
/************************************************************************/
td.cell_news
{
	width: 328px;
	/*height: 315px;*/
	margin: 0px;
	padding: 0px;
	background-image:url(../images/fond_news_accueil.jpg); /* image de fond de la colonne actualité*/
	background-repeat:no-repeat;
	vertical-align: top; /*aligne le contenu en haut - c'est au milieu par défaut*/
	-moz-border-radius: 0px 0px 15px 0px; /* angles arrondis - code pour les différents navigateurs */
    -webkit-border-radius: 0px 0px 15px 0px; 
    border-radius: 0px 0px 15px 0px;          
    -khtml-border-radius: 0px 0px 15px 0px; 
	-o-border-radius: 0px 0px 15px 0px; 
	-ms-border-radius: 0px 0px 15px 0px;
}
td.cell_news_formation
{
	width: 328px;
	height: 315px;
	margin: 0px;
	padding: 0px;	
	background-image:url(../images/fond_news_formation.jpg); /* image de fond de la colonne actualité*/
	background-repeat:no-repeat;
	vertical-align: top; /*aligne le contenu en haut - c'est au milieu par défaut*/
	-moz-border-radius: 0px 0px 15px 0px; /* angles arrondis - code pour les différents navigateurs */
    -webkit-border-radius: 0px 0px 15px 0px; 
    border-radius: 0px 0px 15px 0px;          
    -khtml-border-radius: 0px 0px 15px 0px; 
	-o-border-radius: 0px 0px 15px 0px; 
	-ms-border-radius: 0px 0px 15px 0px;
}
td.cell_news_recherche
{
	width: 328px;
	height: 315px;
	margin: 0px;
	padding: 0px;	
	vertical-align: top; /*aligne le contenu en haut - c'est au milieu par défaut*/
	background-image:url(../images/fond_news_recherche.jpg); /* image de fond de la colonne actualité*/
	background-repeat:no-repeat;
	-moz-border-radius: 0px 0px 15px 0px; /* angles arrondis - code pour les différents navigateurs */
    -webkit-border-radius: 0px 0px 15px 0px; 
    border-radius: 0px 0px 15px 0px;          
    -khtml-border-radius: 0px 0px 15px 0px; 
	-o-border-radius: 0px 0px 15px 0px; 
	-ms-border-radius: 0px 0px 15px 0px;
}
td.cell_news_prestation
{
	width: 328px;
	height: 315px;
	margin: 0px;
	padding: 0px;	
	vertical-align: top; /*aligne le contenu en haut - c'est au milieu par défaut*/
	background-image:url(../images/fond_news_prestation.jpg); /* image de fond de la colonne actualité*/
	background-repeat:no-repeat;
	-moz-border-radius: 0px 0px 15px 0px; /* angles arrondis - code pour les différents navigateurs */
    -webkit-border-radius: 0px 0px 15px 0px; 
    border-radius: 0px 0px 15px 0px;          
    -khtml-border-radius: 0px 0px 15px 0px; 
	-o-border-radius: 0px 0px 15px 0px; 
	-ms-border-radius: 0px 0px 15px 0px;
}
.news_text
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	color: white; /* couleur du fond de la colonne actualité*/
	text-align: justify;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 0px;
	margin-bottom: 20px;
	margin-top: -25px;
}
.text_JT  /*page d'accueuil journée technique mars 2017*/
{
	margin-top: 150px;
	/*border: 1px solid grey;*/
	text-align: justify;
	font: 0.9em  "Trebuchet MS", "Arial Black", Arial;
	line-height: 1.4;
	color: grey;
	font-style: italic;
	padding: 10px;
}
.bouton_inscription_JT /*page d'accueuil journée technique mars 2017*/
{
	margin-left: 60px;
	padding: 5px;
	border: 1px solid grey;
	font:  1em "Arial Black", "Trebuchet MS", Arial;
	color: grey;
	font-weight: bold;
	text-decoration: none;
}
h1.titre_actualites
{
	font:  2.2em "Arial Black", "Trebuchet MS", Arial;
	color: white;
	font-weight: bold;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}
.lien_news:link, .lien_news:visited
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	color: white;
	font-style: italic;	
	
	
}
.lien_news:hover
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	color: white;
	font-style: normal;
	font-weight: bold;
	
}
/************************************************************************/
/**********************Formulaire envoie CV et lettre motivation*********/
/************************************************************************/
.form_candidature_spontanee
{
	width: 300px;
	
	border: 1px solid grey;
	margin-top: 10px;
	margin-left: 5px;
	padding: 5px;
}
table.form_candidature td
{
	font: 0.9em  "Trebuchet MS", "Arial Black", Arial;
	padding-bottom: 20px; 
}
td.cell_form
{
	vertical-align: top;
}
.bouton_envoyer
{
	font: 1em  "Trebuchet MS", "Arial Black", Arial;
	color: grey;
	text-decoration: none; 
	background-color: white;
	padding: 5px 10px 5px 10px;
	position: relative;
	left: 50%;
	margin-left: -18px;
	border: 1px solid grey;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		border-radius: 5px;         
		-khtml-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
}
.bouton_parcourir
{
	font: 1em  "Trebuchet MS", "Arial Black", Arial;
	color: grey;
	text-decoration: none; 
	background-color: white;
	padding: 0px 10px 0px 0px;
	
}
/************************************************************************/
/***************************Publications*********************************/
/************************************************************************/
.liste_publis
{
margin-top: 10px;

}
.publis
{
	color: grey;
	font: 1.2em "Trebuchet MS", "Arial Black", Arial;
	font-weight: bold;
	padding-bottom: 5px;
	margin-top: 20px;
}

.liste
{
	list-style: square outside;
	font: 0.9em  "Trebuchet MS", "Arial Black", Arial;
	color: black;
	line-height: 1.5;
	text-indent: 0px;
	text-align: justify;
	padding-bottom: 20px;

}
td.text_pub
{
	width: 370px;
	text-align: justify;
}
/************************************************************************/
/***************************Mentions légales*****************************/
/************************************************************************/
section.mentions_legales, section.plan
{
	width: 974px;
	margin: 0px;
	margin-bottom: 10px;	
	padding-left: 10px;
	padding-bottom: 10px;
	background-color: white;
	margin-bottom: 30px;
	box-shadow: 6px 6px 6px grey;
	-moz-box-shadow: 6px 6px 6px grey; 
	-webkit-box-shadow: 6px 6px 6px grey;
}
/************************************************************************/
/*****************************CGV****************************************/
/************************************************************************/
section.CGV
{
	width: 974px;
	height: 500px;
	margin: 0px;
	margin-bottom: 10px;	
	padding-left: 10px;
	padding-bottom: 10px;
	background-color: white;
	margin-bottom: 30px;
	box-shadow: 6px 6px 6px grey;
	-moz-box-shadow: 6px 6px 6px grey; 
	-webkit-box-shadow: 6px 6px 6px grey;
}
/************************************************************************/
/****************************Plan du site********************************/
/************************************************************************/
.list_lien
{
	list-style-type: square;
	font:  0.8em "Trebuchet MS", "Arial Black", Arial;
	color: grey;
	width: 200px;
}
.list_lien a:link, .list_lien a:visited
{
	color: grey;
	text-decoration: none;
	display:block;
}
.list_lien a:hover
{
	text-decoration: underline;
	color: black;
}
.list_lien2
{
	list-style-type: none;
	font:  0.8em "Trebuchet MS", "Arial Black", Arial;
	text-indent: 15px;
	color: grey;
	width: 400px;
}
.list_lien2 a:link, .list_lien2 a:visited
{
	color: grey;
	text-decoration: none;
	display:block;
}
.list_lien2 a:hover
{
	text-decoration: underline;
	color: black;
}

/************************************************************************/
/***************************Formulaire de contact************************/
/************************************************************************/
td.cell_contact
{	
	width: 480px; /* largeur de la cellule*/
	font: 0.9em  "Trebuchet MS", "Arial Black", Arial;
	text-align: left;
	padding: 10px; /*marge interne pour ne pas que le contenu soit trop près du bord*/
	margin: 0px;
	vertical-align: top;	
	
}
td.cell_localisation
{
	
	width: 400px; /* largeur totale - largeur photo - padding x 2 soit 384-329-10-10=635 */
	font: 0.9em  "Trebuchet MS", "Arial Black", Arial;
	text-align: justify;
	padding: 10px 20px; /*marge interne pour ne pas que le contenu soit trop près du bord*/
	padding-top: 60px;
	vertical-align: top;
}
.contact
{
	font: 0.8em  "Trebuchet MS", "Arial Black", Arial;
	color:  black;
	text-indent:0;
	margin-left: 0;
	padding-left: 0;
}
.etoile_contact
{
	font: 1.5em  "Trebuchet MS", "Arial Black", Arial;
	color:  red;
	text-indent:0;
	margin-left: 0;
	padding-left: 0;
}
.erreur /* message d'erreur dans formulaire contact*/
{
	font: 1.2em  "Trebuchet MS", "Arial Black", Arial;
	color:  red;
	text-indent:0;
}
.reussi /* succès envoi mail depuis formulaire contact*/
{
	font: 1.2em  "Trebuchet MS", "Arial Black", Arial;
	color:  green;
	text-indent:0;
}
.bouton_renvoie
{
	font: bold 1em  "Trebuchet MS", "Arial Black", Arial;
	color: white;
	text-decoration: none; 
	background-color: grey;
	padding: 5px;	
	margin-right: 20px;
	border: none;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		border-radius: 5px;         
		-khtml-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
}
.bouton_envoie
{
	width: 100px;
	font: bold 1.2em  "Trebuchet MS", "Arial Black", Arial;
	color: white;
	border: none;
	background-color: grey;
	padding: 5px;
	margin-left: 100px;
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px; 
		border-radius: 10px;         
		-khtml-border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
}
.text_vert
{
	font: bold 1.5em  "Trebuchet MS", "Arial Black", Arial;
	color: #8eb512;
}
.cell_localisation a
{
	color: black;
	font-weight: bold;
}
/************************************************************************/
/**********************PARTIE TABLEAU PUBLICATION************************/
/************************************************************************/
td.cell1_tab_publi
{
	width: 656px;
}
td.cell2_tab_publi
{
	width: 328px;	
	text-align: center;
}
.tab_publications h1
{
	font:  2em "Arial Black", "Trebuchet MS", Arial;
	color: grey;
	font-weight: bold;
	text-align: left;
}
a.lien_page_publi
{
	font:  1.3em Arial, "Arial Black", "Trebuchet MS";
	color: white;
	padding: 10px;
	background-color: grey;
	text-decoration: none;
	border-radius: 10px; /*arrondi de chaque boite */
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;      
    -khtml-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}
/************************************************************************/
/********************PARTIE TABLEAUX PRESENTATION************************/
/************************************************************************/
table.tab_presentation
{
	width: 984px;
	margin: 0px;
	border-collapse: separate;
	border-spacing: 10px; /*Ecartement entre chaque cellule du tableau*/
	margin-top: 15px;
	margin-bottom: 100px; /* pour repousser le pied de page */
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;/*border:1px solid black;*/
	line-height: 1.4;
}
.tab_presentation td
{
	vertical-align: top; /*aligne le contenu en haut - c'est au milieu par défaut*/
	background-image:url(../images/bord_gauche.jpg); /* image de fond de la colonne actualité*/
	background-repeat:no-repeat;
	background-color: white;
	padding-left: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	
	-moz-border-radius: 0px 15px 15px 0px; /* angles arrondis - code pour les différents navigateurs */
    -webkit-border-radius: 0px 15px 15px 0px; 
    border-radius: 0px 15px 15px 0px;         
    -khtml-border-radius: 0px 15px 15px 0px;
	-o-border-radius: 0px 15px 15px 0px;
	-ms-border-radius: 0px 15px 15px 0px;
	box-shadow: 6px 6px 6px grey; /* ajoute une ombre grise sur le côté */
	-moz-box-shadow: 6px 6px 6px grey; 
	-webkit-box-shadow: 6px 6px 6px grey;
}
p.texte_tab_presentation
{
	width: 280px; /*= (largeur du tableau - espace entre cellules - padding et margin) / 3  */	
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	text-align: justify;
	margin: 0px;
	padding: 0px;
	padding-bottom: 15px;		
}
.lien_titre_tab_presentaion
{
	text-decoration:none;
}
.readon_petit
{
	margin-bottom: 5px;
	padding: 0px;
	font:  0.8em "Trebuchet MS", "Arial Black", Arial;
	color: grey;
}
a.readon_petit:link, a.readon_petit:visited
{
	font-style: italic;
	text-decoration: underline;
}
a.readon_petit:hover
{
	font:  0.8em "Trebuchet MS", "Arial Black", Arial;
	font-weight: bold;	
	text-decoration: underline;
}
a.readon:link, a.readon:visited
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	font-style: italic;
	color: grey;
	text-decoration: underline;
	
}
a.readon:hover
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	font-weight: bold;
	color: grey;
	text-decoration: underline;	
}

h3.titre_tab_recherche
{
	font:  1em "Arial Black", Arial, "Trebuchet MS";
	color: #084f93;
	font-weight: bold;
}
h3.titre_tab_prestation
{
	font:  1em "Arial Black", Arial, "Trebuchet MS";
	color: #ec6c15;
	font-weight: bold;
}
h3.titre_tab_formation
{
	font:  1em "Arial Black", Arial, "Trebuchet MS";
	color: #ad1f88;
	font-weight: bold;
}
/************************************************************************/
/*******************************Bas de page footer***********************/
/************************************************************************/
footer
{	
	width: 984px;
	height: 150px;
	margin: auto;
	/*border:1px solid red;*/
	
}
.p-footer
{
	text-align:center;
	overflow:hidden;
	margin: 0;
}
.img-footer
{
	/*margin:0 -100%;*/
	width: 1940px;
	height: 150px;
	margin: auto;
	vertical-align:top;

}
table.tab_footer
{
	width: 984px;
	height: 120px;
	margin: auto;
	position: relative;
	top: -130px;	
	/*border: 1px solid black;*/
}
.tab_footer td
{
	height: 30px;
	padding-left: 30px;
	vertical-align: middle;
	/*border: 1px solid black;*/
}
.cell_logo_footer
{
	width: 300px;
	height: 110px;
	border-right: 1px solid white;	
}
table.tab_footer a:link, table.tab_footer a:visited
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	color: white;
	text-decoration: none;	
} 
table.tab_footer a:hover
{
	font:  0.9em "Trebuchet MS", "Arial Black", Arial;
	font-weight: bold;
	color: white;
	text-decoration: underline;	
} 
/************************************************************************/
/***************************liens sous le footer*************************/
/************************************************************************/
.liens_bas_droite
{
	width: 984px;
	height: 50px;
	margin: auto;
}
.liens_bas_droite p
{
	text-align: right;
	font:  0.8em "Trebuchet MS", "Arial Black", Arial;
}
.liens_bas_droite a:link, .liens_bas_droite a:visited
{
	text-decoration: none;
	color: grey;
}
.liens_bas_droite a:hover
{
	text-decoration: underline;
	color: grey;
	font-weight: bold;	
}