/*
PARTIE I : PAGE ACCUEIL
L'organisation des tableaux dans la feuille de style suit la contruction WEB du haut vers le bas et de la gauche vers la droite.
*/

/*
1) GENERAL
*/
body {
font-family:Helvetica, Arial, sans-serif;
margin: 0px;
padding: 0px;
border: 0px;
border-width:0px;
border-spacing:0px;
border-collapse:collapse;
width:800px;
margin:auto;
}

.Style1 {
font-size: 11px
}

form {
	margin:0;
	padding:0;
}

table{
margin: 0px;
padding: 0px;
border: 0px;
border-width:0px 0px 0px 0px;
border-spacing:0px;
border-collapse:collapse;
}

table tr{
margin: 0px;
padding: 0px;
border: 0px;
border-width:0px 0px 0px 0px;
border-spacing:0px;
border-collapse:collapse;
}

table tr td{
margin: 0px;
padding: 0px;
border: 0px;
border-width:0px 0px 0px 0px;
border-spacing:0px;
border-collapse:collapse;
}

.tableau_general{
align: center;
width: 800px;	
margin: 0px;
padding: 0px;
border: 0px;
border-width: 0px;
border-spacing:0px;
border-collapse: collapse;
}

.tableau_gauche{
width: 600px;
height:480px;	
background-image: url(images/accueil/pied_plan.gif);
background-repeat: no-repeat;
background-position:bottom;
vertical-align:top;
margin: 0px;
padding: 0px;
border: 0px;
border-width:0px;
border-spacing:0px;
border-collapse: collapse;
}

.tableau_droite{
background-color:#CFDDE8;
width: 200px;
vertical-align: top;
margin: 0px;
padding: 15px 0px 15px 0px;
border: 0px;
border-width:0px;
border-spacing:0px;
border-collapse: collapse;
background-image: url(images/accueil/pied_actus.gif);
background-repeat: no-repeat;
background-position: bottom;
}


/*
2) HAUT
*/

.tableau_bandeau{
background-image: url(images/accueil/bandeau.gif);
background-repeat: no-repeat;
background-position: top;
width: 600px;	
height: 203px;
}

.tableau_logo{
width: 200px;	
height: 126px;
}

.tableau_degrade_BT{
background-image: url(images/accueil/degrade_bt.gif);
background-repeat: repeat-x;
background-position: bottom;
font-size:11px;
font-style:inherit;
text-align:center;
vertical-align:middle;
color:#FFFFFF;
width:200px;
height: 77px;		
}

.tableau_degrade_menu{
background-image: url(images/accueil/degrade_menu.gif);
background-repeat: repeat-x;
background-position: top;
width:600px;
height: 23px;		
}

.entete_presentation{
background-position: top;
width:420px;
height: 21px;
font-family:"Times New Roman", Times, serif;	
font-size:20px;
font-style:inherit;
text-align:left;
vertical-align:top;
color:#A31F4B;
}

.tableau_presentation{
font-size: 11px;
color: #636363;
width: 420px;
vertical-align:top;
}


.gene_marge1{
width: 10px;
}

.gene_marge2{
width: 120pix;
vertical-align:middle;
}

.gene_marge3{
width: 5pix;
}

.gene_marge4{
width: 455pix;
}

.gene_marge5{
width: 10pix;
}

.gene_marge6_8{
background-color:#CFDDE8;
width: 15pix;
}

.gene_marge7{
background-color:#CFDDE8;
width: 170pix;
}

.tableau_degrade1{
background-image: url(images/accueil/accueil_degrade1.jpg);
background-repeat: repeat-x;
background-position: top;
width:600px;
height: 18px;		
}

.tableau_actualite{
background-color:#CFDDE8;
background-position: top;
height: 20px;	
font-family:"Times New Roman", Times, serif;
font-size:20px;
font-style:inherit;
text-align:left;
vertical-align:top;
color:#A31F4B;
margin:0px;
padding-top:10px;
padding-left:15px;
}

.tableau_frame{
background-color:#CFDDE8;
vertical-align:top;
width:170px;
height: 170px;
margin: 0px;
border: 0px;
}

.tableau_frame tr td {
padding: 15px 0px 15px 0px;
}


a{
text-decoration: none;
}

a:hover{
text-decoration: none;
}

.frame_titre{	
background-color:#CFDDE8;
font-size: 11px;
color: #636363;
font-style:inherit;
text-align:left;
vertical-align:top;
}

.style_bouton{	
cursor:pointer;
}

.frame_news{	
background-color:#CFDDE8;
font-size: 11px;
color: #636363;
font-style:normal;
text-align:left;
vertical-align:top;
}

.frame_date{
background-color:#CFDDE8;
background-position: top;
font-size: 11px;
color: #636363;
font-style:inherit;
text-align:left;
vertical-align:top;
}

.tableau_toutes_actualite{
background-color:#CFDDE8;
height: 21px;	
text-align:center;
vertical-align:top;
margin: 0px;
padding: 0px;
border: 0px;
}

.tableau_pied_accueil{
background-color:#971840;
width:600px;
height: 27px;
font-size:10px;
text-align:center;
vertical-align:middle;
color:#FFFFFF;
}

.tableau_pied_actus{background-image: url(images/accueil/pied_actus.gif);
background-repeat: no-repeat;
background-position: bottom;
width:200px;
height: 44px;
vertical-align:bottom;
}

.tableau_plan{
	background-image: url(images/accueil/pied_plan.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	text-align:justify;
	vertical-align:top;
	width: 600px;
	height: 153px;
}

/*
3) PARTIE DE GAUCHE
*/


/*.tableau_tiret1{
background-image: url(images/accueil/accueil_tiret_blanc.jpg);
background-repeat: repeat-x;
background-position: top;
height: 1px;	
}
*/



/*
4) PARTIE DE DROITE
*/

.marge_actualites{
width: 30px;
}

.tableau_actualites_vide{
height: 18px;
}



.tableau__actualite_pied{
background-image: url(images/accueil/accueil_pied.jpg);
background-repeat: no-repeat;
background-position: bottom;
width: 150px;
height: 82px;	
}

/*
5) BAS
*/

.tableau_degrade3{
background-color:#971840;
height: 27px;		
font-size:10px;
text-align:center;
vertical-align:middle;
color:#FFFFFF;
}

/*
PARTIE II : LISTE ACTUALITES ET DETAILS ARTICLES
*/

/*
1) GENERAL (image de pied de page et marges des tables)
*/

.tableau_liste_actus{
background-image: url(images/actus/actus_plan.jpg);
background-repeat: no-repeat;
background-position:bottom;
background-color:#CFDDE8;
width: 640px;
height: 478px;

}

.liste_actus_marge1{
width: 10px;
}

.liste_actus_marge2{
vertical-align:top;
width: 10px;
}

.liste_actus_marge3{
text-decoration: none;
border:0px;
width: 60px;
height: 10px;
}

.liste_actus_marge4{
width: 540px;
}

/*
2) ENTETE, TIRET, TEXTE
*/

.entete_actualites{
height: 55px;	
font-family:"Times New Roman", Times, serif;
font-size:21px;
font-style:inherit;
text-align:left;
vertical-align:top;
color:#A31F4B;
}

.tableau_tiret_actus{
background-image: url(images/actus/actus_tiret_bleu.jpg);
background-repeat: repeat-x;
background-position: top;
height: 3px;	
}

.actus_texte{
font-size: 12px;
vertical-align:top;
color: #636363;
height: 45px;
}

.actus_pdf{
vertical-align:top;
height: 23px;
}

/*
2) DETAILS
*/
.entete_actualites{
height: 120px;	
font-family:"Times New Roman", Times, serif;
font-size:21px;
font-style:inherit;
text-align:left;
vertical-align:top;
color:#A31F4B;
}

.tableau_details{
width: 540px;
}

.liste_details_marge1{
width: 20px;
}

.liste_details_marge2{
vertical-align:top;
width: 10px;
}

.liste_details_marge3{
width: 60px;
}

.liste_details_marge4{
width: 540px;
height: 35px;
}

.pied_adresse{
background-color:#FFFFFF;
height: 27px;		
font-size:10px;
text-align:center;
vertical-align:middle;
color:#A31F4B;
}

/*
APPEL A PROJET
*/

.marge_projet1{
vertical-align:top;
width: 30px;	
}

.marge_projet_filet{
background-image: url(images/projet.gif);
background-repeat: repeat-x;
background-position: top;
height: 1px;
width:150px;	
}

.marge_projet3{
font-family:"Times New Roman", Times, serif;	
font-size: 16px;
color: #636363;
font-style:inherit;
text-align:center;
vertical-align:top;
height: 125px;	
}
.marge_projet_pied{
height: 5px;
}
/*
MENU ADMINISTRATION
*/

.tableau_news{
background-image: url(images/accueil/accueil_degrade1.jpg);
background-repeat: repeat-x;
background-position: top;
height: 18px;	
vertical-align:middle;
font:white 5px ;
}
/*
FORMULAIRE
*/

.entete_formulaire{
height: 21px;
font-family:"Times New Roman", Times, serif;	
font-size:12px;
font-style:inherit;
vertical-align:top;
color:#A31F4B;
}

.formulaire_texte{
font-size: 11px;
vertical-align:top;
color: #636363;
height: 15px;
}

.frame_titre_popup{	
font-size: 11px;
color: #636363;
font-style:inherit;
text-align:left;
vertical-align:top;
}

.frame_news_popup{	
font-size: 11px;
color: #636363;
font-style:normal;
text-align:left;
vertical-align:top;
}

.frame_date_popup{
background-position: top;
font-size: 11px;
color: #636363;
font-style:inherit;
text-align:left;
vertical-align:top;
}