/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Cascading Style Sheet of FOOTWAYS SAS - FOOTWAYS.EU 					  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Version : 1.00														  */
/* Author : [TK]														  */
/* Last update : 09/09/2009	 @ 09h10									  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Test des balises classiques */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* 
table {border: 1px solid black}
td {border: 1px dotted gray}

div {border: 1px solid orange}

img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}
 */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/*  CODAGE DES NOMS DE FICHIERS "FONDS" */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* 
couleur + hauteur + largeur des bandes + orientation du gradient

Couleur : [ bleu, bleu clair, rouge, vert, jaune, gris, noir, violet]
Hauteur : [court =ct ou long = lg]
Largeur des bandes : [petites = pt, grandes = gd ou pas de bandes = zz]
Orientation du gradient : [foncé vers vlair = 0, clair vers foncé = 1] + w si gradient couleur vers blanc et non couleur vers couleur + clair

Exemple : bleu_ct_pt_0.png
> gradient = bleu vers bleu clair
> hauteur = courte
> largeur des bandes = petites
> orientation du gradient = foncé (en haut) vers clair (en bas)
 
 */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Modification des balises par défaut */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


* {
margin: 0px; /* S'assurer de l'uniformité des balises pour tous les naviguateurs */
padding: 0px;
border: 0px; /* Modification pour rendre les bordures de tableaux visibles */
font-family: sans-serif; /* Police sans empattement */
font-size: 1.0em;
/* font-weight: ;  En règle générale si l'on veut empecher l'utilisation de style WYSIWYG on utilise la valeur "normal" */
/* text-decoration: ; La valeur (none) de la propriété (text-decoration) du sélecteur (*) empêche tout soulignement */
}

html { 
font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 

/* Body */ 

body {
margin: 0; 
padding: 0em; /* Remettre à zéro si nécessaire. */ 
font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
font-size: 0.8em; /* À adapter pour la police choisie. (3) */ 
line-height: 1.4; /* À adapter au design. (4) */ 
color: black; 
background: white; 
/*background: url(../images/fond_horizontal_infini.png) top center repeat-y; */
text-align: center; /* On utilise text-align: center ; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */
}


/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
margin: 1em 0 0.5em 0; /* Rapproche le titre du texte. (5) */ 
line-height: 1.2em; 
font-weight: bold; /* Valeur par défaut. (6) */ 
font-style: normal;
} 

h1 { 
font-size: 1.75em; 
} 
h2 { 
font-size: 1.5em; 
} 
h3 { 
font-size: 1.25em; 
} 
h4 { 
font-size: 1em; 
} 


/* Listes */ 
ul, ol { 
margin: .75em 0 .75em 32px; 
padding: 0; 
} 

/* Paragraphes */ 
p { 
margin: .5em 0; /* Marges plus faibles que par défaut. (7) */ 
} 



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* --- STYLES DE BASE SUPPLÉMENTAIRES --- */ 
 /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


/* Met en évidence les abréviations (ayant un attribut title) */ 
abbr[title]
{
border-bottom: 1px dotted; 
cursor: help;
}

acronym[title]
{
border-bottom: 1px dotted; 
cursor: help; 
}


/* Met en évidence les citations */ 
blockquote
{ 
margin: .75em 0 .75em 20px; 
padding: 0 0 0 10px; 
border-left: solid 2px #ddd; 
}

q, cite
{ 
font-style: italic; 
}

q cite, q q
{ 
font-style: normal 
} 

/* Supprime les guillemets automatiques (citations courtes) */ 
q
{
quotes: none; 
} 
q:before, q:after { 
content: ""; /* Nécessaire pour Safari/Chrome */ 
} 

/* Rapproche les paragraphes dans les listes et citations */ 
blockquote p, li p
{ 
margin: .5em 0; 
} 

/* Styles de base pour les listes de définition */ 
dl
{ 
margin: .75em 0; 
}

dt
{ 
margin: .75em 0 0 0; 
font-weight: bold; 
} 

dd
{
margin: .25em 0 .25em 32px; 
} 


/* Conteneurs sémantiques de HTML 5 */ 
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section { 
display: block; 
}


/* Pas de bordure autour des images dans les liens */ 
a img { 
border: none; 
} 

/* Divers éléments de type en-ligne (8) */ 
em { 
font-style: italic; 
} 
strong { 
font-weight: bold; 
} 

/* Formulaires */ 
form, fieldset { 
margin: 0; 
padding: 0; 
border: ; 
} 
input, button, select { 
vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* °º¤ø,¸¸,ø¤º°`°º¤ø,¸( MAIN DIVISIONS )°º¤ø,¸¸,ø¤º°`°º¤ø,¸  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


#top{
height: 130px; /*Height of top section + 20px for tickers */
width: 100%;
margin: 10px 0 20px 0; 
/*background: #B3E3F5;*/ /*alpha*/
/*border: 1px solid red;*/
}

.header
{
position: relative;
top:;
left:;
/* 111px instead of 120 for minimum space between header and running banner */
height: 111px;
width: 100%;

background: #fff url(images/bandeau_top_ntr_v5.png) top center no-repeat;
cursor: hand;
cursor: pointer;
/*background: #000 url(images/header_top_notr_v4.png) top center;*/
}

.header_maintenance
{
position: relative;
top:;
left:;

height: 129px;
width: 100%;

background: #fff url(images/header_top_notr_v4.png) top center no-repeat;
}

.centrage_inline {
text-align: center;
}

.right_inline {
text-align: right;
}

.left_inline {
text-align: left;
}



#top img.logo_header {
/*border: 1px solid green;*/ /*alpha*/
}

#top a {
/*border: 1px solid red;*/ /*alpha*/
}

#middle{
height: ;
min-height: 400px;


width: 1000px;
min-width: 800px;

margin: 0px auto 0px;
/*border: 1px solid blue;*/ /*alpha*/
}

#menu_left_1{
float: left;
width: 190px; /*Width of left column*/
min-width:;
margin: 0px;
background: #;
/*border: 1px solid black;*/ /*alpha*/
}

#menu_right_1{
float: left;
width: 190px; /*Width of right column*/
min-width:;
margin: 0px; /*Set left marginto -(RightColumnWidth)*/
background: #;
/*border: 1px solid green;*/ /*alpha*/
}

#content{
float: left;

margin: 0px 10px 20px;
width: 600px;
min-width: 300px;
/*border: 1px solid brown;*/ /*alpha*/
}

#footer{
clear: left;
width: 1000px;
height: 96px;
color: #000;
text-align: center;
margin: 0px auto 0;
padding: 0px 0 0 0px;
background: url(images/footer_5_v2_no_trsp.png) top center no-repeat;

/* border: 1px dashed purple; */
}

#footer .bloc_1 img , .bloc_2 img
{
vertical-align: middle;
padding: 0 10px 0 10px;
}


#footer .bloc_1
{
position: relative;
top: 0px;
left: 0px;
float: left;
margin: 0 auto;
width: auto;
text-align: left;

border: 0px solid blue;

}

#footer .bloc_2
{
position: relative;
top: 0px;
left: 0px;
float: right;
margin: 0 auto;
width: auto;
text-align: right;

border: 0px solid red;
}

#footer ul li
{
list-style: none;
color: #000;
/* no background image 
background: url(images/puce_5_4.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px;
line-height: 1.55em;

text-decoration: none;
/*border-bottom: 1px solid #dadada;*/

font-family: Arial;
font-size: 0.9em;
font-style: normal;
font-weight: normal;

}

#footer .bloc_1 ul li
{
padding-left: 0px;
/*padding-top: 4px;*/
}

#footer .bloc_2 ul li
{
padding-right: 30px;
}

#footer a
{
font-family: Tahoma, "Trebuchet MS", sans-serif;
color: #fff;
text-decoration: none;
}

#footer a:link
{ 
color: white; 
} 

#footer a:hover, #footer a:focus, #footer a:active
{ 
color: black; 
border-left: 2px solid black;
padding-left: 5px;
font-weight: bold;
} 


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* °º¤ø,¸¸,ø¤º°`°º¤ø,¸( PARAMETERS OF THE LEFT MENU )°º¤ø,¸¸,ø¤º°`°º¤ø,¸  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* Largeur du menu (largeur des bouttons) */
.menu_left{
width: 192px; /*width of accordion menu*/
}

/* Paramètres des catégories h3 */
.menu_left .cat_1 h3, .menu_left .cat_2 h3, .menu_left .cat_3 h3, .menu_left .cat_4 h3, .menu_left .cat_5 h3 { /*CSS class for menu headers in general (expanding or not!)*/
height: 42px;
margin: 0px 0px 10px 0; /*bottom spacing between header and rest of content*/
padding: 0px 0px 0px 15px; /*header text is indented 10px*/

color: black;

font-weight: bold;
font-size: 0.8em;
font-family: "Trebuchet MS";
text-transform: normal;
text-align: left;
/*background: black url(menu_left_green_out.png) no-repeat center left;*/

cursor: hand;
cursor: pointer;
}

/* Texte des titres h3 */
.menu_left h3 p {
padding: 13px 0px 0px 0px;
font-size: 1.25em;
}

/* Modification du fond des titres h3 */
.menu_left .cat_1 h3 { /*CSS class for menu headers in general (expanding or not!)*/
background: url(images/menu_left_1_01_shd_gls_v5.png) no-repeat center left;
}
.menu_left .cat_2 h3 { /*CSS class for menu headers in general (expanding or not!)*/
background: url(images/menu_left_2_01_shd_gls_v5.png) no-repeat center left;
}
.menu_left .cat_3 h3 { /*CSS class for menu headers in general (expanding or not!)*/
background: url(images/menu_left_3_01_shd_gls_v5.png) no-repeat center left;
}
.menu_left .cat_4 h3 { /*CSS class for menu headers in general (expanding or not!)*/
background: url(images/menu_left_4_01_shd_gls_v5.png) no-repeat center left;
}
.menu_left .cat_5 h3 { /*CSS class for menu headers in general (expanding or not!)*/
background: url(images/menu_left_5_01_shd_gls_v5.png) no-repeat center left;
}

/* Modification du fond des titres h3 */
.menu_left .cat_1 .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/menu_left_1_10_shd_gls_v5.png);
}
.menu_left .cat_2 .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/menu_left_2_10_shd_gls_v5.png);
}
.menu_left .cat_3 .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/menu_left_3_10_shd_gls_v5.png);
}
.menu_left .cat_4 .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/menu_left_4_10_shd_gls_v5.png);
}
.menu_left .cat_5 .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/menu_left_5_10_shd_gls_v5.png);
}

/* Liste non ordonnée */
.menu_left ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0 5px 0 5px;
padding: 0 0 0 0px;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.menu_left ul li{
padding-bottom: 3px; /*bottom spacing between menu items*/
}

/* Liens des listes non ordonnées */
.menu_left ul li a{
color: black;

display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
text-align: left;
border-bottom: 1px solid #dadada;

font-family: Arial;
font-size: 11px;
font-style: normal;
font-weight: bold;
}

.menu_left ul li a.current{
background: url(images/puce_fleche_2.png) no-repeat center left; /*custom bullet list image*/
}

.menu_left ul li a:hover{
background: url(images/puce_fleche_2.png) no-repeat center left; /*custom bullet list image*/
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - CATEGRORY 1 - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.menu_left .cat_1 ul li a:link{
/*color: #000;*/
}

.menu_left .cat_1 ul li a:visited{
/*color: #000;*/
}

.menu_left .cat_1 ul li a:hover{ /*hover state CSS*/
color: #49A828;
background-color: #F3F3F3;
}

.cat_1 a.current {
color: #49A828;
background-color: #F3F3F3;
}

/**/
/**/
/**/

.menu_left .cat_1 ul li.green a:hover{ /*hover state CSS*/
color: #49A828;
background-color: #F3F3F3;
}

.menu_left .cat_1 ul li.blue a:hover{ /*hover state CSS*/
color: #0067B1;
background-color: #F3F3F3;
}

.menu_left .cat_1 ul li.brown a:hover{ /*hover state CSS*/
color: #BA4B13;
background-color: #F3F3F3;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - CATEGRORY 2 - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.menu_left .cat_2 ul li a:link{
color: #000;
}

.menu_left .cat_2 ul li a:visited{
color: #000;
}

.menu_left .cat_2 ul li a:hover{ /*hover state CSS*/
color: #00A3DE;
background-color: #F3F3F3;
}

.cat_2 a.current {
color: #00A3DE;
background-color: #F3F3F3;
}

.menu_left .cat_2 ul li a.current{ /*hover state CSS*/
color: #00A3DE;
background-color: #F3F3F3;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - CATEGRORY 3 - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.menu_left .cat_3 ul li a:link{
color: #000;
}

.menu_left .cat_3 ul li a:visited{
/*color: #98CB00;*/
color: #000;
}

.menu_left .cat_3 ul li a:hover{ /*hover state CSS*/
color: #BA4B13;
background-color: #F3F3F3;
}

.cat_3 a.current {
color: #BA4B13;
background-color: #F3F3F3;
}

.menu_left .cat_3 ul li a.current{ /*hover state CSS*/
color: #BA4B13;
background-color: #F3F3F3;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - CATEGRORY 4 - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.menu_left .cat_4 ul li a:link{
color: #000;
}

.menu_left .cat_4 ul li a:visited{
color: #000;
}

.menu_left .cat_4 ul li a:hover{ /*hover state CSS*/
color: #0067B1;
background-color: #F3F3F3;
}

.cat_4 a.current {
color: #0067B1;
background-color: #F3F3F3;
}

.menu_left .cat_4 ul li a.current{ /*hover state CSS*/
color: #0067B1;
background-color: #F3F3F3;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - CATEGRORY 5 - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.menu_left .cat_5 ul li a:link{
color: #000;
}

.menu_left .cat_5ul li a:visited{
color: #000;
}

.menu_left .cat_5 ul li a:hover{ /*hover state CSS*/
color: #000;
background-color: #F3F3F3;
}

.cat_5 a.current {
color: #000;
background-color: #F3F3F3;
}

.menu_left .cat_5 ul li a.current{ /*hover state CSS*/
color: #000;
background-color: #F3F3F3;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Liens */ 
/* Liens */ 
/* Liens */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

a { 
text-decoration: underline; 
} 

a:link { 
color: blue; 
} 

a:visited { 
color: blue; /* BETA : avant = '' */
} 

a:hover, a:focus, a:active { 
color: gray;  /* BETA : avant = 'blue' */
} 

/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
outline: none;
color: black; /* BETA : avant = '' */
} 

/* Alignement des liens à gauche */
a.l {
text-align: left;
}

a.r {
text-align: left;
}

a.u { 
text-decoration: none; 
} 

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* °º¤ø,¸¸,ø¤º°`°º¤ø,¸( NEWS BOX )°º¤ø,¸¸,ø¤º°`°º¤ø,¸  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


.newsbox {
width: 170px;
margin: 0px auto 10px;
}

.newsbox_top {
width: 100%;
}

.newsbox_top .top_left {
float: left;
width: 8px;
height: 8px;
background-color: ;
background-image: url(images/top_left_wh_tr_3.png);
background-repeat: no-repeat;
background-position: top left;
}

.newsbox_top .top_right {
float: right;
width: 8px;
height: 8px;
background-color: ;
background-image: url(images/top_right_wh_tr_3.png);
background-repeat: no-repeat;
background-position: top right;
}

.newsbox_top h3 {
padding: 0px 0 0 0px;
margin: 0 0 0 0;

height: 30px;

background-repeat: repeat-x;
background-position: top;

cursor: hand;
cursor: pointer;
}

.newsbox_top h3 p {
font: bold 0.8em "Trebuchet MS", Arial, sans-serif;
padding: 5px 5px 0px 8px;
text-align: left;
}

.newsbox_corps {
background-repeat: repeat-x;
background-position: bottom right;
}

.newsbox_corps .corps p {
font-size: 0.8em;
margin: 8px;
padding: 0 0 0px 0;
text-align: left;
}

address {
margin: .75em 0; 
font-style: normal; 
}

.newsbox_corps img {
vertical-align: middle;
text-align: center;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* BOX 1 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.box_1 .newsbox {
background-color: #66CC00;
}

.box_1 .newsbox_top {
background-color: #66CC00;
}

.box_1 .newsbox_top h3 {
/*border-top: 1px solid #66CC00;*/
/*border-left: 1px solid #66CC00;*/
/*border-right: 1px solid #66CC00;*/

background-color: #E5F6D4;
/*background-image: url(newsbox_grd_1_01_ns_ss.png);*/
}

.box_1 .newsbox_corps {
border: 1px solid #66CC00;
background-color: #E5F6D4;
background-image: url(images/newsbox_img_1_1.png);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* BOX 2 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.box_2 .newsbox {
background-color: #00A3DE;
}

.box_2 .newsbox_top {
background-color: #00A3DE;
}

.box_2 .newsbox_top h3 {
/*border-top: 1px solid #00A3DE;*/
/*border-left: 1px solid #00A3DE;*/
/*border-right: 1px solid #00A3DE;*/

background-color: #D4EFF9;
/*background-image: url(newsbox_grd_2_01_ns_ss.png);*/
}

.box_2 .newsbox_corps {
border: 1px solid #00A3DE;
background-color: #D4EFF9;
background-image: url(images/newsbox_img_2_1.png);
background-position: 100% 130%;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* BOX 3 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.box_3 .newsbox {
background-color: #BA4B13;
}

.box_3 .newsbox_top {
background-color: #BA4B13;
}

.box_3 .newsbox_top h3 {
/*border-top: 1px solid #BA4B13;*/
/*border-left: 1px solid #BA4B13;*/
/*border-right: 1px solid #BA4B13;*/

background-color: #F3E0D7;
background-image: url(images/newsbox_grd_3_01_ns_ss.png);
}

.box_3 .newsbox_corps {
border: 1px solid #BA4B13;
background-color: #F3E0D7;
background-image: url(images/newsbox_img_3_1.png);
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* BOX 4 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.box_4 .newsbox {
background-color: #0067B1;
}

.box_4 .newsbox_top {
background-color: #0067B1;
}

.box_4 .newsbox_top h3 {
/*border-top: 1px solid #0067B1;*/
/*border-left: 1px solid #0067B1;*/
/*border-right: 1px solid #0067B1;*/

background-color: #D4E5F1;
background-image: url(images/newsbox_grd_4_01_ns_ss.png);
}

.box_4 .newsbox_corps {
border: 1px solid #0067B1;
/*background-color: #D4E5F1;*/
background-color: #D4E5F1;
background-image: url(images/newsbox_img_4_1.png);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* BOX 5 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.box_5 .newsbox {
background-color: #0067B1;
}

.box_5.newsbox_top {
background-color: #0067B1;
}

.box_5 .newsbox_top h3 {
/*border-top: 1px solid #0067B1;*/
/*border-left: 1px solid #0067B1;*/
/*border-right: 1px solid #0067B1;*/

background-color: #D4E5F1;
background-image: url(images/newsbox_grd_5_01_ns_ss.png);
}

.box_5 .newsbox_corps {
border: 1px solid #A2A2A2;
/*background-color: #D4E5F1;*/
background-color: #fff;
background-image: url(images/newsbox_img_5_1.png);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* BOX 6 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.box_6 .newsbox {
background-color: #002b83;
}

.box_6 .newsbox_top {
background-color: #002b83;
}

.box_6 .newsbox_top h3 {
color: #fff;
border-top: 1px solid #002b83;
border-left: 1px solid #002b83;
border-right: 1px solid #002b83;

background-color: #fff;
background-image: url(images/newsbox_grd_6_01_ns_ss.png);
}

.box_6 .newsbox_corps {
border: 1px solid #002b83;
/*background-color: #D4E5F1;*/
background-color: #fff;
background-image: url(images/newsbox_img_6_2.png);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Paramètres d'ouvertures et fermeture des NEWS BOX */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


/* Modification du fond des titres h3 */
.box_1 .newsbox .newsbox_open h3 {
background: url(images/newsbox_grd_1_01_ns_ie6_1.png);
}
.box_1 .newsbox .newsbox_close h3 {
/*border-bottom: 1px solid #66CC00;*/
background: url(images/newsbox_grd_1_10_ns_ie6_1.png);
}

.box_2 .newsbox .newsbox_open h3 {
background: url(images/newsbox_grd_2_01_ns_ie6_1.png); 
}
.box_2 .newsbox .newsbox_close h3 {
/*border-bottom: 1px solid #00A3DE;*/
background-image: url(images/newsbox_grd_2_10_ns_ie6_1.png);
}

.box_3 .newsbox .newsbox_open h3 { /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/newsbox_grd_3_01_ns_ie6_1.png);
}
.box_3 .newsbox .newsbox_close h3 {
/*border-bottom: 1px solid #BA4B13;*/
background-image: url(images/newsbox_grd_3_10_ns_ie6_1.png);
}

.box_4 .newsbox .newsbox_open h3 { /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/newsbox_grd_4_01_ns_ie6_1.png);
}
.box_4 .newsbox .newsbox_close h3 {
/*border-bottom: 1px solid #0067B1;*/
background-image: url(images/newsbox_grd_4_10_ns_ie6_1.png);
}

.box_5 .newsbox .newsbox_open h3 { /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/newsbox_grd_5_01_ns_ie6_1.png);
}
.box_5 .newsbox .newsbox_close h3 {
/*border-bottom: 1px solid #0067B1;*/
background-image: url(images/newsbox_grd_5_10_ns_ie6_1.png);
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Photos aléatoires au dessus des NEWS BOX */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

img.random_picture {
	padding: 2px 0px;
	clear: both;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Corps du documents */
/* Corps du documents */
/* Corps du documents */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.cb
{
clear: both;
}

.clear_both
{
clear: both;
}

#content_box
{
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding: 0;
width: 100%;				/* <-- use this to tie width to viewport size */
/*width: 30em;				/* <-- use this for a set width */
background-color: #fff;;
}

#content_text
{
padding: 0px 15px 15px 15px;
text-align: ;
/*text-align: justify;*/
}

#content_text p
{
color:#000;
padding: 0px 0px 5px 0px;
font-size: 1em;
line-height: 1.4em;
font-family: arial, helvetica, sans-serif;

text-align: justify;
}

/* Alignement du contenu des tableaux */
#content_text table td p
{
text-align: left;
}

#content_text table tr p
{
text-align: left;
}

#content_text p.first
{
text-indent: 20px;
}

#content_text ol
{
text-align: justify;
}

#content_text li
{
text-align: justify;
}

#content_text img
{
vertical-align: middle;
}

p.c {
text-align:center;
}

p.l {
text-align:left;
}

p.r {
text-align:right;
}

.c {
text-align:center;
}

.l {
text-align:left;
}

.r {
text-align:right;
}

.rectangle {
width: 100%;

min-height: 100px;
padding: 0 0 0 0;
margin: 0 0 5px 0;
/*border: 1px solid blue;*/
}

/* Images dans le corps du document */
/* Images dans le corps du document */
/* Images dans le corps du document */
img.fl_2_homepage {
clear: both;
float: left;
margin: 0 10px 20px 10px;
border: 0px solid gray;
}

img.fl_2 {
clear: both;
float: left;
margin: 0 10px 10px 10px;
border: 0px solid gray;
}

img.fl_3 {
clear: both;
float: left;
margin: 0 10px 10px 10px;
border: 1px solid black;
}

img.fr_2 {
float: right;
margin: 0 10px 10px 10px;
border: 0px solid gray;
}

img.fr_3{
float: right;
margin: 0 10px 10px 10px;
border: 1px solid black;
}

img.fc_2{
clear: both;
margin: 0 10px 10px 10px;
border: 0px solid gray;
}

img.fl {
float: left;
margin: 0 10px 10px 10px;
border: 1px solid gray;
}

img.fr {
float: right;
margin: 0 10px 10px 10px;
border: 1px solid gray;
}

img.fc {
clear: both;
margin: 0 10px 10px 10px;
border: 1px solid gray;
}

ul.np {
list-style-type: none;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Titres de niveaux hx */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* H1 */
/* H1 */
/* H1 */

#content_text h1
{
position: relative;
top: 0px;
left: 0px;
height: auto;
width: auto;

color: black;
font-weight: bold;
font-size: 1.2em;
font-family: arial, helvetica, geneva, arial, sans-serif;
text-align: left;
/*font-variant: small-caps;*/

padding: 6px 5px 5px 20px;
margin: 10px 0px 10px 0px;
}


#content_text .color_1 h1
{
text-align: center;
color: #000;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
border-left: 0px solid #000;
background: #59B135 url(images/h1_1_no_transp_2.png) 5px repeat-x;
}

#content_text .color_1 h1
{
text-align: left;
color: #49A828;
border-bottom: 1px dashed #59B135;
border-top: 1px dashed #59B135;
border-left: 0px solid #59B135;
background: #F0FAE6 url(images/puce_1_1.png) 5px no-repeat;
}

#content_text .color_2 h1
{
/*color: #00A3DE; Ancienne couleur du texte : bleu trop clair */
color: #007ED8;
border-bottom: 1px dashed #00A3DE;
border-top: 1px dashed #00A3DE;
border-left: 0px solid #00A3DE;
background: #D4EFF9 url(images/puce_2_1.png) 5px no-repeat;
}

#content_text .color_3 h1
{
color: #BA4B13;
border-bottom: 1px dashed #BA4B13;
border-top: 1px dashed #BA4B13;
border-left: 0px solid #BA4B13;
background: #FCEDBB url(images/puce_3_1.png) 5px no-repeat;
}

#content_text .color_4 h1
{
color: #0067B1;
border-bottom: 1px dashed #0067B1;
border-top: 1px dashed #0067B1;
border-left: 0px solid #0067B1;
background: #D4E5F1 url(images/puce_4_1.png) 5px no-repeat;
}

#content_text .color_5 h1
{
color: #666666;
border-bottom: 1px dashed #666666;
border-top: 1px dashed #666666;
border-left: 0px solid #666666;
background: #ededed url(images/puce_5_1.png) 5px no-repeat;
}


/* H2 */
/* H2 */
/* H2 */


#content_text h2 {
position: relative;
top: 0px;
left: 0px;
height: auto;
width: auto;

font-weight: bold;
font-size: 1.0em;
line-height: 1.4em;

font-family: arial, helvetica, geneva, arial, sans-serif;
text-align: left;

padding: 0px 0px 0px 15px;
/*padding: 0px 0px 0px 20px;*/ /* maj1 ID : 0 décallage */
margin: 0px 0px;

border: 0px solid #000;
}

#content_text .color_1 h2 {
color: #49A828;
background: #fff url(images/puce_1_2.png) 0px 2px no-repeat;
/*background: #fff url(images/puce_1_2.png) 0px 2px no-repeat;*/ /* maj2 ID suppression des puces h2 */
}

#content_text .color_2 h2 {
color: #00A3DE;
color: #007ED8; /* bleu trop clair, donc valeur plus foncée */
background: #fff url(images/puce_2_2.png) 0px 2px no-repeat;
/*border: 1px solid #00A3DE;*/
}

#content_text .color_3 h2 {
color: #BA4B13;
background: #fff url(images/puce_3_2.png) 0px 2px no-repeat;
/*border: 1px solid #00A3DE;*/
}

#content_text .color_4 h2 {
color: #0067B1;
background: #fff url(images/puce_4_2.png) 0px 2px no-repeat;
/*border: 1px solid #00A3DE;*/
}

#content_text .color_5 h2 {
color: #000;
background: #00CAFD url(images/puce_5_2.png) 0px 2px no-repeat;
/*border: 1px solid #00A3DE;*/
}

.bloc_h2 { /*  HACKS POUR EVITER UN CLEAR APRES UN ELEMENT BLOCK-->INLINE */
	position: relative;
	top: 0px;
	left: 0px;
	
	width: 90%; /*  PROPRIETE TRES IMPORTANTE */
	/*height: 25px;*/
	margin: 20px 0px 0px 0px;
	/*margin: 10px 10px 5px 30px; */ /* maj3 ID : suppression du décallage gauche des titres h2*/
	padding: 0px;
	border: 0px dashed green;
}

.bloc_h2 img {
	float: right;
}

/* H3 */
/* H3 */
/* H3 */

#content_text h3 {
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 1.0em;
	text-transform: normal;
	font-weight: normal;
	text-align:left;

	display: block;
	
	margin: 0px 0px 0px 25px;
	padding: 0px 10px 0px 15px;
}


#content_text .color_1  h3{
color: #000;
background: #fff url(images/puce_1_3.png) 0px 6px no-repeat;
}

#content_text .color_2  h3{
color: #000;
background: #fff url(images/puce_2_3.png) 0px 6px no-repeat;
}

#content_text .color_3  h3{
color: #000;
background: #fff url(images/puce_3_3.png) 0px 6px no-repeat;
}

#content_text .color_4  h3{
color: #000;
background: #fff url(images/puce_4_3.png) 0px 6px no-repeat;
}

#content_text .color_5  h3{
color: #000;
background: #fff url(images/puce_4_3.png) 0px 2px no-repeat;
}



.bloc_h3 { /*  HACKS POUR EVITER UN CLEAR APRES UN ELEMENT BLOCK-->INLINE */
	position: relative;
	left: 0px;
	
	width: 90%; /*  PROPRIETE TRES IMPORTANTE */
	height: 25px;
	margin: 10px 10px 5px 30px;
	padding: 0px;
	/*border: 1px solid black;*/
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* MOTS CLES DU CORPS DU DOCUMENT */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.bold
{
font-weight:bold;
color: #000;
}

.color_1 strong
{
font-weight:bold; /* pour IE >= 6 */
color: #59B135;
}

.color_2 strong
{
font-weight:bold;
color: #00A3DE;
color: #007ED8;
}

.color_3 strong
{
font-weight:bold;
color: #BA4B13;
}

.color_4 strong
{
font-weight:bold;
color: #0067B1;
}

.color_5 strong
{
font-weight:bold;
color: #666666;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* BORDURES CORPS DU DOCUMENT */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


/*
tlc = top left corner
trc = top right corner
blc = bottom left corner
brc = bottom right corner
lb = left border
rb = right border
tb = top border
bb = bottom border 
*/

#tlc, #trc, #blc, #brc
{
background-color: transparent;
background-repeat: no-repeat;
}

#tlc
{
background-image:url(images/content_1_1.png);
background-position: 0% 0%;
}

#trc
{
background-image:url(images/content_1_3.png);
background-position: 100% 0%;
}

#blc
{
background-image:url(images/content_3_1.png);
background-position: 0% 100%;
}

#brc
{
background-image:url(images/content_3_3.png);
background-position: 100% 100%;
}

#tb, #bb
{
background-color: transparent;
background-repeat: repeat-x;
}

#tb
{
background-image:url(images/content_1_2.png);
background-position: 0% 0%;
}

#bb
{
background-image:url(images/content_3_2.png);
background-position: 50% 100%;
}

#rb
{
background-image:url(images/content_2_3.png);
background-position: 100% 00%;
background-repeat: repeat-y;
}

#lb
{
background-image:url(images/content_2_1.png);
background-position: 0% 100%;
background-repeat: repeat-y;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* BOITE INFO */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


.boite_info
{
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 0.9em;
font-weight: normal; /*  normal, bold, bolder, lighter, valeur entre 100 et 900 */
font-stretch: normal; /*  semi-condensed, normal, semi-expanded */
font-style: normal; /*  normal, italic, oblique */
font-variant: normal; /*  normal, small-caps */
line-height: 140%; /*  TEST */

margin: 5px 0px 5px 40px;
padding: 5px;
text-align: left;
width: 70%;
color: black;
background: url(images/newsbox_img_4_2.png) top left repeat-x; /* gris_lg_zz_0 A MODIFIER ! */

border-top:1px solid #0067B1;
border-right:1px solid #0067B1;
border-bottom:1px solid #0067B1;
border-left:4px solid #0067B1;
}

.boite_info ul li
{
list-style: none ; 
}

.boite_info img.left
{
float: left;
margin: 5px 5px;
padding: 2px 5px 2px 0px;
border: 0px solid blue;
}

img.baseline
{
vertical-align: middle;
}

.boite_info img.right
{
float: ;
margin: 5px auto;
padding: 5px;
border: 1px solid blue;
}




#conteneur_1_centre {
	position: relative;
	top: 0px;
	left: 0px;
	margin : 0px; /* haut, droite, bas et gauche*/

	/*min-height: 20px;*/
	height: auto;
	width: 679px;

	background: url(/images/body_centre.png) top center repeat-y;
}

#conteneur_1_bas {
	position: relative;
	top: 0px;
	left: 0px;
	margin : 0px; /* haut, droite, bas et gauche*/

	height: 53px;
	width: 679px;

	background: url(/images/body_bas.png) top center no-repeat;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* MENU DE NAVIGATION - HEADER*/
/* MENU DE NAVIGATION - HEADER*/
/* MENU DE NAVIGATION - HEADER*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.header ul
{
position: relative;
top: 89px;
left: 280px;
width: auto;
display: inline ; 
/*border: 1px solid blue;*/
}

.header li
{
display: inline ; 
margin-right: 0px ; 
background: ;
}

.header ul li.un a
{
padding: 4px 20px ; 
/*background: #000 url(images/fond_grd_1_01_v1.png) 50% 20% repeat-x;*/
color: #fff ; 
border: 1px solid #fff ; 
font: 1em "Trebuchet MS",Arial,sans-serif ; 
line-height: 1em ; 
text-align: center ; 
text-decoration: none ; 
}

.header ul li.deux a
{
padding: 4px 20px ; 
/*background: #000 url(images/fond_grd_1_01_v1.png) 50% 20% repeat-x;*/
color: #fff ; 
border: 1px solid #fff ; 
font: 1em "Trebuchet MS",Arial,sans-serif ; 
line-height: 1em ; 
text-align: center ; 
text-decoration: none ; 
}

.header ul li.trois a
{
padding: 4px 20px ; 
/*background: #000 url(images/fond_grd_1_01_v1.png) 50% 20% repeat-x;*/
color: #fff ; 
border: 1px solid #fff ; 
font: 1em "Trebuchet MS",Arial,sans-serif ; 
line-height: 1em ; 
text-align: center ; 
text-decoration: none ; 
}

.header ul li.quatre a
{
padding: 4px 20px ; 
/*background: #000 url(images/fond_grd_1_01_v1.png) 50% 20% repeat-x;*/
color: #fff ; 
border: 1px solid #fff ; 
font: 1em "Trebuchet MS",Arial,sans-serif ; 
line-height: 1em ; 
text-align: center ; 
text-decoration: none ; 
}

.header ul li.cinq a
{
padding: 4px 20px ; 
/*background: #000 url(images/fond_grd_1_01_v1.png) 50% 20% repeat-x;*/
color: #fff ; 
border: 1px solid #fff ; 
font: 1em "Trebuchet MS",Arial,sans-serif ; 
line-height: 1em ; 
text-align: center ; 
text-decoration: none ; 
}

.header ul li.un a
{
padding: 4px 20px ; 
/*background: #000 url(images/fond_grd_1_01_v1.png) 50% 20% repeat-x;*/
color: #fff ; 
border: 1px solid #fff ; 
font: 1em "Trebuchet MS",Arial,sans-serif ; 
line-height: 1em ; 
text-align: center ; 
text-decoration: none ; 
}

/* STYLE HOVER 1 */

.header li.un a:hover, .header li.un a:focus
{
color: #000;
background: #000 url(images/fond_grd_1_10_v1.png) 50% 20% repeat-x; 
text-decoration: none ; 
}

.header li.un a:active
{ 
background: #000 url(images/fond_grd_5_01_v1.png) 50% 20% repeat-x; 
text-decoration: underline ; 
}

/* STYLE HOVER 2 */

.header li.deux a:hover, .header li.deux a:focus
{
color: #000;
background: #000 url(images/fond_grd_2_10_v1.png) 50% 20% repeat-x; 
text-decoration: none ; 
}

.header li.deux a:active
{ 
background: #000 url(images/fond_grd_5_01_v1.png) 50% 20% repeat-x; 
text-decoration: underline ; 
}

/* STYLE HOVER 3 */

.header li.trois a:hover, .header li.trois a:focus
{
color: #000;
background: #000 url(images/fond_grd_3_10_v1.png) 50% 20% repeat-x; 
text-decoration: none ; 
}

.header li.trois a:active
{ 
background: #000 url(images/fond_grd_5_01_v1.png) 50% 20% repeat-x; 
text-decoration: underline ; 
}

/* STYLE HOVER 4 */

.header li.quatre a:hover, .header li.trois a:focus
{
color: #000;
background: #000 url(images/fond_grd_4_10_v1.png) 50% 20% repeat-x; 
text-decoration: none ; 
}

.header li.quatre a:active
{ 
background: #000 url(images/fond_grd_5_01_v1.png) 50% 20% repeat-x; 
text-decoration: underline ; 
}

/* STYLE HOVER 5 */

.header li.cinq a:hover, .header li.trois a:focus
{
color: #000;
background: #000 url(images/fond_grd_5_10_v1.png) 50% 20% repeat-x; 
text-decoration: none ; 
}

.header li.cinq a:active
{ 
background: #000 url(images/fond_grd_5_01_v1.png) 50% 20% repeat-x; 
text-decoration: underline ; 
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* MENU DE NAVIGATION STANDARD */
/* MENU DE NAVIGATION STANDARD */
/* MENU DE NAVIGATION STANDARD */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


#menu_centre
{
position: relative;
top: 89px;
left: 280px;
width: 500px;
height: 50px;
margin: 0; 
padding: 0; 
list-style: none ; 
text-align: center ;
border: 1px solid blue; 
}

#menu_centre li 
{ 
display: inline ; 
margin-right: 0px ; 
background: ;
}

/* 1 */
/* 1 */
/* 1 */

#menu_centre li.un a 
{ 
padding: 4px 20px ; 
/*background: #000 url(images/fond_grd_1_01_v1.png) 50% 20% repeat-x;*/
color: #fff ; 
border: 1px solid #fff ; 
font: 1em "Trebuchet MS",Arial,sans-serif ; 
line-height: 1em ; 
text-align: center ; 
text-decoration: none ; 
}


#menu_centre li.un a:hover, #menu_centre li.un a:focus
{
color: #000;
background: #000 url(images/fond_grd_1_10_v1.png) 50% 20% repeat-x; 
text-decoration: none ; 
}

#menu_centre li.un a:active
{ 
background: #000 url(images/fond_grd_1_01_v1.png) 50% 20% repeat-x; 
text-decoration: underline ; 
}


/* 2 */
/* 2 */
/* 2 */


#menu_centre li.deux a 
{ 
padding: 4px 20px ; 
background: #c00 url(images/fond_grd_2_01_v1.png) 50% 20% repeat-x;
color: #000 ; 
border: 1px solid #600 ; 
font: 1em "Trebuchet MS",Arial,sans-serif ; 
line-height: 1em ; 
text-align: center ; 
text-decoration: none ; 
}

#menu_centre li.deux a:hover, #menu_centre li.deux a:focus
{ 
background: #900 url(images/fond_grd_2_10_v1.png) 50% 20% repeat-x; 
text-decoration: underline ; 
}

#menu_centre li.deux a:active
{ 
background: #900 url(images/fond_grd_5_01_v1.png) 50% 20% repeat-x; 
text-decoration: underline ; 
}




/* 3 */
/* 3 */
/* 3 */



#menu_centre li.trois a 
{ 
padding: 4px 20px ; 
background: #c00 url(images/fond_grd_3_01_v1.png) 50% 20% repeat-x;
color: #000 ; 
border: 1px solid #600 ; 
font: 1em "Trebuchet MS",Arial,sans-serif ; 
line-height: 1em ; 
text-align: center ; 
text-decoration: none ; 
}

#menu_centre li.trois a:hover, #menu_centre li.trois a:focus
{ 
background: #900 url(images/fond_grd_3_10_v1.png) 50% 20% repeat-x; 
text-decoration: underline ; 
}

#menu_centre li.trois a:active
{ 
background: #900 url(images/fond_grd_5_01_v1.png) 50% 20% repeat-x; 
text-decoration: underline ; 
}


/* 4 */
/* 4 */
/* 4 */

#menu_centre li.quatre a 
{ 
padding: 4px 20px ; 
background: #c00 url(images/fond_grd_4_01_v1.png) 50% 20% repeat-x; 
color: #000 ; 
border: 1px solid #600 ; 
font: 1em "Trebuchet MS",Arial,sans-serif ; 
line-height: 1em ; 
text-align: center ; 
text-decoration: none ; 
}

#menu_centre li.quatre a:hover, #menu_centre li.quatre a:focus
{ 
background: #900 url(images/fond_grd_4_10_v1.png) 50% 20% repeat-x; 
text-decoration: underline ; 
}

#menu_centre li.quatre a:active
{ 
background: #900 url(images/fond_grd_5_01_v1.png) 50% 20% repeat-x; 
text-decoration: underline ; 
}


/* 5 */
/* 5 */
/* 5 */

#menu_centre li.cinq a 
{ 
padding: 4px 20px ; 
background: #fff url(images/fond_grd_5_10_v1.png) 50% 20% repeat-x;
color: #000 ; 
border: 1px solid #fff ; 
font: 1em "Trebuchet MS",Arial,sans-serif ; 
line-height: 1em ; 
text-align: center ; 
text-decoration: none ; 
}

#menu_centre li.cinq a:hover, #menu_centre li.cinq a:focus
{ 
background: #900 url(images/fond_grd_5_01_v1.png) 50% 20% repeat-x; 
text-decoration: underline ; 
}

#menu_centre li.cinq a:active
{ 
background: #900 url(images/fond_grd_5_10_v1.png) 50% 20% repeat-x; 
text-decoration: underline ; 
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* MENU WIDGET */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#widget
{
width: 100%;
margin: 0 ;
padding: 0;

/*border: 1px dashed red;*/ /*alpha*/
}

#widget_10
{

width: 70%;
margin: 0 0;
padding: 0;

/*border: 1px dashed red;*/ /*alpha*/
}

#widget_2
{
display: inline;
width: 100px;
margin: 0 0 0 400px;
padding: 0;

/*border: 1px dashed green;*/ /*alpha*/
}

#widget p
{
font: normal 0.9em "Trebuchet MS",Arial,sans-serif ;
margin: 0px 0;
padding: 0 0 0 0;

/*border: 1px dashed blue;*/
text-align: left;
display: inline;
}

#widget a
{ 
color: blue;
background: #fff ; 
text-decoration: none ; 
}

#widget a:hover, #widget a:focus, #widget a:active
{ 
color: #000;
background: #fff ; 
text-decoration: underline ; 
}

#widget img
{
vertical-align: middle;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* LIENS AVEC PUCES */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


a.puce_5
{
color: #00A3DE;
margin: 0px auto;
padding: 5px 5px 5px 20px;
background: #fff url(images/puce_2_5.png) 5px no-repeat;
border: 1px dashed #00A3DE;
text-decoration: none;
text-align: center;
}

a.puce_5:hover
{
color: blue;
margin: 0 0 0 0px;
padding: 5px 5px 5px 20px;
background: #fff url(images/puce_5_5.png) 5px no-repeat;
border: 1px dashed gray;
text-decoration: underline ;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* TABLEAUX */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* Mise en forme simple pour les tableaux */ 
table { 
margin: 0; 
border: 1px solid black; /* Pas de bordure = "none". */ 
border-collapse: collapse; /* Valeur par défaut: "separate". */ 
border-spacing: 0; 
}

table td, table th {
padding: 4px; /* Pas de retrait autour du texte = "0". */ 
border: 0px solid #ccc; /* Pas de bordure = "none". */ 
vertical-align: top; /* Valeur par défaut: "middle" */ 
}

table.t_news {
margin: 2px; 
border: 0px solid #ccc; /* Pas de bordure = "none". */ 
border-collapse: collapse; /* Valeur par défaut: "separate". */ 
border-spacing: 0;
}

table.t_news td, table.t_news th {
padding: 0px; /* Pas de retrait autour du texte = "0". */ 
border: 0px solid #ccc; /* Pas de bordure = "none". */ 
vertical-align: top; /* Valeur par défaut: "middle" */ 
}

table.t_invisible {
margin: 0 auto;
border: 0px solid #ccc; /* Pas de bordure = "none". */ 
border-collapse: collapse; /* Valeur par défaut: "separate". */ 
border-spacing: 0;
}

table.t_illustrations {
margin: 5px; 
border: 1px solid #ccc; /* Pas de bordure = "none". */ 
border-collapse: collapse; /* Valeur par défaut: "separate". */ 
border-spacing: 0;
}

table.t_illustrations td, table.t_illustrations th {
padding: 4px; /* Pas de retrait autour du texte = "0". */ 
border: 1px solid #ccc; /* Pas de bordure = "none". */ 
vertical-align: top; /* Valeur par défaut: "middle" */ 
}

.t_illustrations {
font-size: 0.85em;
font-weight: normal;
}

table.t_formation {
margin: 5px; 
border: 1px solid #ccc; /* Pas de bordure = "none". */ 
border-collapse: collapse; /* Valeur par défaut: "separate". */ 
border-spacing: 0;
}

table.t_formation td, table.t_formation th {
padding: 4px; /* Pas de retrait autour du texte = "0". */ 
border: 1px solid #ccc; /* Pas de bordure = "none". */ 
vertical-align: top; /* Valeur par défaut: "middle" */ 
}

table.t_formation_informer td, table.t_formation_informer th {
padding: 4px; /* Pas de retrait autour du texte = "0". */ 
border: 0px solid #ccc; /* Pas de bordure = "none". */ 
vertical-align: top; /* Valeur par défaut: "middle" */ 
}

table.t_formation_informer {
margin: 5px;
border: 0px solid black; /* Pas de bordure = "none". */
border-collapse: collapse; /* Valeur par défaut: "separate". */
border-spacing: 0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* FORMULAIRES */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


form
{
width: auto;
padding: 0px 0px;
background: ;
color: midnightblue;
/*border: 1px solid red;*/
}

form p
{
margin: 0px 0;
/*border: 1px dashed red;*/
}

form p.double
{
/* Empêcher le dépassement des flottants */
overflow: hidden;
/* Idem pour IE6 */
width: 90%;

}

form p.double label
{
float: left;
width: auto;
text-align: right;
font-weight: bold;
cursor: pointer;
}

form p.double label span.info
{
display: block;
margin-top: 0.2em;
font-size: 0.8em;
font-weight: normal;
cursor: default;
}

form p.double input,
form p.double textarea
{
width: 100px;
margin-left: 8px;
border: solid 1px midnightblue;
padding: 3px 4px;
}

form p.double textarea
{
padding: 2px 0 0 4px;
width: 320px;
height: 6em;
}

form p.simple
{
background: ;
width: 90%;
margin: 5px auto;
padding: 5px;

/*border: solid 1px midnightblue;*/

}

form p.simple input
{
border:1px solid midnightblue;
background-color: white;
font-weight:bold;
cursor:pointer;
font-size: 1.1em;
margin-left: 15px;
}

form p.simple input:hover
{
color: midnightblue;
border:1px solid midnightblue;
background-color: white;
}

form p.simple input:active
{
border: 1px solid midnightblue;
background-color: white;
color:white;
}


form p.double input:focus
{
background-color: white;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* FORMULAIRES Formation */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

form.formation_informer input {
border: 1px solid #a1a1a1;
background-color: ;
color: black;
}

form.formation_informer input:hover, form.formation_informer textarea:hover {
border: 1px dashed black;
background-color: #e4e7e3 ;
color:black;
}

form.formation_informer input:active,form.formation_informer textarea:active {
border: 1px solid black;
background-color: ;
color:black;
}

form.formation_informer input:focus,form.formation_informer textarea:focus {
border: 1px solid black;
background-color: ;
color:black;
}

form.formation_informer select {
border: 1px solid #a1a1a1;
background-color: ;
color:black;
}

form.formation_informer textarea {
border: 1px solid #a1a1a1;
background-color: ;
color:black;
}

/* Input */
form.formation_de_contact input {
border: 1px solid #a1a1a1;
background-color: ;
color:black;
}

form.formation_de_contact input:hover {
border: 1px solid black;
background-color: #D4E5F1;
}

form.formation_de_contact input:active, form.formation_de_contact input:focus  {
border: 1px solid #007ED8;
background-color: white;
}

/* Textarea */
form.formation_de_contact textarea {
border: 1px solid #a1a1a1;
background-color: white;
}

form.formation_de_contact textarea:hover {
border: 1px solid black;
background-color: #D4E5F1;
}

form.formation_de_contact textarea:active, form.formation_de_contact textarea:focus {
border: 1px solid #007ED8;
background-color: white;
}

#container a, #container a:hover, #container a:focus, #container a:active, #container a:link
{
color: #FF0000;
text-decoration: none;
}