/*******************************************************
** Auteur: Création SunnyWeb                          **
** Fichier: estacadesreleve.css                       **
** Date: 2008-07-12                                   **
** ©Création SunnyWeb 2008                            **
*******************************************************/
body   { background-image: url("../images/bg_body.gif"); background-color: #214273; font-size: 10pt; font-family: Tahoma, Verdana, Arial, Times New Roman; color: #FFFFFF; margin: 5 5 5 5; font-family: Tahoma, Verdana, Arial, Times New Roman; }

/*******************************************************
** CONTOUR                                            **
*******************************************************/
#CONTOUR { background-image: url("../images/bg.gif"); background-color: #C6A55A; width: 976px; border: 1px solid #FFFFFF; }
#CONTOUR .menuTop { height: 35px; background-color: #C6A65B; }
#CONTOUR .entete { background-image: url("../images/entete.gif"); background-repeat: no-repeat; height: 130px; background-color: #C6A65B; }
#CONTOUR .slogan { margin: 0 0 0 0; padding: 3 0 0 53; color: #214273; font-size: 7pt; font-weight: bold; font-style: italic; }
#CONTOUR .ligne { background-image: url("../images/ligne.gif"); background-color: #214273; height: 5px; font-size: 1pt; margin: 0 0 0 0; padding: 0 0 0 0; }
#CONTOUR .menu { height: 20px; background-color: #214273; font-weight: bold; }
#CONTOUR .mainPage { height: 275px; min-height: 275px; }
*> #CONTOUR .mainPage { height: auto; }
#CONTOUR .menuBas { height: 35px; background-color: #214273; }
/*******************************************************
**         menu                                       **
*******************************************************/ 
#CONTOUR .menu a:link { color: #FFFFFF; text-decoration: none; font-size: 8pt; font-weight: bold; }
#CONTOUR .menu a:visited { color: #FFFFFF; text-decoration: none; font-size: 8pt; font-weight: bold; }
#CONTOUR .menu a:hover { color: #C6A65B; text-decoration: none; font-size: 8pt; font-weight: bold; }

#theLayer1 { position: absolute; width: 250px; visibility: hidden; }
#theLayer2 { position: absolute; width: 250px; visibility: hidden; }
#theLayer3 { position: absolute; width: 250px; visibility: hidden; }
#theLayer4 { position: absolute; width: 250px; visibility: hidden; }
#theLayer5 { position: absolute; width: 250px; visibility: hidden; }
#theLayer6 { position: absolute; width: 250px; visibility: hidden; }
#theLayer7 { position: absolute; width: 250px; visibility: hidden; }
#theLayer8 { position: absolute; width: 250px; visibility: hidden; }
#theLayer9 { position: absolute; width: 250px; visibility: hidden; }
#theLayer10 { position: absolute; width: 250px; visibility: hidden; }
#theLayer11 { position: absolute; width: 250px; visibility: hidden; }
#theLayer12 { position: absolute; width: 250px; visibility: hidden; }
#theLayer13 { position: absolute; width: 250px; visibility: hidden; }
#theLayer14 { position: absolute; width: 250px; visibility: hidden; }
#theLayer15 { position: absolute; width: 250px; visibility: hidden; }
#theLayer16 { position: absolute; width: 250px; visibility: hidden; }
#theLayer17 { position: absolute; width: 250px; visibility: hidden; }
#theLayer18 { position: absolute; width: 250px; visibility: hidden; }
#theLayer19 { position: absolute; width: 250px; visibility: hidden; }
#theLayer20 { position: absolute; width: 250px; visibility: hidden; }
.sMenu { background-color:#214273; }
.sMenu td { background-color:#214273; border-width: 1px; border-style: inset; border-color: #C6A65B;}
.sMenu td:hover { color: #C6A65B;}
.sMenu a { color: #FFFFFF; text-decoration: none; }
.sMenu a:hover { color: #C6A65B; }


/*******************************************************
** main                                               **
*******************************************************/
#main { width: 976px; margin: 0 0 0 0; padding: 0 0 0 0; font-family: Tahoma, Verdana, Arial, Times New Roman; }
#main .wrapper { margin: 0 0 0 0; padding: 7 15 7 15; min-height: 350px; height: 350px; }
*>#main .wrapper { height: auto; } 
#main .titre { background-image: url("../images/main_haut.gif"); background-repeat: no-repeat; width: 946px; height: 46px; margin: 0 0 0 0; padding: 0 0 0 0; color: #FFFFFF; font-size: 15pt; font-weight: bold; }
#main .wrapTitre { padding: 5 20 1 20; margin: 0 0 0 0; }
#main .texte { background-image: url("../images/main_milieu.gif"); background-repeat: yes; width: 946px; min-height: 450px; height: 450px; margin: 0 0 0 0; padding: 0 0 0 0; }
*>#main .texte { height: auto; }
#main .texte b { color: #C6A65B; }
#main .wrapText { padding: 5 20 1 15; margin: 0 0 0 0; }
#main .wrapTextNews { padding: 5 40 1 25; margin: 0 0 0 0; }
#main .bas { background-image: url("../images/main_bas.gif"); background-repeat: no-repeat; background-position: left bottom; width: 946px; height: 40px; margin: 0 0 0 0; padding: 0 0 0 0; }
#main hr { color: #C6A65B; background-color:#C6A65B; height: 5px; border: none; border-bottom: 1px #000000 solid; border-right: 1px #000000 solid; border-top: 1px #CACACA solid; border-left: 1px #CACACA solid; } 
#main h1 { color: #C6A65B; text-align: center; }
#main a:link { color: #C6A65B; text-decoration: none; }
#main a:visited { color: #C6A65B; text-decoration: none; }
#main a:hover { color: #FFFFFF; text-decoration: underline; }
 

/*******************************************************
**         tableau                                    **
*******************************************************/ 
#main table { font-size: 11.5pt; border-width: 2px; border-style: inset; border-color: gray; }
#main table th { color: #214273; height: 40px; font-size: 12.0pt; text-align: center; font-weight: bold; background-color: #C6A65B; border-width: 1px; border-style: inset; border-color: gray; }
#main table td { font-size: 11.5pt; border-width: 1px; border-style: inset; border-color: gray; }
#main table p { font-size: 11.5pt;}
#main table b { font-size: 11.5pt;}
#main table i { font-size: 11.5pt;}
#main table u { font-size: 11.5pt;}
#main table li { font-size: 11.5pt;}
#main table ul { font-size: 11.5pt;}
#main table.noborder { border-width: 0px; }
#main table.noborder td { border-width: 0px; }

/*******************************************************
** accueil                                            **
*******************************************************/
#accueil { width: 976px; height: 464; margin: 0 0 0 0; padding: 0 0 0 0; font-family: Tahoma, Verdana, Arial, Times New Roman; }
#accueil .wrapper { margin: 0 0 0 0; padding: 7 15 7 15; }
#accueil .box_450x450 { background-image: url("../images/box_450x450.gif"); background-repeat: no-repeat; width: 450px; height: 450px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; }
#accueil .box_450x450 .titre { padding: 5 20 20 20; margin: 0 0 0 0;  color: #FFFFFF; font-size: 15pt; font-weight: bold; }
#accueil .box_450x450 .texte { padding: 5 20 0 15; margin: 0 0 0 0; }
#accueil .box_450x450 .texte a:link { color: #C6A65B; text-decoration: none; }
#accueil .box_450x450 .texte a:visited { color: #C6A65B; text-decoration: none; }
#accueil .box_450x450 .texte a:hover { color: #FFFFFF; text-decoration: underline; }
#accueil .box_228x220 { background-image: url("../images/box_228x220.gif"); background-repeat: no-repeat; width: 228px; height: 220px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; }
#accueil .box_228x220 .titre { padding: 7 20 18 20; margin: 0 0 0 0;  color: #FFFFFF; font-size: 13pt; font-weight: bold; }
#accueil .box_228x220 .texte { padding: 5 20 0 15; margin: 0 0 0 0; }
#accueil .box_228x220 .texte a:link { color: #C6A65B; text-decoration: none; }
#accueil .box_228x220 .texte a:visited { color: #C6A65B; text-decoration: none; }
#accueil .box_228x220 .texte a:hover { color: #FFFFFF; text-decoration: underline; }
#accueil .space_20x220 { width: 20px; height: 220px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; }
#accueil .box_476x225 { background-image: url("../images/box_476x225.gif"); background-repeat: no-repeat; width: 476px; height: 225px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; }
#accueil .box_476x225 .titre { padding: 5 20 15 20; margin: 0 0 0 0;  color: #FFFFFF; font-size: 15pt; font-weight: bold; }
#accueil .box_476x225 .texte { padding: 0 20 0 15; margin: 0 0 0 0; }
#accueil .box_476x225 .texte a:link { color: #C6A65B; text-decoration: none; }
#accueil .box_476x225 .texte a:visited { color: #C6A65B; text-decoration: none; }
#accueil .box_476x225 .texte a:hover { color: #FFFFFF; text-decoration: underline; }
#accueil .box_476x225 .texte  table { font-size: 8pt; border-width: 2px; border-style: inset; border-color: gray; }
#accueil .box_476x225 .texte  table th { font-size: 9pt; color: #214273; text-align: center; font-weight: bold; background-color: #C6A65B; border-width: 1px; border-style: inset; border-color: gray; }
#accueil .box_476x225 .texte  table td { font-size: 8pt; border-width: 1px; border-style: inset; border-color: gray; }
#accueil .box_476x225 .texte  table p { font-size: 8pt;}
#accueil .box_476x225 .texte  table b { font-size: 8pt;}
#accueil .space_20x225 { width: 20px; height: 225px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; }
#accueil a:link { color: #C6A65B; text-decoration: none; }


/*******************************************************
** pub                                                **
*******************************************************/
#pub { width: 976px; height: 150px; margin: 0 0 0 0; padding: 0 0 0 0; font-family: Tahoma, Verdana, Arial, Times New Roman; }
#pub .wrapper { margin: 0; padding: 10 88 10 88; }
#pub .pubBox { background-image: url("../images/pub_box.gif"); background-repeat: no-repeat; width: 800px; height: 130px; margin: 0 0 0 0; padding: 0 0 0 0; }
#pub .titre { padding: 5 20 5 15; font-size: 11pt; font-weight: bold; color: #ffffff; margin: 0 0 0 0; }
#pub .inbox { padding: 3 20 5 10; font-size: 8pt; margin: 0 0 0 0; }
#pub table { font-size: 7pt; width: 300; height: 95; }

/*******************************************************
** basDePage                                          **
*******************************************************/
#basDePage { width: 976px; height: 35px; color: #FFFFFF; margin: 0 0 0 0; padding: 0 0 0 0; font-family: Tahoma, Verdana, Arial, Times New Roman; }
#basDePage .cadre { padding: 1 10 1 10; height: 35px; }
#basDePage .auteur { color: #FFFFFF; font-size: 9pt; width: 434; margin: 0 0 0 0; padding: 8 0 0 0; float: left; }
#basDePage .sunnyweb { width: 88; float: left; }
#basDePage .menuBas { font-size: 9pt; text-align: right; padding: 8 0 0 0; width: 424; height: 25; float: left; }
#basDePage .menuBas a:link { color: #FFFFFF; text-decoration: none; }
#basDePage .menuBas a:visited { color: #FFFFFF; text-decoration: none; }
#basDePage .menuBas a:hover { color: #C6A65B; text-decoration: underline; }

/*******************************************************
** popup                                              **
*******************************************************/
#popup { background-color: RGBA(33,66,115,0.9); position: absolute; width: 100%; height: 822; left: 0; top: 0; visibility: visible; filter: progid:DXImageTransform.Microsoft.Gradient(startcolorstr="#90214273",endcolorstr="#90214273"); }