@charset "iso-8859-1";


/* lightbox pour les images */

/* http://www.xul.fr/ecmascript/lightbox.html 

#filter {display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #CCA; z-index:10; opacity:0.5; filter: alpha(opacity=50);}
#box {display: none; position: absolute; top: 20%; left: 20%; width: 60%; height: 60%; padding: 0; margin:0; border: 1px solid black; background-color: white; z-index:11;}
#boxcontent {left:0; right:0; bottom:0; margin:0; padding: 8px; overflow: auto; width:100%; height:100%;}
#boxtitle {left:0%; width:100%; height:20px; padding:0; margin:0; color:black; text-align:center;}

La propriété display:none fait que le filtre n'est pas affiché au départ, on la change en display:block au moment ou l'on veut le faire apparaître.
La propriété z-index permet de placer le filtre au-dessus des autres éléments de la page.
L'opacité de 0.5 crée un filtre semi-transparent, elle peut varier de 0 (transparence) à 1 (opaque).
La propriété filter: alpha(opacity=50) est pour Internet Explorer 7 uniquement.
La couleur #CCA donne une teintre de vieux papier au filtre. On choisit la teinte en modifiant cette couleur.
*/	
#filter {background-color: black; opacity: 0.7; filter: alpha(opacity=70); display: none; 
position: absolute; top: 0%; left: 0%; 
width: 100%; height: 100%; z-index: 10}
#box {width: 640px; height: 480px; display: none; position: absolute; top: 20%; left: 20%; padding: 0; margin: 0; border: none; background-color: white; z-index: 11}
#boxcontent {cursor: hand; left: 0; right: 0; bottom: 0; margin: 0; padding: 8px; overflow: hidden; width: 100%; height: 100%}
#boxtitle {left: 0%; width: 100%; height: 20px; padding: 0; margin: 0; color: white; text-align: center; font-family: Verdana; font-size: 12px; font-weight: bold}

/*
#filter {background-color: black; opacity: 0.6; filter: alpha(opacity=60); display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; z-index: 10}
*/	


.body {margin: auto; text-align: center; width: 780px; line-height: 28px; background: url(images/degrade.jpg); background-repeat: repeat-x}
#millesime {background: url(images/version_millesime.gif); height: 46px; width: 107px}/* 107 x 46 */
#accroche{background: url(images/accroche_creastart.gif)}
#dimensions_logo {width: 250px; height: 90px; text-align: center; vertical-align: middle} 


.color_r {color: #F71073}
.color_v {color: #749B00}

.space_horizontal {width: 60px; vertical-align: top}
.space_horizontal_large {width: 190px}
.space_horizontal_small {width: 25px}
.space_vertical {height: 45px}
.img {border: none}
.centrer {text-align: center}


/* pour centrer le div "Choisissez votre version" */
.centrage_div_ext {
        margin-left: auto;
        margin-right: auto;
        width: 280px;
        text-align: left;
        }
		
.centrage_div_int {
        margin-left: auto;
        margin-right: auto;
        width: 135px;
        text-align: left;
        }		
		

/* liens */
.classique:link {font-family: verdana, arial; font-size: 12px; color: blue; text-decoration: underline}
.classique:visited {font-family: verdana, arial; font-size: 12px; text-decoration: underline; color: purple}
.classique:hover {font-family: verdana, arial; font-size: 12px; text-decoration: underline; color: red}
.classique:active {font-family: verdana,arial; font-size: 12px; color: blue;text-decoration: underline}

/* liens AE */
.classique_ae:link {font-family: verdana, arial; font-size: 12px; color: #3746FF; text-decoration: underline}
.classique_ae:visited {font-family: verdana, arial; font-size: 12px; text-decoration: underline; color: purple}
.classique_ae:hover {font-family: verdana, arial; font-size: 12px; color: #CC0965; font-weight: bold; text-decoration: none}
.classique_ae:active {font-family: verdana,arial; font-size: 12px; color: #3746FF; text-decoration: underline}

A:link {font-family: verdana, arial; font-size: 12px;  color: #3A6BB3; text-decoration:none}
A:visited {font-family: verdana, arial; font-size: 12px; color: purple; text-decoration: none}
A:hover {font-family: verdana, arial; font-size: 12px; text-decoration:underline}
A:active {font-family: verdana,arial; font-size: 12px; color: blue;text-decoration:none}


/* barre de navigation */
.nav:link {font-family: arial; font-size: 12px; color: #1455CD; font-weight: bold;  text-decoration: none}
.nav:hover {font-family: arial; font-size: 12px; color: navy; font-weight: bold; text-decoration: none}
.nav:visited {font-family: arial; font-size: 12px; color: purple; font-weight: bold;  text-decoration: none}

/* 
 le style 'text-align: center' ne permet pas de positionner du texte verticalement
.navtab {background: url(images/nav_tab_c.gif); height: 33px; vertical-align: super; font-family: arial; font-size: 12px; text-align: center}

*/

/* 
.navtab {background: url(images/nav_tab_c.gif); height: 33px; font-family: arial; font-size: 12px; text-align: center}
#navtab_g {background: url(images/nav_tab_g.gif); width: 9px; height: 33px}
#navtab_d {background: url(images/nav_tab_d.gif); width: 9px; height: 33px}
*/

.navtab {background: url(images/nav_tab_ae_c.jpg); height: 42px; font-family: arial; font-size: 12px; text-align: center; vertical-align: top; 
line-height: 35px}
#navtab_g {background: url(images/nav_tab_ae_g.jpg); width: 9px; height: 42px}
#navtab_d {background: url(images/nav_tab_ae_d.jpg); width: 9px; height: 42px}


.navlink:link {color: #C1E3FF; text-decoration: none}/* font-family: arial; font-size: 12px;  */
.navlink:hover {color: white; text-decoration: none}/* font-family: arial; font-size: 12px;  */
.navlink:visited {color: #B5E2FF; text-decoration: none}/* font-family: arial; font-size: 12px;  */


.lien_orange:link {color: #FF6600; font-family: verdana; font-size: 12px; text-decoration: none}
.lien_orange:hover {color: red; font-family: verdana; font-size: 12px; text-decoration: underline}

.lien_red:link {color: #F71073; font-family: verdana; font-size: 12px; text-decoration: none}
.lien_red:hover {color: #F71073; font-family: verdana; font-size: 12px; text-decoration: none}
.lien_red:visited {color: #F71073; text-decoration: none}


/* texte */
.txt_standard {font-family: verdana, arial; color: #3A6BB3; font-size: 12px; line-height: 18px; text-align: left}
.txt_strong_max {font-family: arial black; font-size: 24px; line-height: 18px; color: #3A6BB3; font: bolder; font-style: italic}
.txt_max {color: #FF6600; font-family: verdana, arial; font-size: 18px; font: bold; font-style: italic}
.txt_max_r {color: #F71073; font-family: verdana, arial; font-size: 18px; font: bold; font-style: italic}
.txt_max_v {color: #749B00; font-family: verdana, arial; font-size: 18px; font: bold; font-style: italic}
.txt_norm_g {font-family:  verdana, arial; font-size: 12px; color: #1455CD; font: bold}
.txt_norm_gr_couleur {font-family:  verdana, arial; font-size: 12px; color: #FF6600; font: bold}
.txt_inter {font-family: verdana; color: #FF6600; text-align: justify; font-size: 14px; line-height: 20px; font-style: italic}
.txt_inter_r {color: #F71073; font-family: verdana; text-align: justify; font-size: 14px; line-height: 20px; font-style: italic}
.txt_inter_v {color: #749B00; font-family: verdana; text-align: justify; font-size: 14px; line-height: 20px; font-style: italic}

/* ACTUALITE --------------------------------------  */
.actualite_titre {font-family: verdana; color: #3A6BB3; text-align: left; font-style: italic}
.actualite_chapeau {font-family: verdana; color: gray; text-align: justify; font-size: 16px; line-height: 20px}
.actualite_inter {font-family: verdana; color: #FF6600; text-align: justify; font-size: 14px; line-height: 20px; font-style: italic}
.actualite_txt_standard {font-family: verdana; color: #646464; font-size: 12px; line-height: 18px; text-align: justify}
.actualite_lien:link {font-family: verdana; text-decoration: underline; color: blue}
.actualite_lien:visited {font-family: verdana; text-decoration: underline; color: #976ECA; }
.actualite_encadre {font-family: verdana; color: #3A6BB3; text-align: left; background: #EFF5FF}

/* ACTUALITE UNE */ 
.actualite_titre_lien_h2:link {font: bolder; font-size: 24px; line-height: 38px; font-family: verdana; color: #3A6BB3; font-style: italic; text-align: left}
.actualite_titre_lien_h2:hover {font: bolder; font-size: 24px; line-height: 38px; font-family: verdana; color: #3A6BB3; font-style: italic; text-align: left; text-decoration: underline}
.actualite_titre_lien_h2:visited {font: bolder; font-size: 24px; line-height: 38px; font-family: verdana; color: #976ECA; font-style: italic; text-align: left}

.actualite_titre_lien_h3:link {line-height: 24px; font: bolder; font-family: verdana; font-size: 18px; color: #3A6BB3; font-style: italic; text-align: left}
.actualite_titre_lien_h3:hover {line-height: 24px; font-family: verdana; font-size: 18px; color: #3A6BB3; font-style: italic; text-align: left; text-decoration: underline}
.actualite_titre_lien_h3:visited {line-height: 24px; font-family: verdana; font-size: 18px; color: #976ECA; font-style: italic; text-align: left}

.actualite_liens_une:link {font-family: verdana; color: #646464; font-size: 12px; text-decoration: none}
.actualite_liens_une:hover {font-family: verdana; color: #646464; font-size: 12px; text-decoration: none} 
.actualite_liens_une:visited {font-family: verdana; color: #646464; font-size: 12px; text-decoration: none} 

/* ACTUALITE TABLEAUX */ 
.c0 {font-family: verdana; font-size: 12; background: #EBEBFF; line-height: 16px}
.c1 {font-family: verdana; font-size: 12; background: #EBEBFF; line-height: 16px; text-align: center}
.c2 {font-family: verdana; font-size: 12; background: #E0E1FF; line-height: 16px; text-align: center}



/* TABLES ----------------- */ 
.table_general {background: #BED2FF}
.table_soutenu {background: #BED2FF}
.table_clair {background: #DCE6FF}
.table_light {background: #EFF5FF}
.table_blanc {background: #FFFFFF}



/* cadre arrondi page Accueil et erreur404 */
.cadre_h_g {background: url(images/cadre_h_g.gif); width: 20px; height: 20px}
.cadre_h {background: url(images/cadre_h.gif); height: 20px}
.cadre_h_d {background: url(images/cadre_h_d.gif); height: 6px}

.cadre_g {background: url(images/cadre_g.gif); width: 20px}
.cadre_d {background: url(images/cadre_d.gif); width: 20px}

.cadre_b_g {background: url(images/cadre_b_g.gif); width: 20px; height: 20px}  
.cadre_b {background: url(images/cadre_b.gif); height: 20px}											
.cadre_b_d {background: url(images/cadre_b_d.gif); height: 6px}	

#telecharger {background: url(images/submit_button_01.gif); width: 135px; height: 25px; line-height: 22px; text-align: center; float: inherit}


/* table verticale */
.w_colonne_gauche {width: 200px; text-align: left}/* 214*/
.tabvert_titre {background: url(images/submit_button_index.gif); height: 23px; text-align: center; width: 100%; line-height: 18px}
.tabvert_corps {line-height: 20px; font-family: arial;  font-size: 12px; color: #3A6BB3; text-align: left}


/* menu de navigation vertical */

/* page index */
.nav_vert:link{font-family: verdana, arial; font-size: 12px; color: #1455CD}
.nav_vert:active{font-family:  verdana, arial; font-size: 12px; color: #1455CD}
.nav_vert:visited{font-family:  verdana, arial; font-size: 12px; color: #1455CD;}
.nav_vert:hover {font-family: verdana, arial; font-size: 12px; color: #FF6600; text-decoration: none; cursor: hand}


.nav_menu_vert {width: 150px}
.nav_menu_vert_h {background: url(images/submit_button_nav_vert.gif); font-family: arial; font-size: 12px; color: #FF6600; text-align: center; font-style: bold; line-height: 5px}
.nav_menu_vert_h_r {color: #F71073; background: url(images/submit_button_nav_vert.gif); 
font-family: arial; font-size: 12px; 
text-align: center; font-style: bold; line-height: 5px}

.nav_menu_vert_corps {background: #F0F0F0; line-height: 28px; font-family: arial; font-size: 12px; color: #3A6BB3; text-align: left; font-style: bold}	
.nav_menu_vert_b {background: url(images/submit_button_nav_b.gif); height: 25px}


#divvert_titre {background: url(images/submit_button_210.gif); height: 25px; width: 210px; text-align: center}


/* pied de page */
.ours {font-family: arial, helvetica, sans serif; font-size: 12px; color: gray; text-align: center}