@charset "iso-8859-1";

/* -------------------------------- méthodes externes ------------------- */
/* pour le pied de page, l' "Alsett Clearing Method" */

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";            /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;               /* ensure the period is not visible */
    clear: both;             /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

/* backslash hack hides from IE mac &*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac &*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


/* ------------------------ styles communs pages jmdsys ----------------- */

/* color: #538062   -- textes et liens                 */
/*        #34c53d   -- vert + fluo - titre paragraphes /*
/*        #5c7363   -- 80%                             /*
/*        #99a79e   -- 50%                             /*
/*        #ccd3cf   -- 25%                             /*
 
/* color: #e4efe7   -- hover des cases menu                                  */
/* color: #dfdfdf   -- gris des actualités, des titres de paragraphe         */
/* color: #cfcfcf   -- bord du gris des actualités, des titres de paragraphe */
/* color: #dfefdf   -- vert clair background des menus                       */
/* color: #c0c783   -- vert background menu2                                 */
/* color: #70ad84;  -- trait de soulignement enseignant, titre format.cont.  */

/* color: #55ae66   -- vert logo en-tete                                     */
/* color: #a0b161   -- vert feuilles background                              */



* {
	margin: 0;
	padding: 0;
	color: #085822;/*#538062;*/
}

a {
	text-decoration: none;
}
#corps_page a {text-decoration: underline;}/*color:#538062;*/

img {
border: 0;
}

p {
margin-bottom: 0.7em;
text-align: justify;
}

ol,
ul {
margin-left: 0;
}
li {
margin-bottom: 10px;
}

#form fieldset{border:none;margin-left:50px;}
#form li {list-style-type:none;}

/* ------------------------ classes standard ---------------------------- */
.credit_logo_valide_css img {
border:0;
width:88px;
height:31px;
margin-right: 5px;
float: left;
}

.credit_logo_valide_xhtml img {
border:0;
width:88px;
height:31px;
float: left;
}

.credit_site {
font-size: 11px;
padding-top: 16px;
margin-bottom: 5px;
}

.debug {
color: red;
}

.info_taille_pdf {
font-size: .8em;
}

.lien_actualites,
.lien_autre {
text-decoration: underline;
}	

.lien_debut {
margin-top: 40px;
text-align: right;
font-size: 0.8em;
height:18px;



}	

.lien_debut a{padding-right:26px;background:url(images/nutrition_debut.png) right center no-repeat;
}

.lien_site_couleur1,
.lien_site_couleur1_petit,
.lien_site_couleur2,
.lien_site_nutrition
{
text-decoration: underline;
}	

.lien_site_couleur1:hover,
.lien_site_couleur1_petit:hover,
.lien_site_couleur2:hover,
.lien_site_nutrition:hover {
text-decoration: underline;
}	

.lien_site_couleur1,
.lien_site_couleur1_petit,
.lien_site_nutrition {
color: #55ae66;
}

.lien_site_couleur2 {
color: #a0b161; 
}	

.lien_site_couleur1_petit {
font-size : .8em
}

.lien_texte {
}	

.lien_texte:hover {
text-decoration: underline;
}	

.marge_bas_page {
height: 20px;
}

.marge_grande_bas_page {
height: 300px;
}

#footer{margin-top:30px;border-top:2px solid black;}

.pied_page {
/*background:url(images/nutrition_trait.png) 0 0 repeat-x;*/
padding-top: 10px;
padding-bottom: 45px;
text-align: center;
font-size: .85em;
font-weight: bold;
}

.pied_page_info_site {
height: 30px;
font-size: .75em;
text-align: center;
}

.plan_site_lien {
margin: 0 8px 0 0;
padding-right: 2px;
text-align: right;
font-size: .7em;
}

.plan_site_lien a:hover {
text-decoration: underline;
}

.plan_site_liste1 {
margin: 20px 0 40px 20px;
list-style: none;
}

.plan_site_liste1 a {
font-size: 1.2em;
}

.plan_site_liste1 li a:hover {
text-decoration: underline;
}

.plan_site_liste2 {
margin-bottom: 2em;
}

.plan_site_liste2 a {
font-size: 1em;
}

.puce_page_lien {
width: 15px;
height: 15px;
margin-right: .5em;
}


.structure-page {
position: absolute;
top: -9999px;
}

.sup {
  vertical-align: top;
  font-size: .7em;
}

.texte_annonce{
margin-left: 150px;
width: 500px;
padding-top: .7em;
padding-bottom: 1em;
text-align:center;
font-size: 1.2em;
margin-top: 2em;
margin-bottom: 2em;
border-top: 1px solid;
border-right: 3px solid;
border-bottom: 3px solid;
border-left: 1px solid;
background:url(images/annonce_fonds.jpg) 290px 30px no-repeat;
}
.texte_annonce:hover {
}

.texte_centre1{
text-align:center;
font-weight: bold;
margin-bottom: 2em;
}

.texte_centre2{
text-align:center;
margin-top: 1em;
margin-bottom: 1em;
}

.texte_centre3{
text-align:center;
margin-top: 1em;
margin-bottom: 5em;
}

.texte_italique_centre{
font-style: italic;
font-size: 1.05em;
margin-bottom: 1.5em;
text-align: center;
}

.texte_note {
font-style: italic;
font-size: .95em;
color: #999;
}

.texte_renvoi_bas_page {
font-style: italic;
font-size: .95em;
margin-top: 2.5em;
margin-bottom: 1.5em;
}

.titre_cadre {
border : 1px solid;
}

.titre_groupe_lien {
font-size: 1.4em;
font-weight: normal;
letter-spacing: .1em;
margin-bottom: 0.9em;
}

.titre_gras {
font-weight: bold;
}

/* --------------------------- arrondis ------------------------------ */
/* selon méthode http://kalsey.com/2003/07/rounded_corners_in_css      */

.arrondi_haut_vert { 
	background: #55ae66 url(images/haut_droit_vert.png) no-repeat top right; 
}

.arrondi_bas_vert { 
	margin: 0 -5px -5px -5px;
	background: url(images/bas_droit_vert.png) no-repeat top right; 
}

.arrondi_haut_vert_10 { 
	background: url(images/haut_droit_vert_10.png) no-repeat top right; 
}

.arrondi_bas_vert_10 { 
	background: url(images/bas_droit_vert_10.png) no-repeat top right; 
}

.arrondi_haut_olive { 
	background: url(images/haut_droit_olive.png) no-repeat top right; 
}

.arrondi_bas_olive { 
	background: url(images/bas_droit_olive.png) no-repeat top right; 
}

img.arrondi_15 {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

img.arrondi_10 {
   width: 10px;
   height: 10px;
   border: none;
   display: block !important;
}


/* ---------------------------- paragraphe des pages  ---------------- */

.titre_page_accueil {
color: #a0b161;
font-size: 1.2em;
font-weight: normal;
letter-spacing: .1em;
margin-bottom: 0.9em;
}

.titre_page_menu1 {
color: #FFF;
font-size: 1.5em;
font-weight: normal;
letter-spacing: .1em;
padding-left: 1em;
margin-bottom: 0;
}

.titre_page_menu1_fonds {
background-color: #55ae66;
margin-bottom: 2em;
}

p.titre_page_menu2 {
color: #FFF;
font-size: 1.2em;
font-weight: normal;
letter-spacing: .1em;
padding-left: 1em;
margin-bottom: 0;
}

.titre_page_menu2_fonds {
background-color: #a0b161;
margin-bottom: 2em;
}


/* titre_para_page_niveau1 */
.titre_para_ecole, 
.titre_para_format {
color: #a0b161;
font-size: 1.2em;
margin-top: 1.5em;
margin-bottom: 1em;
letter-spacing: .1em; 
font-weight: bold;
}

/* Sous-titre para_page_niveau1 */

.sous_titre_para_accueil, 
.sous_titre_para_ens, 
.sous_titre_para_format,
.sous_titre_para_format2 {
color: #a0b161;
font-size: 1.05em;
margin-top: 1em;
margin-bottom: .5em;
font-weight: bold;
}

.sous_titre_para_accueil {
margin-top: 2em;
}


/* Titre para_page_niveau2 */
.titre_para_anato,
.titre_para_collab,
.titre_para_cours, 
.titre_para_dtha,
.titre_para_ens,
.titre_para_ecole_ins,
.titre_para_mono,
.titre_para_nuthol,
.titre_para_sem,
.titre_para_sympa {
color: #a0b161;
font-size: 1.1em;
margin-top: 1.5em;
margin-bottom: 0.5em;
font-weight : bold;
}

/* Sous-titre para_page_niveau2 */
.sous_titre_para_nuthol {
color: #a0b161;
font-size: 1.15em;
margin-top: 1.5em;
margin-bottom: 1em;
}

.titre_para_nuthol span.sup {
color: #a0b161;
}

/* Spéciaux */
.date_format_cont {
font-weight: bold;
color: #99A79E;
}

.date_soutenance {
font-weight: bold;
margin: 1em 0 1em 1em
}

.titre_format_cont {
/* color: red; */
font-size: 1.1em;
margin-top: 1.5em;
margin-bottom: 0.5em;
border-bottom: solid 1px #70ad84;
}

.titre_para_groupe_sem {
font-size: 1.3em;
margin-top: 1.5em;
margin-bottom: .5em;
text-align:center;
}
.titre_para_mono {
color: #55ae66;
border-bottom: solid 1px #70ad84;
}

.titre_soutenance {
font-size: 1.2em;
margin-top: 1em;
margin-bottom: .5em;
}

/* ---------------------------- formatage titre, sous-titre --------- */
.cadre1 {
padding: 1em;
border-top: 1px solid;
border-right : 2px solid;
border-bottom: 2px solid;
border-left : 1px solid;
text-align: center;
}

.mail_nutrition {
width: 1.4em;
height: .8em;
}

.warning {
font-size: .9em;
margin-top: 1em;
margin-bottom: 1em;
}


/* ------------------------ balises HTML     ---------------------------- */

h5 {
	margin-bottom: 20px;
}

h5.navigation {
margin: 3px 0 20px 0;
background:url(images/nutrition_trait.png) 0 0 repeat-x;
padding-top: 25px;
width: 100%;
}

/* -------------------------------- blocs de base ----------------------- */
body.normal {
background-image:url(images/nutrition_feuille_olive.jpg);
font-family: Verdana, Arial,"Times New Roman",Times,serif;
font-size: 100%;
text-align: center;
}

div#bloc_principal {
width: 800px;
padding-top: 6px;
margin-top: 1em;
margin-right: auto;
margin-left: auto;
text-align: left;
background-color: #fefefe;
font-size: 0.8em;
}

div#bloc_entete {
float:left;
margin: 0;
width: 100%;
height: 130px;
}

div#bloc_entete img.img_gauche {
width: 90px; 
height: 100px;
}
div#bloc_entete img.img_centre {
width:600px;
height:100px;
}
div#bloc_entete img.img_droite {
width: 90px; 
height: 100px;
}

div#bloc_entete p {}

div#rolling-text{
	margin: 0 0 25px 0;
	padding: 0 5px;
	background-color:#fff;
	border:1px dotted #55ae66;
	text-align:justify;
}
 
div#corps_page {
margin-top: 15px;
padding-right: 1em;
padding-left: 1em;
}

div#bloc_menu {
width:100%;
margin-bottom: -30px;/*30px;*/
}


div#bloc_menu ul{
width:100%;
clear:both;
}


div#bloc_menu li{float:left;list-style-type:none;padding:0 0.9em;text-align:center;font-weight:bold;font-size:1.1em;}
div#bloc_menu a{font-family: Verdana, Arial, sans-serif;font-size:1em;color:#966161;/*#55AE66;*/}
div#bloc_menu li.active a {color:#603d48;/*#538062;*/}

div#plan{margin-left:100px;}
div#plan ul{margin-left:30px;}


div#bloc_menu #sous-menu a, #menu2 a{
text-decoration:none;
font-weight:normal;
color:#55AE66;
display:block;
padding-top:3px;
/*width:105px;*/font-size:1em;font-family: Verdana, arial sans-serif;}

div.photo_centre {
margin-top: 1em;
margin-bottom: 0;
text-align: center;
}

div.photo_droite1
{
margin-top: .75em;
margin-bottom: 1em;
margin-left: 2em;
float: right;
}

div.photo_gauche1
{
margin-top: .75em;
margin-right: 2em;
margin-bottom: 1em;
float: left;
}

/* ----------------------------- page index------------------------------ */

div#col_gauche {
width: 200px;
margin: 0 15px 0 0;
float: left;
}
#menu2{width:140px;margin: 30px 10px 0 0;}
div#menu2 ul  {float:left;;}
div#menu2 ul li {display:block;}

div#col_droite {
float: right;
width: 600px;
margin: 0 15px 0 0;
}

/*div#weblogin{float:left;width:490px;margin-left:295px;margin-bottom:10px;padding:0.2em;border:1px dotted #55AE66;}
.submit{border:1px solid #555;background-color:#f2fbf6;color:#06ac40;padding:3px;text-decoration:none;}
.submit{cursor:pointer;}
.submit:hover{background-color:#C2EED6;}
a.submit{font-size:1em;}*/



div#actualites {
font-style: normal;
margin: 0 0 0 0;
font-size: 0.9em;
padding: 5px;
background-color: #55ae66;
}

div#actualites h5 {
font-size: 1.1em;
text-align:center;
color: white;
background-color: #55ae66;
}

div.une_actualite {
font-size: 0.9em;
background-color: #ddffdd;
margin-bottom: 1em;
}

div.une_actualite p {
margin: 0 15px;
}
div.une_actualite li {
	list-style-type:none;
}

span.date_actualite{
font-size: 0.9em;
font-weight: bold;
}

span.titre_date_actualite{
font-size: 0.9em;
font-weight: bold;
}

.arrondi_haut_actualite { 
	background: url(images/haut_droit_actu.png) no-repeat top right; 
}

.arrondi_bas_actualite { 
	background: url(images/bas_droit_actu.png) no-repeat top right; 
}

div#accueil {
width: 520px;
text-align: justify;
float: right;
}
	

/* image originale 380 sur 356 ration 1.067 - 1  */
.accueil_image_droite {
float: right;
margin-top: 50px;
margin-right: 20px;
}



/* ------------------------------ page ecole enseignants ---------------- */


div.photo_enseignant
{
margin-top: 3px;
margin-right: 2em;
margin-bottom: 1em;
margin-left: 1em;
float: left;
}

p.nom_enseignant {
font-size: 1.3em;
letter-spacing: .1em;
margin-top: 2em;
margin-bottom: 0.5em;
border-bottom: 2px solid #70ad84;
}


/* ------------------------------ page liens ---------------------------- */

ul.lien {
margin-left: 30px;
list-style-type: none;
margin-bottom: 25px;
}

ul.lien li {
margin: 0 0 2px 0;
}

ul.lien a {
text-decoration: underline;
}

.lien_description1 {
margin-top: 1px;
font-size: .85em;
}

.lien_description2 {
font-size: .85em;
}

.info_liens {
margin-top: 60px;
font-size: .8em;
}

/* ------------------------------ page contact -------------------------- */

ul.liste_erreur {
width: 80%;
margin-bottom: 20px;
padding: 5px;
background-color: #dfdfdf;
}
ul.liste_erreur li {
list-style: none;
}
ul.liste_erreur li span.champ_erreur{
display: block;
width: 130px;
float : left;
}

.aide_formulaire {
margin-top: 20px;
}
.titre_erreur {
color: red;
}
.merci_message {
text-align: center;
margin-bottom: 30px;
}
.merci_message img {
margin-top: 30px;
}
.erreur_message {
text-align: center;
margin-bottom: 30px;
color: red;
font-weight: bold;
}


h1.main {color:#FFFFFF;
font-size:1.5em;
font-weight:normal;
letter-spacing:0.1em;
margin-bottom:0;
padding:0.5em 0em 0.5em 1em;
background-color:#55AE66;
margin-bottom:2em;
width:600px;/*770*/
background:transparent url("images/h1-main.png") left center no-repeat; 
text-transform:uppercase;
}

h1.main a, h1.main span{color:#fff;}

h2{color:#A0B161;
font-size:1.2em;
font-weight:bold;
letter-spacing:0.1em;
margin-bottom:1em;
margin-top:1.5em;}

#footer{clear:both; width:100%;}

#WebLoginLayer0{font-size:0.8em;background-color: #fff;padding-top:1em;border:0px solid red;}

#WebLoginLayer0 input{width:100px;}