@charset "utf-8";
/* CSS Document */
html {margin:0;padding:0}

body{font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;color:#646464;padding:0;margin:0;background-image:url(../images/fond.gif);background-repeat:repeat-y;background-color:#3b3b3b;background-position:top center;position:relative}

#page{width:850px;margin:auto;position:relative;padding:35px;padding-top:0}

/* LAYOUT */

#preload-images{display:none}

#header{margin-top:20px;}

#centre{background-color:#FFF;}

#footer{position:relative;height:50px}

#fonctionnelles{width:100%;position:relative;text-align:right;padding-right:6px}

#menu_droite{float:left;padding-left:15px;width:237px;margin-top:25px;position:relative;z-index:3;padding-bottom:15px}

#fil_ariane{margin-top:-10px;margin-bottom:2px;font-size:11px;color:#6e6d6e;text-align:right;padding-right:6px}

.bloc_gauche{width:491px;padding-right:73px;float:left;clear:both}

#home #menu{padding-top:95px}

#menu{float:left;width:274px;}

#menu .chapo {color:#666666;font-size:18px;text-align:justify;padding-right:20px}

#centre {padding-left:8px}

#centre_home .bloc_gauche{padding-right:85px}

/* REFERENCES */

#masque_image{background-color:#FFF;width:850px;position:absolute;top:0;left:0;z-index:10}

.cadre_big{width:850px;position:relative;background-image:url(../images/cadre_b_img.gif);background-repeat:repeat-y;}

.cadre_big .header {z-index:1;position:absolute;top:0;left:0}

.cadre_big .footer {z-index:1;position:absolute;bottom:0;left:0}

.cadre_big .image {z-index:2;position:absolute;top:8px;left:8px}

.cadre_small{width:491px;position:relative;background-image:url(../images/cadre_s_img.gif);background-repeat:repeat-y;}

.cadre_small .header {z-index:1;position:absolute;top:0;left:0}

.cadre_small .footer {z-index:1;position:absolute;bottom:0;left:0}

.cadre_small .image {z-index:2;position:absolute;top:8px;left:8px}

.titre_rubrique{font-size:24px;color:#83b82a;font-weight:normal;padding-left:8px;padding-top:6px;margin-top:15px;clear:both}

.date_ref{padding:8px;font-size:12px;color:#333333;padding-bottom:4px;clear:both}

.min_ref{padding-left:8px;margin-top:10px}

.desc_ref{padding:8px;padding-top:0;clear:both}

.min_fichier{float:left;margin-right:8px;border:solid 1px #333;margin-bottom:8px}

.url{padding-left:8px;padding-bottom:8px}

/* BALISES */

h1{padding:0;margin:0;margin-bottom:10px;color:#83b82a;font-size:24px;padding:8px;padding-left:0}

h2{font-size:16px;color:#000;padding:5px;padding-left:0;margin-top:5px;margin-bottom:5px;font-weight:normal}

h3{font-size:12px;color:#e9127f;padding:5px;padding-left:0;margin:0}

h2.ref{font-size:24px;font-style:italic;color:#83b82a;font-weight:normal;padding-left:8px;padding-top:3px;padding-bottom:2px}

#fil_ariane h1{display:inline;color:#6e6d6e;font-size:12px;font-weight:normal;font-style:normal;padding:0;margin:0}

#menu ul, #fil_ariane ul {padding:0;margin:0;list-style:none}

#fil_ariane ul li {padding:0;margin:0;display:inline;list-style:none}

#menu ul li {list-style:none;padding-left:0;margin-left:0}

ul{margin:0;padding:0}

ul li{margin:0;padding:0;margin-left:15px;list-style-type:square;padding:3px;}

ol li{margin:0;padding:0;margin-left:12px;padding:3px;}

/* DIVERS */

.bloc_gris {padding:10px;border:1px solid #A5A8B8;background-color:#F5F5F5;font-size:12px;font-size:11px}

.bloc_gris .sous_bloc{margin-top:5px;margin-bottom:5px;padding : 15px; border: 1px solid #B5B8C8;background-color:#EAEAEA;}

.bold{font-weight:bold}

.align_middle{vertical-align:middle}

.element_actif{opacity:0.1}

.element_inactif{opacity:0}

.message, .message_erreur{background-color:#C9EFC2;border:solid 1px #63BF53;height:18px;padding-top:8px;font-size:12px;padding-bottom:5px;padding-left:5px;margin-top:5px;margin-bottom:15px}

.message_erreur{background-color:#FFAFB2;border-color:#9F272C;}

/* POLICES */

.vert_12{color:#9dc107;font-size:12px}

.gris_12{color:#646464;font-size:12px}

.gris_14{color:#333333;font-size:14px}

.rose_14 {color:#e9127f;font-size:14px;}

.rouge_11 { color:#B82703; font-size:11px; }

.rouge_12{color:#CA003C;font-size:12px;}

.rouge_14{color:#CA003C;font-size:14px;}

.noir_12{color:#000;font-size:12px;}

.erreur {color:#B82703; font-size:11px;}

/* LIENS */

a{color:#646464}

a:hover{color:#83B82A}

a.fonctionnel {color:#333;font-size:11px;text-decoration:none}

a.fonctionnel:hover {color:#333;font-size:11px;text-decoration:underline}

a.ariane {text-decoration:none;color:#83b82a;font-weight:normal}

a.ariane:hover {text-decoration:underline;color:#6e6d6e}

#menu ul li a{text-decoration:none;font-size:18px;color:#000}