/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* HEADER */
#menu_header a:link, #menu_header a:visited{
color: #004381;
font-weight:bold;
font-size:0.9em;
text-decoration:none;
}
#menu_header a:hover, #menu_header a:active{
text-decoration:none;
color: #B1B3B4;
}

#menu_header .cadre_gris a:link, #menu_header .cadre_gris a:visited{
color: #FFF;
font-weight:bold;
font-size:0.9em;
text-decoration:none;
}
#menu_header .cadre_gris a:hover, #menu_header .cadre_gris a:active{
text-decoration:none;
color: #004381;
}

#titreRub{
color:#5A5A5A;
font-weight:bold;
font-size:1.15em;
margin-top:20px;
margin-bottom:10px;
}


#menu_navigation a:link, #menu_navigation a:visited, #contenu_fiche a:link, #contenu_fiche a:visited{
float:left;
text-align:left;
text-decoration:none;
color: #004381;
font-weight:bold;
font-size:0.9em;
}

#contenu_fiche a:link, #contenu_fiche a:visited{
float:none;
}

#menu_navigation a:hover, #menu_navigation a:active, #contenu_fiche a:hover, #contenu_fiche a:active{
color: #B1B3B4;
}


#lien a:link, #lien a:visited{
display:inline-block;
float:right;
text-decoration:none;
color: #004381;
font-weight:bold;
font-size:0.9em;
}
#lien a:hover, #lien a:active{
color: #B1B3B4;
}

#lien2 a:link, #lien2 a:visited{
display:inline-block;
float:left;
text-decoration:none;
color: #004381;
font-weight:bold;
font-size:0.9em;
}
#lien2 a:hover, #lien2 a:active{
color: #B1B3B4;
}


/* STYLE CONTENU */

#contenu_actualites li, #contenu_contact li, #contenu_fiche li {
margin:1.2em 0 0 1.5em;
list-style-type:disc;
list-style-position:outside;
}

#contenu_pop, #contenu_pop2 {
font-family:"Arial",Verdana,Helvetica;
color:#004784;
text-align:justify;
}

#contenu {
font-size:0.95em!important;
font-size:0.95em;
font-family:"Arial",Verdana,Helvetica;
text-align:justify;
}

h2{
color:#004784;
font-size:1em;
margin-bottom:0.5em;
}


#formulaire_recrutement h2, #formulaire_recrutement2 h2{
font:bold 1em "Arial",Verdana,Helvetica;
margin-bottom:0.5em;
color:#FFF;
}
/*
#actualites p, #contenu_actualites p, #contenu_fiche p, #index_gauche p, #rencontres p, #poles p, #contenu_equipes p, ,#contenu_recrutement p{
font-size:0.85em;
color:#000;
text-align:justify;
}
*/
#txt p, #contenu_actualites p, #contenu_fiche p, #contenu_equipes p, #contenu_recrutement p, #contenu_contact p{
margin:0 0 1em 0;
}

#contenu_equipes p{
color:#959595;
}

#footerMenu p{
font-size:0.8em;
text-align:center;
}
#footerMenu a{
display:inline;
color: #000;
}
#footerMenu a:link, #footerMenu a:visited{

text-decoration:none;
color: #425D81;
}
#footerMenu a:hover, #footerMenu a:active{

text-decoration:none;
color: #B1B3B4;
}

#menu_admin #onglet_courant a:link, #menu_admin #onglet_courant a:visited{
text-decoration:none;
color: #5584AD;
}
#menu_admin #onglet_courant a:hover, #menu_admin #onglet_courant a:active{
text-decoration:none;
color: #B1B3B4;
}

a img {
border:0;
}

.gras{
font-weight:bold;
}

/*GALERIE*/
#sous_menu_galerie ul {
font-weight:bold;
font-size:0.9em;
border-left:5px solid #F29400;
list-style-type:none;
padding-left:27px;
line-height:1.5em;
text-align:left;
}



#sous_menu_galerie ul li a:link, #sous_menu_galerie ul li a:visited{
color: #B1B3B4;
text-decoration:none
}
#sous_menu_galerie ul li a:hover, #sous_menu_galerie ul li a:active{
text-decoration:none;
color: #1B3D6A;
}

#encours{
color: #F29400;
}



/************* Images ********************************/
.imageright {
	float: right;
	margin:0em 0em 1em 1em;
	border:none;

}
.imageleft {
	float:left;
	margin:0em 1em 1em 1em;
	border:none;
	/*padding-top: 20px;*/
}



/* FORMULAIRE  NEWSLETTER */
#newsletter_header form{
margin-left:75px;
margin-top:6px;
}

#bloc_rechercher form{
margin-left:75px;
margin-top:5px;
}

input {	
width:150px;
height:16px;
font:normal 0.95em/1em "Arial",Verdana,Helvetica;
border:1px solid #000;
color:#000;  
}

select {	
width:150px;
height:16px;
font:normal 0.95em/1em "Arial",Verdana,Helvetica;
border:1px solid #5A5A5A;
color:#5A5A5A;  
}

.ok{	
width:25px;
height:18px;
font:bold 0.95em/1em "Arial",Verdana,Helvetica;
border:0px solid #000;
background-color:#FFF;
color:#004381;  
}

.ok2{	
width:25px;
height:18px;
font:normal 0.95em/1em "Arial",Verdana,Helvetica;
border:0px solid #000;
background-color:#5A5A5A;
color:#FFF;  
}


/* FORMULAIRE  GENERALISTE */
.form_line label {	
display:block;
float:left;
margin:0px 0px 0px 5px;
width:90px;
font:bold 0.85em/0.95em "Arial",Verdana,Helvetica;
}
.form_line_center label {	
font:bold 0.9em/1.0em "Arial",Verdana,Helvetica;
}

.lbllong{	
margin:0px 0px 0px 5px;
width:140px;
font:bold 0.85em/0.95em "Arial",Verdana,Helvetica;
}

.form_line, .form_line2 {	
margin:4px 0px 4px 0px;
float:left;
}

.form_line_center {	
margin:4px 90px 4px 94px!important;
margin:4px 90px 4px 50px;
float:left;
}
.form_line_center_long {	
margin:4px 70px 4px 74px!important;
margin:4px 70px 4px 30px;
float:left;
}


.form_txt_area {	
margin-top:17px;
padding:11px 0px 10px 17px;
width:273px;
height:131px;
background:#FFF url(../images/charte/fd-textarea.png) no-repeat scroll center top;
}



.form_line input {	
width:100px;
height:14px;
font:normal 0.85em/0.95em "Arial",Verdana,Helvetica;
border:1px solid #CFCFCF;
color:#000;  
}

.form_line .check {	
width:13px;
height:13px; 
border:1px solid #CFCFCF;
}

.txt_area{
font-family:"Arial",Verdana,Helvetica;
border:1px solid #CFCFCF;
width:254px;
color:#000;
height:118px; 
}

.txt_area_simple{
font-family:"Arial",Verdana,Helvetica;
border:1px solid #CFCFCF;
width:150px;
color:#000;
height:28px; 
}

.form_line_center .bouton, .form_line_center_long .bouton{
margin:4px 70px 4px 1px!important;
margin:4px 20px 4px -47px;
width:90px;
height:15px;
font:bold 0.7em/0.8em "Arial",Verdana,Helvetica;
border:1px solid #5A5A5A;
color:#004784;
background-color:#FFF;
}


/* FORMULAIRE  RECRUTEMENT */

.ok3{	
float:right;
width:60px;
height:18px;
font:normal 0.95em/1em "Arial",Verdana,Helvetica;
border:0px solid #000;
background-color:#FFF;
color:#000; 
margin-right:10px; 
}

#formulaire_recrutement label, #formulaire_recrutement .form_line2 label, #formulaire_recrutement2 label, #formulaire_recrutement2 .form_line2 label  {	
display:block;
float:left;
margin:4px 0px 4px 10px;
width:75px;
font:normal 0.90em/0.95em "Arial",Verdana,Helvetica;
color:#FFF;
}

#formulaire_recrutement .form_line2 label, #formulaire_recrutement2 .form_line2 label  {	
width:65px;
margin:4px 8px 4px 10px;
}

#formulaire_recrutement .form_line input, #formulaire_recrutement2 .form_line input {	
width:149px;
height:13px;
font:normal 0.85em/0.95em "Arial",Verdana,Helvetica;
border:0px solid #FFF;
color:#000;
background:url(../images/charte/fd-input.png) no-repeat scroll left top;
}

#formulaire_recrutement .form_line textarea, #formulaire_recrutement2 .form_line textarea {	
width:149px;
height:81px;
font:normal 0.85em/0.95em "Arial",Verdana,Helvetica;
border:0px solid #FFF;
color:#000;
background:url(../images/charte/fd-textarea.png) no-repeat scroll left top;
}

.form_line2 input{
height:16px;
font:normal 0.80em "Arial",Verdana,Helvetica;
border:0px solid #ECECEC;
color:#000;
background-color:#ECECEC;
}