/*Date de la Dernière modification le 22 octobre 2010 */



/*Style attribué à toute la page*/
body

{

background:#264766;

color:black;

font-family:arial,verdana,sans-serif;	

font-size: 80%;

border:0;

margin:0;

padding:0;

}



/*Style attribué à l'entête de la page*/
p#message_page

{

color:white;

text-align:center;

width:1px;

height:1px;

overflow:hidden;

float:left;

}


#entete

{

background: #00273F url(fond_entete.jpg) repeat-x;

margin-top:1px;

padding-right:0;

padding-top:1px;

padding-bottom:10px;

width:99.9%;

}


#entete #zone_logo

{

margin-top:0px;

margin-left:1px;

margin-bottom:0;

padding-bottom:0;

width:70%;

float:left;

}


#entete #zone_logo p

{

color:#fff;

font-size:1.6em;

text-align:left;

margin-top:5px;

max-height:130px;

overflow:hidden;

}


#entete #zone_logo br

{

margin-bottom:8px;

}


#entete p#logo

{

margin-bottom:0;

padding-right:0px;

padding-bottom:0;

width:250px;

}	


#logo

{ 

text-align:center; 

margin-top:1em;

padding-right:1em;

width:50%;

float:left;

}

#entete #logo img

{

padding-left:10px;	

padding-bottom:8px;

float:left;

}
	


#entete #aide_haut_de_page
{

padding-top:1em;

width:25%;	

float:right;

}


#entete #aide_haut_de_page p
{

text-align:right

}


#entete #aide_haut_de_page .renvoi 

{ 

font-family:arial,sans-serif;

font-size:10px;

font-style:italic;

margin-top:1em;

margin-bottom:1em;

padding: 0 1em;

}


.renvoi 

{ 

font-size:1em; 

font-style:italic;

margin-top:1em;

padding: 0 1em; 

float:right;

}



#entete #aide_haut_de_page .renvoi a, #entete #aide_haut_de_page .renvoi a:link, #entete #aide_haut_de_page .renvoi a:hover, #entete #aide_haut_de_page .renvoi a:visited

{

color:#b5b4b4;

}


#entete #zone_texte_entete

{

background:#00273F;

clear:both;

}



#entete #zone_texte_entete h1

{

background-color:#00273f;

color:white;

font-family:arial,verdana,sans-serif;

font-size:1.8em;

font-weight:bold;

text-align:center;

margin-top:0;

padding-top:10px;

padding-bottom:0em;

}

#entete #zone_texte_entete h1 a:link, #entete h1 a:link, #entete h1 a:link, #entete h1 a:visited, #entete h1 a:hover

{

color:white;

text-decoration:none;

}



#entete #zone_texte_entete p.bonjour, #entete #zone_texte_entete p.bonjour_vide

{

color:white;
font-size:1.3em;

text-align:center;

margin-top:-12px;

margin-bottom:0px;

}


#entete #zone_texte_entete p.bonjour_vide

{

font-size:5px;

margin-top:-15px;

margin-bottom:-10px;

}	



#entete #slogan_de_la_rubrique

{

margin-top:1px;	

width:20%;

float:left;      

}


#entete #slogan_de_la_rubrique p

{

color:white;	

font-size:1.5em;

text-align:left;

margin-top:5px;	

}



#entete #erreur_page

{

color:white;

text-align:center;

}



/*Style attribué à  la colonne de gauche*/
#conteneur_gauche

{

width:240px;

float:left;

}



#zone_menu

{

background:#00273f;

border-right:1px dotted #00273f;

border-left:1px dotted #00273f;

border-bottom:1px dotted #00273f;	

margin-left:12px;

margin-top:1em;

padding:0;

}


#zone_menu h2

{

background-color:#fff;

color:#00273f;

margin-left:0px;

margin-right:0px;

margin-bottom:1px;

}


#zone_menu ul

{

list-style-type:none;

margin:0;

padding:0;

}


#zone_menu ul li

{

color:#ff780a;

font-size:1.4em;

font-weight:bold;

text-align:center;

border-bottom:1px dotted gray;

padding-bottom:5px;

}


#zone_menu ul li a

{

color: white;

padding-bottom:5px;

}



#zone_menu ul li:hover, #zone_menu ul li a:hover

{

background-color:#f3f2ed;

color: #00273f;	

}



#zone_ousuisje

{

background:#00273f;

border-right:1px dotted #00273f;

border-left:1px dotted #00273f;

border-bottom:1px dotted #00273f;	

margin-left:12px;

margin-top:3em;

margin-bottom:0;

padding:0;

}


#zone_ousuisje h2

{

background-color:#fff;

color:#00273f;

border-bottom:1px solid #264766;

margin-left:0px;

margin-right:0px;

margin-bottom:-15px;

}


#zone_ousuisje p.ariane

{

color:#fff;	

font-size:1.4em;

font-weight:bold;

text-align:center;

padding-top:0;

padding-bottom:0;

}


#zone_ousuisje p.ariane a

{

background:#00273f;

color: white;

border-top:1px dotted gray;

margin-left:0;

margin-right:0;

padding-top:5px;

padding-bottom:10px;

display:block;

}


#zone_ousuisje p.ariane a:hover

{

background-color:#f3f2ed;

color: #00273f;	

}


#zone_ousuisje .ici

{

color:#ff780a;	

border-top:1px dotted gray;

margin-bottom:-7px;

padding-top:5px;

display:block;

}




/* Style attribué à la zone article avec #zone_texte pour le fond graphique et #contenu pour les articles, #vignette pour la page d'accueil, et present  */


#zone_texte

{

background: #264766 url(fond_zone_texte.jpg) no-repeat;

margin-top:0px;

margin-right:auto;

margin-left:2px;

padding-top:0;

}



#contenu

{

background:#f9f9f9;

font-family:arial,verdana,sans-serif;

text-align:justify;

border-left:3px solid #17242d;

margin-left:255px;

margin-right:0;

padding:0 1em;

padding-top:.5em;

padding-bottom:2em;

}


#contenu h2

{

background-color:#00273f;

color:#ff780a;

font-size:1.8em;	

border:1px dotted black;

}	


#contenu h3

{

background-color:#00273f;

color:white;

font-size:1.5em;	

text-align:center;

border:1px dotted black;

margin-top:2em;

padding-bottom:2px;

}


#contenu h4

{

color:black;

font-size:1.4em;

text-align:left;

border-bottom:2px solid #5f5f5f;

margin-left:0;

margin-right:0;

}


#contenu h5

{

color:black;

font-family:arial,verdana,sans-serif;

font-size:1.3em;

text-align:left;

margin-top:1em;

margin-left:0px;

margin-right:0;

}

	

#contenu p

{

font-family:arial,verdana,sans-serif;

font-size:1.2em;

text-align:left;

}


#contenu p br

{

margin-bottom:.5em;

}


#contenu p a

{

font-weight:bold;

margin-top:.7em;

}


#contenu p a:link, #contenu p a:hover, #contenu p a:visited

{

color: blue;	

}


#contenu ul li

{

font-size:1.1em;

text-align:left;

padding-bottom:5px;

}


#contenu ul li a

{

color: blue;

font-weight:bold;

}


#contenu ul li a:link, #contenu ul li a:hover, #contenu ul li a:visited

{

color: blue;	

}


#contenu p.fin

{ 

color:black;

font-size:2em;

font-weight:bold;

letter-spacing:5px;

text-align:center; 

}


#contenu #vignette

{

font-size:1.2em; 

font-weight:bold; 

text-align:left;

padding-bottom:1em;

}

#contenu #vignette h2

{

margin-bottom:0;	

}


#contenu #vignette h3

{

margin-top:0;	

}


#contenu #vignette a

{

color:blue

}


#contenu #vignette ul

{

}


#contenu #vignette ul li
{

color:black;

margin-left:-10px;

}


#contenu h2#lettre
{

font-size:2em;

margin-bottom:0;

}


#contenu #present

{

/* Pour Cecitix en quelques lignes sur la page d'accueil */

background-color:#e5e5e5;

font-size:1.2em;

border:1px dotted #00273f;

border:1px dotted gray;

margin-top:2em;

}


#contenu #present p.slogan

{

background:#00273f;

color:#ff780a;

font-size:1.8em;

font-weight:bold;

text-align:center;

padding-top:5px;

padding-bottom:5px;

}


#contenu #present .ligne

{

text-align: center;

}

.ligne

{ 

font-size:1.2em; 

text-align:center; 

text-indent:30px;

}


#contenu #present .right

{

text-align:center;

}	


.right

{

text-align:left; 

padding:0 1em 0 2em;	

}



/* Style attribué aux infos d'un article: publié le, par qui, etc */

.infoarticle

{ 

font-size:.9em;

font-weight:bold;

}	



/*Style attribué au pied de page*/
#pied_de_page

{

margin-top:-300px; 
/* Pour faire remonter le pied de page sur la gauche de la page */
margin-left:12px;

margin-bottom:10px;

width:230px;

}


#pied_de_page #aide_a_la_navigation

{

background-color:#00273f;

border-right:1px dotted gray;

border-left:1px dotted gray;

}


#pied_de_page #aide_a_la_navigation h2#nav

{

background-color:#fff;

color:#00273f;

text-align:center;

margin-top:0;

margin-bottom:0px;

padding-left:1px;

clear:both;

}


#pied_de_page #aide_a_la_navigation h2#sommaire

{

background-color:#ffcf83;

color:black;

border:1px dotted black;

margin-top:0;

}


#pied_de_page #aide_a_la_navigation #piedepage

{ 

font-size:1.6em;

font-weight:bold;	

padding-bottom:2em;;

}


#pied_de_page #aide_a_la_navigation ul#piedepage

{

margin-top:1px;	

margin-left:0;

margin-bottom:0;

padding-left:0;

padding-bottom:0;

}	


#pied_de_page #aide_a_la_navigation #piedepage li

{

font-size:.9em;

text-align:center;

border-bottom:1px dotted gray;

list-style:none;

padding-top:4px;

padding-left:0;

padding-bottom:10px;

}


#pied_de_page #aide_a_la_navigation #piedepage li a .page_suite

{

color:#ff780a;	

}


#pied_de_page #aide_a_la_navigation #piedepage a:link, #pied_de_page #aide_a_la_navigation #piedepage a:visited

{

color:#fff;

padding-left:5px;

padding-right:5px;

padding-bottom:10px;

}


#pied_de_page #aide_a_la_navigation #piedepage a:hover, #pied_de_page #aide_a_la_navigation ul#piedepage li:hover

{

background-color:#f3f2ed;

color:#00273f;

}	



/*Style attribué à la mise à jour du site*/
p#date_mise_a_jour_site

{

font-size:1.3em;	

font-weight:bold;

text-align:right;

}


p#date_mise_a_jour_site .fond_date_mise_a_jour

{

background-color:#e5e5e5;

border:1px dotted gray;

padding:5px;

}



/* Style attribué à  l'affichage des tests */

#test

{

color:white;

font-family:sans-serif;

font-size:1em;

text-align:center

}


#test h1,#test h2,#test p

{

color:white;

}


#test p

{

margin-left:1em;	

}


#test ul, #test ol

{

color:white;

text-align:left;

}

#test p textarea

{

}


#test a:link, #test a:visited

{

color:white;	

}



/* Style attribué aux titres */


h1:first-letter 
/* La première lettre de chaque paragraphe */

{ 

font-weight:bold; 

}


h2

{

color:blue;

font-family:arial,verdana,sans-serif; 

font-size:1.6em;

font-weight:bold; 

text-align:center; 

}


h3

{

color : #06f;

font-family:arial,verdana,sans-serif; 

font-size:1.4em;

font-weight:bold; 

text-align:center; 

margin-top : 1em;

}


h4

{

color : #39f;

font-family:arial,verdana,sans-serif; 

font-size:1.2em;

font-weight:bold; 

text-align:left; 

margin:0 1em;

}


h5

{

color : #39f;

font-family:arial,verdana,sans-serif; 

font-size:1em;

text-align:left; 

margin:0 2em;

}



/*Style attribué aux  listes */

ul,ol

{

color:black;

font-family:arial,verdana,sans-serif; 

font-size:1.2em;

}


.disque

{

list-style-type:disc;

}



/*Style attribué aux  tableaux*/

#tableau

{

background:white;

color:black;

font-family:arial,verdana,sans-serif; 

font-size:1.2em;

width:100%;

}

caption

{

color:navy;

font-family:arial,verdana,sans-serif; 

font-size:1.4em;

font-weight:bold; 

padding-bottom:3em;

} 


table 

{

color:black;

border:5px solid #90f;

border-collapse:collapse;

margin:auto;

width:90%;

}


th 

{

background:yellow;
border:2px solid #300;

color:blue;

font-family:monospace;

font-size:1.2em;
padding:8px;

}


td 

{

color:black;

font-family:sans-serif;

font-size:1.2em;

border:2px solid #300;

text-align:center;

padding:8px;

} 



/*Style attribué aux formulaires*/
input

{

font-size:1.4em;

}



input[type=text] 

{

background:#fffbe8;

font-family:verdana,sans-serif; 

font-size:1.4em;

border:1px solid #000;

}


legend 

{

color:#000;

font-family:arial,verdana,sans-serif;

font-size:1.4em;

font-weight:bold; 

}


fieldset

{

margin-bottom:1em; 

}

label

{

font-size:1.2em;	

font-weight:bold;

}


textarea
{

background:#fffbe8;

font-family:verdana,sans-serif;

font-size:1.2em;

border:1px solid #000;

}



/*Style attribué à divers éléments*/

.photo

/*Pour les photos du site.*/
{ 

padding:0;

}

.photo-gauche

{ 

text-align:center; 

padding:0;

width:50%;

float:left;

}



.legende

/*Pour les légendes des photos*/
{ 

font-size:1.4em; 

font-weight:bold; 

text-align:center; 

padding:0 1em;

}


.petitgras 

/*Pour les liens retourner au sommaire*/
{

color:black;

font-family:arial,verdana,sans-serif; 

font-size:1em;

font-weight:bold;

display:block;

}


acronym

{

cursor:help;

}