/* 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}


.body {background: #FF00FF; width: 780px; margin: auto; text-align: center; ; 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}
.color_b {color: #0066CC}
.color_x {color: #8023CC}
.color_bg {color: #315B9A}
.color_g {color: #969696}

.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}
	

/* dimensions des images de numéros */
.n_n1 {width: 40px; height: 30px; border: 0px}		
.n_n {width: 30px; border: 0px; height: 30px}		

/* liens */
.classique:link {font-family: verdana, arial; font-size: 12px; color: #5670FF; text-decoration: underline}
.classique:visited {font-family: verdana, arial; font-size: 12px; text-decoration: underline; color: #7F4780}
.classique:hover {font-family: verdana, arial; font-size: 12px; text-decoration: underline; color: #FF3183}
.classique:active {font-family: verdana,arial; font-size: 12px; color: 5670FF;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}

/* Téléchargement  */
.tele:link    {font-family: arial; font-size: 12px; color: #BCD0D9; font-weight: bold; text-decoration: none; cursor: hand}/* color: #161AAC */
.tele:hover   {font-family: arial; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; cursor: hand}
.tele:visited {font-family: arial; font-size: 12px; color: #BCD0D9; font-weight: bold;  text-decoration: none; cursor: hand}
.tele:active  {font-family: arial; font-size: 12px; color: #ffffff ; font-weight: bold; text-decoration: none; cursor: hand}

.tele2 {font-family: verdana; font-size: 12px; color: #68C2D9; font-weight: bold; text-decoration: none; cursor: hand}
.tele2:link    {font-family: verdana; font-size: 12px; color: #BCD0D9; font-weight: bold; text-decoration: none; cursor: hand}/* color: #161AAC */
.tele2:hover   {font-family: verdana; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; cursor: hand}
.tele2:visited {font-family: verdana; font-size: 12px; color: #BCD0D9; font-weight: bold;  text-decoration: none; cursor: hand}
.tele2:active  {font-family: verdana; font-size: 12px; color: #ffffff ; font-weight: bold; text-decoration: none; cursor: hand}

.navtab {background: url(images/nav_tab_c.jpg); height: 42px; text-align: center; vertical-align: top; line-height: 35px}
#navtab_g {background: url(images/nav_tab_g.jpg); width: 10px; height: 42px}
#navtab_d {background: url(images/nav_tab_d.jpg); width: 10px; height: 42px}

.navlink:link {color: #BCD0D9; text-decoration: none}/*color: #82C8FF */		
.navlink:hover {color: #82C8FF; text-decoration: none}			
.navlink:visited {color: #82C8FF; text-decoration: none}	

/* Autres liens */
.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}

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


/* menu déroulant --------------------------- */
.encadre_menu {float: right}
.MOff {display: none}
.MOn {display: block}
/* position left OK pour IE et Mozilla mais marche mal sur Web expert : ne pas modifier */
.menuB {filter:alpha(opacity=95); opacity:0.95; width: 150px; height: auto; position: absolute; left: auto; margin-left: 20px; top: 120px; z-index: 10; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; background-color: #333333; line-height: 20px; text-align: left; border: none; -moz-border-radius: 0px 0px 5px 5px}   
.menuB a {display: block}
.lienmenuB:link 	{text-decoration: none; color: white; font-family: verdana, arial; font-size: 12px}
.lienmenuB:visited 	{text-decoration: none; color: white; font-family: verdana, arial; font-size: 12px}
.lienmenuB:hover 	{text-decoration: none; color: #66FFFF; font-family: verdana, arial; font-size: 12px}
.lienmenuB:active  	{text-decoration: underline; color: #66FFFF; font-family: verdana, arial; font-size: 12px}



/* texte */
.taho14			   {font-family: Tahoma; font-size: 14px}
.txt_standard 	   {font-family: verdana, arial; color: #505060; font-size: 12px; line-height: 18px; text-align: left} 
.txt_standard_gray {font-family: verdana, arial; color: #505060; font-size: 12px; line-height: 18px; text-align: left}
.txt_standard_v    {font-family: verdana, arial; color: #749B00; font-size: 12px; line-height: 18px; text-align: left}
.txt_standard_b	   {font-family: verdana, arial; color: #3A6BB3; font-size: 12px; line-height: 18px; text-align: left} 

.txt_strong_max {font-family: arial black, verdana; 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: 16px; font: bold; font-style: italic}
.txt_max_b {color: #317FC5; font-family: verdana, arial; font-size: 18px; font: bold; font-style: italic}

.txt_max_gray {color: #505050; 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_c = vert */
.txt_inter_c 	{color: #749B00; 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}
.txt_inter 		{color: #FF6600; font-family: verdana; 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_b 	{color: #3A6BB3; font-family: verdana; text-align: justify; font-size: 14px; line-height: 20px; font-style: italic}
.txt_inter_gray {color: #505050; font-family: verdana; text-align: justify; font-size: 14px; line-height: 20px; font-style: italic}


/* page index ------------------------------------- */
.inter_1 {color: #317FC5; font-family: Tahoma, Verdana, arial; font-size: 15px; line-height: 24px}

/* liens */
.lien1:link {font-family: Tahoma, verdana, arial; font-size: 15px; color: #317FC5; text-decoration: none}
.lien1:visited {font-family: Tahoma, verdana, arial; font-size: 15px; text-decoration: underline; color: #3366FF}
.lien1:hover {font-family: Tahoma, verdana, arial; font-size: 15px; color: #3366FF; text-decoration: underline}
.lien1:active {font-family: Tahoma, verdana,arial; font-size: 15px; color: #3366FF; text-decoration: underline}


/* ACTUALITE --------------------------------------  */
.nav_actu {text-align: left}
.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}
.actu_separation {height: 5px; background-color: #C9CED6}

/* 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: #D7E7EF}  /* BED2FF */
.table_soutenu {background: #E2ECF1}  /* BED2FF */
.table_clair   {background: #F0F7FC}  /* DCE6FF */
.table_light   {background: #EFF5FF}
.table_blanc   {background: #FFFFFF}


/* Not found --------------- */
.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}		
	
/* cadre arrondi */
.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}

/* colonne de gauche encadré */
.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}

/* couleur initiale : F0F0F0 */
.nav_menu_vert_corps {background: #ECF5FE; 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 */
#pied_de_page2 {width: 100%; height: 40px; margin-top: 80px; padding-top: 10px; border-top: 1px solid #AAB7C8; border-bottom: 1px solid #AAB7C8; font-family: arial; font-size: 12px; color: #919CC5; line-height: 24px; text-align: center; background: url(images/degrade_tele_ae.jpg); background-repeat: repeat-x}
				
#pied_de_page {width: 100%; margin-top: 80px; color: #505060; font-family: arial; font-size: 12px; line-height: 24px; text-align: center; border-top: 0px solid #91A2C1; background: url(images/degrade_tele_ae.jpg); background-repeat: repeat-x; padding-top: 30px; height: 150px}
.ours {font-family: verdana, arial, helvetica, sans serif; font-size: 12px; color: gray; text-align: center; line-height: 18px; margin-top: 10px}