/* ************************************************

- auteur : Ju Peronnet <juperonnet@gmail.com>

************************************************ */


* {

text-indent:0;

margin:0;

padding:0;

}



body {

font:12px Arial, sans-serif;

color:#000;

background:#b72003 url(../images/background-2.png) repeat-x top left;

text-align:center;

}



#img_gauche {

background:url(../images/img_gauche.png) no-repeat;

height:784px;

width:48px;

position:absolute;

left:-48px;

top:5px;

}



#img_droite {

background:url(../images/img_droite.png) no-repeat;

height:784px;

width:187px;

position:absolute;

top:0px;

left:959px;

}



#page {

position:relative;

width:959px;

text-align:left;

background:transparent;

margin:15px auto;

/*left:-35px;*/

}



hr {

width:100%;

color:#7F8343;

background-color:#7F8343;

height:1px;

margin:2px;

}



a {

color:#849F20;

text-decoration:none;

margin:0;

padding:0;

}



a:hover {

text-decoration:none;

color:#F90;

/*font-weight:bold;*/

}



.table_cadre {

width:500px;

border-spacing:0;

border-collapse:collapse;

margin:2px auto;

}



th {

font-size:11pt;

text-align:center;

border:1px solid #006495;

font-weight:400;

background:#66A1BF;

height:23px;

padding:2px;

}



td {

font-size:10pt;

text-align:center;

border:1px solid #006495;

background:transparent;

height:23px;

}



.formulaire_element {

float:left;

clear:both;

width:100%;

margin:2px;

}



.formulaire_element label {

float:left;

text-align:right;

width:260px;

margin-right:4px;

}



.ligne_separatrice {

float:left;

width:100%;

height:2px;

color:#F3A125;

background-color:#F3A125;

border:0;

margin:6px 0 3px;

padding:0;

}



h1,h2,h3,h4,h5,h6 {

font-family:Arial, sans-serif;

text-align:left;

margin:4px 0;

padding:2px;

}

/*#menu_contenu .menu_deroulant_n2 li {display:none;}
* html #menu_contenu .menu_deroulant_n2 li {display:block;}
#menu_contenu .menu_deroulant_n1 li:hover li {display:block;}*/

h1 {
font-size:22px;
color:#849F20;
font-weight:bold;
padding:2px;
text-align:center;
width:400px;

}



h2 {

font-size:18px;

color:#43218C;

font-weight:bold;

background:url(../images/Puce-T2-generique.gif) no-repeat 5px 5px;

padding:2px 2px 2px 28px;

}



h3 {

font-size:17px;

color:#849F20;

font-weight:bold;

}



h4 {

font-size:14px;

color:#00A0C6;

}



h5 {

font-size:12px;

color:#F90;

}



a img {

border:none;

}



form li {

list-style-type:none;

color:#000;

}



form td, form td:hover {

background:transparent;

}





ul {

margin:0 0 0 10px;

padding:0;

}



li {

color:#000;

margin:2px 0 0 10px;

padding:0;

}



#zone_bandeau {

margin-top:-15px;

height:122px;

width:959px;

background:transparent url(../images/background_corps.png) repeat-y;

}

#onglets_inscription {display:none;}

#bandeau {

height:50px;

width:959px;

background:transparent url(../images/bandeau_haut.gif) no-repeat top left;

}



#zone_accueil {

margin:0;

padding:0;

}



#zone_accueil a {

position:absolute;

top:40px;

left:30px;

width:211px;

height:105px;

text-decoration:none;

background:transparent url(../images/logo.png) no-repeat top left;



}



#vous_etes_ici {

position:absolute;

top:268px;

left:188px;

font:12px Arial, sans-serif;

margin:0;

}



#menus_communs {

position:absolute;

top:10px;right:350px;

text-align:right;

width:600px;

height:15px;

margin:0;

padding:0;

}



#menus_communs li {

font:bold 11px Arial;

/*display:list-item;*/

list-style-type:none;

margin:5px 0;

padding:0 0 0 15px;

display:inline;

}



#menus_communs li:hover,#menus_communs li.menu_actif {

background:url(../images/Puce-verte-bandeau.png) no-repeat 0 2px;

color:#849F20;

}



#menus_communs li a {

color:#000;

text-decoration:none;

margin:0;

padding:0;

}



#menus_communs li a:hover,#menus_communs li.menu_actif a {

color:#849F20;

}



/*#my_slideshow {

position:absolute;

top:0;

left:253px;

}*/



#zone_contenu {

float:left;

width:959px;

background:#fff url(../images/background_corps.png) repeat-y top left;

margin:0;

padding:0;

}

* html #zone_contenu {
width:959px;
background-color:transparent;
}


p,.page {

clear:both;

background-color:transparent;

text-align:justify;

line-height:18px;

}



#colonne_gauche {

clear:both;

float:left;

width:186px;

text-align:center;

margin:0 0 0 5px;

padding:0;

}

* html #colonne_gauche {
margin:0;
}

#colonne_droite {

float:right;

width:720px;

margin:20px 27px 0 0;

}

* html #colonne_droite {

margin:0 10px 0 0;

}



#zone_contenu_corps {

float:right;

width:700px;

text-align:justify;

background:url(../images/Soleil-fond.gif) no-repeat 40px 60px;

margin:0;

padding:0;

}



* html #zone_contenu_corps {

width:720px;
margin:0 0 0 20px;
}



#colonne_gauche h1 {

text-align:center;

font-weight:bold;

font-size:13px;

color:#751451;

margin:0;

padding:6px 0 0;

}



#menu_haut {

width:186px;

height:63px;

background:url(../images/menu_tete.png) no-repeat top left;

margin:0 0 0 15px;

}



#menu_contenu {

width:173px;

background:url(../images/menu_corps.png) repeat-x top left;

/*min-height:166px;*/

padding:0 0 0 10px;

margin:0 0 0 16px;

border-left:1px solid #c2bea5;

border-right:1px solid #c2bea5;

}



* html #menu_contenu {

width:185px;

}



#menu_bas {

width:186px;

height:13px;

background:url(../images/menu_pied.png) no-repeat top left;

margin:0 0 40px 15px;

}



#menu_contenu ul {

display:block;

color:#FFF;

list-style:none;

list-style-type:none;

margin:0;

padding:1px;

}



#menu_contenu li,#menu li li {

color:#000;

text-align:left;

margin:6px 0;

padding:0;

}



#menu_contenu li ul {

color:#FFF;

margin:0 /*0 0 10px*/;

padding:0;

}



#menu_contenu a:hover,#menu_contenu li.menu_actif a {

/*background:url(../images/puce_fleche.png) no-repeat 0 2px;*/

color:#68821d;

font-weight:bold;

}



	#menu_contenu li a {

		padding:0 0 0 10px;

		background:transparent url(../images/puce_menu_1.gif) no-repeat 0 3px;

		font-weight:bold;

		}



	#menu_contenu li li.menu_actif a {

		padding:0 0 0 10px;

		background:transparent url(../images/puce_menu.gif) no-repeat 0 3px;

		font-weight:normal;

		}



	#menu_contenu li li.menu_inactif a {

		background:none;

		color:#706fb1;

		padding:0;

		font-weight:normal;

		}



#menu_contenu li.menu_inactif a {

color:#849F20;

font-weight:bold;

}



#menu_contenu li.menu_inactif a:hover {

color:#68821d;

font-weight:bold;

}



#moteur_recherche {

background:url(../images/Fond-recherche.gif) no-repeat;

/*float:right;*/

width:184px;

height:30px;

margin:0;

padding:5px 0 5px 0;

margin:0 0 0 17px;

}



#moteur_recherche fieldset {

border:0;

margin:0;

padding:0;

}



#more_motif {

width: 124px;

padding: 2px;

border: 1px solid #F90;

font: 11px Arial, sans-serif;

color: #333;

}



#more_ok {

font:11px Arial, sans-serif;

text-transform: uppercase;

color:#333;

border:0;

background:transparent;

margin:0;

padding:0;

}



#zone_onglets {

float:right;

text-align:left;

font-weight:bold;

margin:0 20px -1px 0;

}



#zone_onglets ul {

list-style:none;

width:510px;

float:right;

margin:0;

padding:0;

}



#zone_onglets li {

/*width:84px;*/

height:20px;

background:url(../images/Bouton.gif) no-repeat top left;

float:left;

color:#006495;

margin:0 0 0 20px;

padding:0;

}



#zone_onglets a {

/*width:84px;*/

height:20px;

display:block;

color:#4F3493;

font-size:11px;

background:url(../images/left_both_blue.gif) no-repeat left top;

white-space:nowrap;

text-decoration:none;

text-align:center;

padding-top:5px;

float:none;

}



#zone_onglets > ul a {

width:auto;

}



#zone_onglets li:hover,#zone_onglets li.onglet_actif {

background:url(../images/Bouton-over.gif) no-repeat top left;

}



.boite_rss {

border:3px solid #efb521;

margin-bottom:10px;

width:97%;

float:left;

padding:6px;

}



#identification {

position:absolute;

top:10px; right:10px;

color:#000;

font:bold 11px Arial;

width:325px;

height:15px;

}

#identification fieldset {float:left;}

#identification label { display:none;

}



#menu_1_25 a, #menu_lien_1_25 {color:#F00;}



#username,#password {

color:#333;

font:11px Arial, sans-serif;

width:84px;

background:#FFF;

margin:0 2px;

padding:2px;

border:1px solid #FF9900;

display:inline;

}



#persistant {

display:none;

}



#persistant_label {

display:none;}



#connexion {

font:11px Arial, sans-serif;

color:#333;

border:0;

background:#FFF;

text-transform:uppercase;

margin:0;

padding:1px;

}



#form_connexion {

display:inline;

color:#FFF;

margin:0;

}



#iden_action {display:inline;}

#identification_info {display:inline;}

#lien_inscription {display:none;}



#zone_contenu_corps h1 {

text-align:center;
background:url(../images/logo_h1.png) no-repeat;
padding:5px 0 5px 20px;
margin:20px auto;

}



#zone_contenu_corps h2 {

text-align:left;

background:url(../images/logo_h2.png) no-repeat;

padding:5px 0 5px 30px;

margin:25px 0 25px 0;

color:#7271b5;

}



#zone_contenu_corps .boite_jaune h2 {

padding:7px 0 5px 60px;

margin:0;

background:none;

font-size:15px;

color:#474b8a;

}



	#zone_contenu_corps .boite_jaune li{

		list-style-type:none;

		background: transparent url(../images/boites/puce_rss.gif) no-repeat 0 5px;

		padding:0 0 0 18px;

		margin:0;

		}



	#zone_contenu_corps .boite_jaune li a {

		color:black;

		font-size:13px;

	}



	#zone_contenu_corps .boite_jaune li a:hover {

		text-decoration:underline;

	}



	#zone_contenu_corps .boite_jaune ul{

		margin:0;

		}





	#zone_contenu_corps .boite_jaune .titre_flux_rss {

		color:#c15b33;

		margin:0;

	}





#zone_contenu_corps .boite_verte h2 {
padding:7px 0 5px 60px;
margin:0;
background:none;
font-size:15px;
background:none;
color:#7370b3;
}



#zone_contenu_corps .boite_bleu h2 {
width:100%;
padding:7px 0 5px 40px;
margin:0;
background:none;
font-size:15px;
color:#fa9c00;
}



#zone_contenu_corps h3 {
padding:0 0 0 15px;
margin:10px 0 0 0;
}



.fiche {width:300px; height:260px; overflow: auto; font-size:10px;}

.fiche .nom_fiche {font-size:14px;}

.fiche .logo_fiche {height:80px; width:80px; margin-right:10px;}

.fiche .titre_fiche {font-size:11px; color:#4F3493; margin-top:5px;}

.fiche .lien_fleche a {font-size:11px;}

.fiche .liste_fiche {font-size:10px;}



.boite_bleu {

width:204px;

display:inline;

margin:0 15px 20px 0;

}



    .tete_bleu {

    height:30px;

    width:202px;

    background:url(../images/boites/tete_bleu.png) no-repeat top left;



    }



    .corps_bleu {

    background:#FFFFFF;

    border-right: solid 3px #6472B3;

    border-left: solid 3px #6472B3;

    width:159px;

    min-height:40px;

    padding:0 18px 0 18px;

    }



    * html .corps_bleu {

    width:202px;

    }



    .pied_bleu {

    background:url(../images/boites/pied_bleu.png) no-repeat;

    width:202px;

    height:18px;

    }

.boite_bleu h2 {padding:0; margin:0;}





	.boite_verte {

	width:204px;

	display:inline;

	margin:0 15px 20px 0;

	}



		.tete_verte {

		height:30px;

		width:202px;

		background:url(../images/boites/tete_verte.png) no-repeat top left;

		}



		.corps_verte {

		background:#FFFFFF;

    		border-right: solid 3px #74AE24;

    		border-left: solid 3px #74AE24;

		width:160px;

		min-height:40px;

		padding:0 18px 0 18px;

		}



		* html .corps_verte {

		width:202px;

		}



		.pied_verte {

		background:url(../images/boites/pied_verte.png) no-repeat;

		width:202px;

		height:18px;

		}



		* html .pied_verte {

		width:202px;

		}





	.boite_jaune {

	width:204px;

	float:left;

	}



		.tete_jaune {

		height:31px;

		width:203px;

		background:url(../images/boites/tete_jaune.png) no-repeat top left;

		}



		.corps_jaune {

		background:#FEAC08 url(../images/boites/corps_jaune.png) no-repeat top left;

		width:167px;

		min-height:40px;

		padding:0 18px 0 18px;

		}



		* html .corps_jaune {

		width:203px;

		}



		.pied_jaune {

		background:url(../images/boites/pied_jaune.png) no-repeat ;

		width:204px;

		height:10px;

		}



.zone_alert,.pap_erreur,.erreur {

text-align:center;

border:1px solid red;

background:#FDD;

margin:5px auto;

padding:2px;

}


.zone_info {

text-align:justify;

font-size:13px;

border:1px solid #EFE795;

background:#FFFCDF url(../images/Info.png) no-repeat top left;

margin:5px auto;

padding:2px 2px 2px 36px;

}



.symbole_obligatoire {

color:red;

width:5px;

text-align:right;

}



#zone_pied {

float:left;

font:bold 12px Arial, sans-serif;

text-align:center;

width:959px;

background:url(../images/footer.gif) no-repeat top left;

margin:0;

padding-top:60px;

color:#FFF;

clear:both;

}



#zone_pied a { color:#FFF; }



form table,form td,form th,#form_connexion fieldset {

border:0;

}



form input,form textarea, form select {

border:1px solid #ffce18;

}



#moteur_recherche legend,#moteur_recherche label,.hr_clear,.commentsheader,.footer,#identification legend,#identification_message {

display:none;

}



#zone_onglets a:hover,#zone_onglets li.onglet_actif a {

color:#F2B814;

}



.rss_site_titre,.rss_titre_item {

font-size:13px;

}

table.noborder th, table.noborder tr, table.noborder td {border:none;} 

