/* DEBUT Structure générale de la page */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0 ; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
	padding: 10px;
	background-color: #838A95;
}
#conteneur {
	position: relative;
	margin: 0 auto;
	/*background-color:#CCCCFF;*/
	text-align: left; /* on rétablit l'alignement normal du texte */
	width: 90%;
	max-width: 1024px; /* 900px */
	min-width: 1024px; /* 700px */
}
/* DEBUT header */
div#bandeau_corp {
    margin: 0;
    padding: 0;
	height: 107px;
	width: 100%;
	background:url(images/bandeau_corp.jpg);
	background-color:#FFFFFF;
	background-position:left;
	background-repeat:no-repeat;
	text-align:right;
}
ul#menu_haut
{
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	background-color:#C5E640;
	list-style-type: none ;
}
/* On donne une hauteur au menu, correspondant a
 la taille de l'image utilisée en fond, on met ensuite l'image de fond
  avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */
ul#menu_haut li
{
	float: left ;
	text-align: center ;
}/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */

ul#menu_haut li a
{
	line-height: 25px ;
	font-size: 1em ;
	font-weight: bold ;
	color: #000 ;
	display: block ;
	text-decoration: none ;
	background-color:#C5E640;
	border-right: 2px solid #fff ;
	padding-left:20px;
	padding-right:20px;
}/* C'est sur les liens que le gros du travail est
 effectué, largeur, hauteur de ligne, taille de police, graisse de police,
  espacement des lettres, couleur, bordure et decoration du texte. 
  Nous pouvons dimensionner les a grâce à la propriété display: block ; */

ul#menu_haut li a:hover
{
	color: #fff ;
	background-color:#FF6600;
}/* Et pour finir on décale l'image de fond au passage
 de la souris pour laisser aparaître l'état survolé de l'image, 
 voir le tutoriel sur les roll over pour plus de détails */


#header {
	/*height: 100px;
	background-color: #99CCCC;*/
}
/* FIN header */

#menu_gauche {
	width: 150px;
	background-image: url(images/mg_centre.jpg);
	background-repeat: repeat-y;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	float: left;
}
div#col_menu_gauche {
    margin: 0px;
    padding: 0px;
	background:url(images/fond_col_menu_gauche.gif);
	background-repeat:repeat-y;
	width: 100%;
}
#contenu {
	padding:10px;
	background-color:#FFFFFF;
	margin-left: 150px;
}
div#col_contenu {
    margin: 0px;
    padding: 0px;
	background-color:#FFFFFF;
    width: 100%;
} 
/* FIN Structure générale de la page */



/* DEBUT colonne gauche */
ul#liste_menu_gauche
{
	margin: 0px ;
	padding: 0px ;
}
ul#liste_menu_gauche li
{
	text-align: left ;
	font-size: 0.8em ;
	font-weight: bold ;
	color: #FF6600 ;
	list-style-type:none;
	margin-left:15px;
	margin-right:10px;
	margin-bottom:5px;
}

ul#liste_menu_gauche li a
{
	color: #000 ;
	display: block ;
	text-decoration: none ;
}

ul#liste_menu_gauche li a:hover
{
	color: #FF6600 ;
}

/* sous-menus gauche */
ul#liste_ssmenu_gauche
{	margin: 0px ;
	padding: 0px ;}
ul#liste_ssmenu_gauche li
{	text-align: left ;
	font-size: 0.83em ;
	font-weight:normal;
	color: #FF6600 ;
	list-style-type:none;
	margin-left:15px;
	margin-right:10px;
	margin-bottom:0px;}
ul#liste_ssmenu_gauche li a
{	color: #000 ;
	display: block ;
	text-decoration: none ;}
ul#liste_ssmenu_gauche li a:hover
{	color: #FF6600 ;}
/* FIN colonne gauche */



/* DEBUT pied de page */
div#pied_centre {
    padding: 5px;
    margin-left: 12px;
    margin-right: 12px;
	background-color:#C5E640;
}
div#col_piedD {
    margin: 0;
    padding: 0;
    background-image: url(images/pied_droit.gif);
    background-position: right bottom;
	background-repeat:no-repeat;
    width: 100%;
}
div#col_piedG {
    margin: 0px;
    padding: 0px;
    background-image: url(images/pied_gauche.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	width: 100%;
} 
div#contenu_footer {
    margin-left: 5px;
    margin-right: 5px;
}
/* FIN pied de page */


/* DEBUT head bandeau noir */
div#head_centre {
    padding: 5px;
    margin-left: 12px;
    margin-right: 12px;
	background-color:#000000;
}
div#col_headD {
    margin: 0;
    padding: 0;
    background-image: url(images/bhnd.gif);
    background-position: right top;
	background-repeat:no-repeat;
    width: 100%;
}
div#col_headG {
    margin: 0px;
    padding: 0px;
    background-image: url(images/bhng.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width: 100%;
} 
/* FIN head bandeau noir */



/* DEBUT CEL */
#cel_catal_on {
    padding: 5px;
	/* margin-right:111px; */
	vertical-align:top;
	width:100px;
	background-image: url(images/fond_cel.jpg);
    background-repeat:repeat-x;
	background-position: top left;
	background-color: #E0DEDF;
	border-left:#B3B4AE solid 1px;
	border-top:#B3B4AE solid 1px;
	border-right:#686866 solid 2px;
	border-bottom:#686866 solid 2px;
}
#cel_catal_off {
    padding: 5px;
	/* margin-right:111px; */
	vertical-align:top;
	width:100px;
	background-image: url(images/fond_cel.jpg);
    background-repeat:repeat-x;
	background-position: top left;
	background-color: #E0DEDF;
	border-left:#B3B4AE solid 1px;
	border-top:#B3B4AE solid 1px;
	border-right:#B3B4AE solid 2px;
	border-bottom:#B3B4AE solid 2px;
}
#cel_categ {
    /* float:right; */
	vertical-align:top;
	padding: 0px;
	background-image: url(images/fond_cel.jpg);
    background-repeat:repeat-x;
	background-position: top left;
	background-color: #E0DEDF;
	border-left:#B3B4AE solid 1px;
	border-top:#B3B4AE solid 1px;
	border-right:#686866 solid 1px;
	border-bottom:#686866 solid 2px;
}
#cel_ref_cont {
    background-color: #FFFFFF;
	border-left:#B3B4AE solid 1px;
	border-top:#B3B4AE solid 1px;
	border-right:#686866 solid 1px;
	border-bottom:#686866 solid 2px;
}
div#conteneur_cel_categ{
	width: 100%;
}
div#cel_col1, div#cel_col2{
	float: left;
	width: 49%;
}
div#cel_ref{
	float:left;
	width: 130px;
	text-align:center;
}
.cel_titre_categ {
    padding-left: 10px;
	margin-right: 20px;
	font-weight: bold ;
	color:#000000;
}
.cel_liste_categ {
	clear:left;
    padding-left: 20px;
	margin-right: 20px;
}
.cel_liste_categ_on {
	color:#000000;
}
.cel_liste_categ_on a {
	color:#000000;
	text-decoration:none;
}
.cel_liste_categ_on a:hover {
	color:#FF6600;
	text-decoration:none;
}
.cel_liste_categ_off {
	color:#B3B4AE;
}
.cel_img_catal{
    text-align:center;
	text-decoration:none;
	border:0px;
}
.cel_filet_supcat1 {
	margin-right: 20px;
	margin-top: -4px;
	margin-bottom: -4px;
	background-image: url(images/pix_supcat1.gif);
	background-position: center;
	background-repeat: repeat-x;
	height:10px;
}
.cel_filet_supcat2 {
	margin-right: 20px;
	margin-top: -4px;
	margin-bottom: -4px;
	background-image: url(images/pix_supcat2.gif);
	background-position: center;
	background-repeat: repeat-x;
	height:10px;
}
.cel_filet_supcat3 {
	margin-right: 20px;
	margin-top: -4px;
	margin-bottom: -4px;
	background-image: url(images/pix_supcat3.gif);
	background-position: center;
	background-repeat: repeat-x;
	height:10px;
}
.cel_filet_supcat4 {
	margin-right: 20px;
	margin-top: -4px;
	margin-bottom: -4px;
	background-image: url(images/pix_supcat4.gif);
	background-position: center;
	background-repeat: repeat-x;
	height:10px;
}
.cel_filet_orange {
	margin-right: 20px;
	margin-top: -4px;
	margin-bottom: -4px;
	background-image: url(images/pix_orange.gif);
	background-position: center;
	background-repeat: repeat-x;
	height:10px;
}
.cel_filet_orange2 {
	background-image: url(images/pix_orange.gif);
	background-position: center;
	background-repeat: repeat-x;
	height:40px;
	margin-right:15px;
}
.cel_puce_catal {
	float:left;
}
.clear_left {
	clear:left;
}
.cel_onglet_on {
    float:right;
	width:109px;
	padding: 2px;
	text-align:center;
	text-decoration:none;
	color:#000000;
	background-image: url(images/cel_onglet_on.gif);
    background-repeat: no-repeat;
	background-position: top right;
}
.cel_onglet_off a{
    float:right;
	width:109px;
	padding: 2px;
	text-align:center;
	text-decoration:none;
	color:#7F7F7F;
	background-image: url(images/cel_onglet_off.gif);
    background-repeat: no-repeat;
	background-position: top right;
}
.cel_onglet_off a:hover{
    float:right;
	width:109px;
	padding: 2px;
	text-align:center;
	text-decoration:none;
	color:#000000;
	background-image: url(images/cel_onglet_on.gif);
    background-repeat: no-repeat;
	background-position: top right;
}
.cel_ongref_on {
    float:left;
	width:96px;
	padding: 2px;
	text-align:center;
	text-decoration:none;
	color:#000000;
	background-image: url(cel/images/pictos/cel_ongref_on.gif);
    background-repeat: no-repeat;
	background-position: top left;
}
.cel_ongref_off a{
    float:left;
	width:96px;
	padding: 2px;
	text-align:center;
	text-decoration:none;
	color:#7F7F7F;
	background-image: url(cel/images/pictos/cel_ongref_off.gif);
    background-repeat: no-repeat;
	background-position: top left;
}
.cel_ongref_off a:hover{
    float:left;
	width:96px;
	padding: 2px;
	text-align:center;
	text-decoration:none;
	color:#000000;
	background-image: url(cel/images/pictos/cel_ongref_on.gif);
    background-repeat: no-repeat;
	background-position: top left;
}
.bouton_recherche_directe {
	background-color: #287FB5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0D2C40;
	border: 1;
	border-color: #0D2C40;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	cursor: hand;
}
a span          {     display: none;}
a:hover span    {     display: inline;
                      background:#000000;
                }
/* FIN CEL */



/* DEBUT Documentation */
#doc_fond {
    vertical-align:top;
	padding: 5px;
	background-image: url(images/fond_doc.jpg);
    background-repeat:repeat-x;
	background-position: top left;
	background-color: #CDE5F0;
	border-left:#A4D1E3 solid 1px;
	border-top:#A4D1E3 solid 1px;
	border-right:#4E8196 solid 1px;
	border-bottom:#4E8196 solid 2px;
}
#doc_contour {
    padding: 3px;
	border-left:#A4D1E3 solid 1px;
	border-top:#A4D1E3 solid 1px;
	border-right:#4E8196 solid 1px;
	border-bottom:#4E8196 solid 2px;
}
/* FIN Documentation */


/* DEBUT Dossier Exploitant */
.doss_expl_cadre
{
	background-color:#C5E640;
	border: 1px solid #9ABC0D ;
}
/* FIN Dossier Exploitant */


/* DEBUT ajustement à la hauteur maxi des colonnes */
.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
/* FIN ajustement à la hauteur maxi des colonnes */


/* DEBUT references */
div#cont_vignette_legende { /* références nationales */
	margin: 10px;
	width:119px;
	background-image:url(images/filet-vert.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
div#cont_vignette_legende_int { /* références internationales */
	margin: 10px;
	width:119px;
	background-image:url(images/filet-bleu.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
div#case_legende {
	padding-left:15px;
	padding-right:7px;
	padding-bottom: 10px;
	text-align:center;
}
/* FIN references */


/* DEBUT SAV */
div#acces_sav {
	width:374px;
	height:73px;
	text-align:right;
	background-image:url(sav/templates/onglet-bleu_sav.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:30px;
	padding-right:30px;
}
/* FIN SAV */


/* DEBUT menu gauche accueil */
div#acc_onglet_vert {
	height:19px;
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold ;
	text-align:right;
	background-image:url(accueil/templates/bandeau_vert.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding-right:10px;
	padding-top:2px;
}
div#acc_contenu {
	padding:5px;
}
div#acc_bloc_zoom {
	background-color:#DCF08C;
	border-right: 1px solid #9ABC0D;
}
div#acc_bloc_agenda {
	background-color:#EFF8CC;
	border-right: 1px solid #9ABC0D;
}
div#acc_bloc_newsletter {
	background-color:#EFF8CC;
	border-right: 1px solid #9ABC0D;
	border-bottom: 1px solid #9ABC0D;
}
/* FIN menu gauche accueil */


/* DEBUT page accueil */
div#acc_onglet_orange {
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold ;
	text-align:left;
	background-image:url(accueil/templates/bandeau_orange.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:2px;
	padding-top:2px;
}
div#acc_onglet_bleu {
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold ;
	text-align:left;
	background-image:url(accueil/templates/bandeau_bleu.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:2px;
	padding-top:2px;
}
div#acc_contenu {
	padding:5px;
}
div#acc_bloc_references {
	border-left: 1px solid #EC7A14;
}
div#acc_bloc_contact {
	border-left: 1px solid #0097DB;
}
/* FIN page accueil */


/* DEBUT page actu */
div#conteneur_resume {
	padding-bottom:30px;
	width: 100%;
}
div#conteneur_article {
	padding-top:15px;
	padding-bottom:15px;
	padding-left:10px;
	width: 98%;
}
div#actu_verte {
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold ;
	text-align:left;
	background-image:url(images/onglet_vert_act.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:2px;
	padding-top:2px;
	width: 100%;
	height: 20px;
}
div#actu_bleue {
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold ;
	text-align:left;
	background-image:url(images/onglet_bleu_act.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:2px;
	padding-top:2px;
	width: 100%;
	height: 20px;
}
.texte_date { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 10px;
	color:#A4A4A4;
}
.texte_resume { 
	margin-left: 10px;
}
.ligne_1{
	background-color:#b6d8bb;
}
.ligne_2{
	background-color:#e1f8e4;
}
/* FIN page actu */



/* DEBUT intranet */
#Conteneur_connection {
	position: fixed;
	width: 300px;
	/* margin-top: 10px; */
}
.barre_cadre_bleue_off { /* Sans marge en haut */
	background-color: #A9BEE7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1C3C85;
	border: 1px solid #1C3C85;
	padding: 2px;
	padding-left: 10px;
	margin-left: 15px;
	margin-right: 15px;
}
.contenu_cadre {
	background-color: #C8D5F2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1C3C85;
	border: 1px solid #1C3C85;
	border-top: 0;
	padding: 2px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
}
.erreur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-align: center;
}
/* FIN intranet */



/* DEBUT commun */
div#titre_article {
	font:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold ;
	padding-left:10px;
	padding-top: 5px;
	margin-left:15px;
	margin-bottom:10px;
	border-top: 1px solid #0288B7;
}
div#titre_article_accueil {
	font:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold ;
	color:#0288B7;
	padding-left:10px;
	padding-top: 5px;
	margin-left:15px;
	margin-bottom:10px;
	border-top: 1px solid #0288B7;
}
div#sphere_titre_article {
	float: left ;
	background-image: url(images/sphere_bleue.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:15px;
	height:21px;
}
div#copyright {
	font:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:right;
	padding-right:10px;
}
div#float_right {
	float:right;
	margin-left:10px;
}
.clear_right {
	clear:right;
}

/* sans soulignement */
.texte_small {
	font:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
}
.texte_small a {
	font:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	text-decoration:none;
}
.texte_small a:hover {
	color:#FF6600;
}

/* avec soulignement */
.texte_small2 {
	font:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
}
.texte_small2 a {
	font:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
}
.texte_small2 a:hover {
	color:#FF6600;
}

.texte_bandeau_noir {
	font:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:10px;
}

.texte_small_gras {font:Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; font-weight: bold ;}
.texte_small_gras a {font:Arial, Helvetica, sans-serif;	font-size: 10px; color:#000000;	text-decoration:none;}
.texte_small_gras a:hover {color:#FF6600;}

.texte_bandeau_noir {
	font:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:10px;
}

.texte_gras_noir {
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	font-weight: bold ;
}
.texte_gras_noir a {
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration:none;
	font-weight: bold ;
}
.texte_gras_noir a:hover {
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF6600;
	text-decoration:none;
	font-weight: bold ;
}
/* texte noir */
div#texte_large {
	width:90%;
}

<!-- cette class (par défaut) retire le soulignement des liens -->
.texte_noir {
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}
.texte_noir a {
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration:none;
}
.texte_noir a:hover {
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF6600;
	text-decoration:none;
}

<!-- cette class permet le soulignement des liens -->
.texte_noir2 { 
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}
.texte_noir2 a {
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}
.texte_noir2 a:hover {
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF6600;
}

.gros_titre {
	font:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold ;
}

.supcat_verticale {
	font:Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	font-style:italic;
	line-height: 1.1em;
	color:#FFFFFF;
}

.texte_gris {
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#999999;
}
.TexteRouge {	font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FF0000;} <!-- Pour l'inscription à la newsletter -->
.Visualise_Ecat {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF0000;} <!-- Pour Visualiser un E-catalogue -->
.texte_Ecat {
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF0000;
	font-weight: bold ;
}

div#annonce_postit {
    margin: 10;
    padding: 0;
	background-color:#F1F1DA;
	border: thin solid 1px #DDDEAC;
	text-align:left;
	float:left;
}


/* FIN commun */




/* ---------------------------------------------------------- */
/* DEBUT tooltip (infos-bulle) */
/* ---------------------------------------------------------- */
/* css pour la tooltip lien avec preview */
/*#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}*/
/* css pour la tooltip image preview */
/*#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}*/
/* css pour la tooltip normal */
/*#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}*/
/* FIN tooltip (infos-bulle) */
/* ---------------------------------------------------------- */


p {margin: 0 0 10px 0;}