/*******************************************************
	** Auteur: Création SunnyWeb						  **
	** Fichier: sunnyweb.css						  	  **
	** Date: 2006-07-17									  **
	** ©Création SunnyWeb 2006							  **
  	*******************************************************/

@charset "iso-8859-1";

body { color: #000000; background-image: url("../images/background.gif"); background-repeat: yes; background-color: #CD8644; background-position: left top; margin: 0; padding: 0; }
a:link { color:#CD8644; text-decoration:underline; text-underline:single; }
a:visited {color:#CD8644; text-decoration:underline; text-underline:single; }
a:hover {color:#000000; text-decoration:underline; text-underline:single; }


/*****************************************************************************/
/* 						FRAME DU SITE 										 */
/*****************************************************************************/
#container { width: 772px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-align: left; margin: 0 0 0 0; padding: 0 0 0 0; border: 0px solid #FFFFFF;  }
#container .topC1 { background-image: url("../images/barreC1.gif"); font-size: 1pt; width: 11px; height: 11px; background-repeat: no-repeat; float: left; }
#container .topH { background-image: url("../images/barreH1.gif"); font-size: 1pt; width: 750px; height: 11px; background-repeat: yes; float: left; }
#container .topC2 { background-image: url("../images/barreC2.gif"); font-size: 1pt; width: 11px; height: 11px; background-repeat: no-repeat; float: left; }
#container .coteV1 { background-image: url("../images/barreV1.gif"); font-size: 1pt; width: 11px; height: 85px; background-repeat: yes; float: left; }
#container .entete { background-color: #000000; color: #ffffff; width: 750px; height: 85px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; }
#container .coteV2 { background-image: url("../images/barreV2.gif"); font-size: 1pt; width: 11px; height: 85px; background-repeat: yes; float: left; }
#container .coteV3 { background-image: url("../images/barreV1.gif"); font-size: 1pt; width: 11px; height: 11px; background-repeat: yes; float: left; }
#container .middleH { background-image: url("../images/barreH3.gif"); font-size: 1pt; width: 750px; height: 11px; background-repeat: yes; float: left; }
#container .coteV4 { background-image: url("../images/barreV2.gif"); font-size: 1pt; width: 11px; height: 11px; background-repeat: yes; float: left; }
#container .main { background-image: url("../images/mainV1.gif"); background-color: #000000; width: 772px; min-height: 400px; height: 400px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; }
*>#container .main { height: auto; } 
#container .coteV7 { background-image: url("../images/barreV1.gif"); font-size: 1pt; width: 11px; height: 45px; background-repeat: yes; float: left; }
#container .basPage { background-color: #000000; width: 750px; height: 45px; float: left; }
#container .coteV8 { background-image: url("../images/barreV2.gif"); font-size: 1pt; width: 11px; height: 45px; background-repeat: yes; float: left; }
#container .basC3 { background-image: url("../images/barreC3.gif"); font-size: 1pt; width: 11px; height: 11px; background-repeat: no-repeat; float: left; }
#container .basH { background-image: url("../images/barreH2.gif"); font-size: 1pt; width: 750px; height: 11px; background-repeat: yes; float: left; }
#container .basC4 { background-image: url("../images/barreC4.gif"); font-size: 1pt; width: 11px; height: 11px; background-repeat: no-repeat; float: left; }


/*****************************************************************************/
/* 						SECTION ENTETE 										 */
/*****************************************************************************/
#entete { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.0pt; margin: 0 0 0 0; }
#entete .formLogin { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.0pt; background-color: #CD8543; border-width: 1; text-align: left;}

/*****************************************************************************/
/* 						SECTION BAS DE PAGE									 */
/*****************************************************************************/
#basPage { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.0pt; margin: 0 0 0 0; padding: 3 10 0 10; }
#basPage p { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.0pt; text-align: center; margin: 10 0 0 0; padding: 0 0 0 0; }
#basPage a:link { color:#ffffff; text-decoration:none; text-underline:single; }
#basPage a:visited { color:#ffffff; text-decoration:none; text-underline:single; }
#basPage a:hover { color:#CD8644; text-decoration:underline; text-underline:single; }


/*****************************************************************************/
/* 						SECTION MENU 										 */
/*****************************************************************************/
#cadreMenu { width: 750px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-align: left; margin: 0 0 0 0; }
#cadreMenu a:link { color:#ffffff; font-weight: bold; text-decoration:none; text-underline:single; }
#cadreMenu a:visited { color:#ffffff; font-weight: bold; text-decoration:none; text-underline:single; }
#cadreMenu a:hover { color:#CD8644; font-weight: bold; text-decoration:underline; text-underline:single; }
#cadreMenu table { width: 750px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; margin: 0 0 0 0; border: 0px solid #FFFFFF; }
#cadreMenu td.boite1 { width: 57px; text-align: center; border-right: 1px solid #FFFFFF; }
#cadreMenu td.boite2 { width: 65px; text-align: center; border-right: 1px solid #FFFFFF; }
#cadreMenu td.boite3 { width: 60px; text-align: center; border-right: 1px solid #FFFFFF; }
#cadreMenu td.boite4 { width: 63px; text-align: center; border-right: 1px solid #FFFFFF; }
#cadreMenu td.boite5 { width: 60px; text-align: center; border-right: 1px solid #FFFFFF; }
#cadreMenu td.boite6 { width: 115px; text-align: center; border-right: 1px solid #FFFFFF; }
#cadreMenu td.boite7 { width: 60px; text-align: center; border-right: 0px solid #FFFFFF; }
#cadreMenu td.date { width: 190px; font-size: 7pt; color: #ffffff; text-align: right; border-right: 0px solid #FFFFFF; }
#cadreMenu td.space10 { width: 10px; border-right: 0px solid #FFFFFF; }
/*****************************************************************************/
/* 						SECTION SOUS-MENU 									 */
/*****************************************************************************/
#menu1 { position: absolute; width: 250px; visibility: hidden; top: 96; left: 76; }
#menu2 { position: absolute; width: 250px; visibility: hidden; top: 96; left: 217; }
#menu3 { position: absolute; width: 250px; visibility: hidden; top: 96; left: 356; }
.sMenu { background-color:#BCBCBC;}
.sMenu td { background-color:#000000;}
.sMenu td:hover { background-color:#CD8644;}
.sMenu a:link { width:150; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-decoration:none; }
.sMenu a:visited { width:150; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-decoration:none; }
.sMenu a:hover { width:150; background-color:#CD8644;  }


/*****************************************************************************/
/* 						FRAME PAGE STANDARD								 	 */
/*****************************************************************************/
#general { width: 750; margin: 0 11 0 11; padding: 10 10 10 10; }
#general .titre { background-image: url("../images/generalTop.gif"); background-repeat: no-repeat; width: 730px; height: 46px; margin: 0 0 0 0; padding: 0 0 0 0; color: #FFFFFF; font-size: 15pt; font-weight: bold; }
#general .wrapTitre { padding: 5 20 1 20; margin: 0 0 0 0; }
#general .texte { background-image: url("../images/generalMilieu.gif"); background-repeat: yes; width: 730px; min-height: 315px; height: 315px; margin: 0 0 0 0; padding: 0 0 0 0; }
*>#general .texte { height: auto; } 
#general .wrapText { padding: 5 20 1 15; margin: 0 0 0 0; }
#general p { margin: 5px 0 10px 0; padding: 0 0 0 0; text-align: justify; }
#general p.soustitre { font-size: 12pt; color: #CD8644; font-weight: bold; margin: 10px 0 5px -5px; padding: 0 0 0 0; text-align: justify; }
#general .bas { background-image: url("../images/generalBas.gif"); background-repeat: no-repeat; background-position: left top; width: 730px; height: 40px; margin: 0 0 0 0; padding: 0 0 0 0; }
#general .soustitre { font-size: 10pt; font-weight: bold; }
#general .accueilWrap { width: 730px; padding: 0 0 0 0; margin: 0 0 0 0; float: left; }
##general .accueilSpacer180x10 { width: 180px; height: 10px; margin: 0 0 0 0; padding: 0 0 0 0; }
#general .accueilSpacer540x10 { width: 540px; height: 10px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; }
#general .accueilSpacer10x218 { width: 10px; height: 218px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; }
#general .accueilBoxNormal { background-image: url("../images/accueilBoxNormal.gif"); background-repeat: no-repeat; background-position: left top; width: 265px; height: 218px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; }
#general .accueilBoxNormalTitle { width: 265px; height: 40px; margin: 0 0 0 0; padding: 5 5 0 7; color: #FFFFFF; font-size: 13pt; font-weight: bold; }
#general .accueilBoxNormalText { width: 265px; height: 138px; margin: 0 0 0 0; padding: 0 5 2 7; }
#general .accueilBoxSmall { background-image: url("../images/accueilBoxSmall.gif"); background-repeat: no-repeat; background-position: left top; width: 180px; height: 218px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; }
#general .accueilBoxSmallTitle { width: 180px; height: 40px; margin: 0 0 0 0; padding: 5 5 0 7; color: #FFFFFF; font-size: 13pt; font-weight: bold; }
#general .accueilBoxSmallText { width: 180px; height: 138px; margin: 0 0 0 0; padding: 0 5 2 7; }
#general p.accueilBox { margin: 0 0 0 0; padding: 0 18 0 0; text-align: justify; }
#general .table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; margin: 0 0 0 0; padding: 0 0 0 0; }
#general .accueilTableHosting { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; margin: 0 0 0 0; padding: 0 0 0 0; }
#general .accueilTableHosting a:link { color:#000000; text-decoration: none; }
#general .accueilTableHosting a:visited { color:#000000; text-decoration: none; }
#general .accueilTableHosting a:hover { color:#000000; text-decoration: none; }
#general .borderRight { border-right: 1px solid #000000; }
#general .red { color: #FF0000; font-size: 7pt; margin: 0 0 0 5; font-weight: bold; }
#general .red a:link { color:#FF0000; text-decoration: none; }
#general .red a:visited { color:#FF0000; text-decoration: none; }
#general .red a:hover { color:#FF0000; text-decoration: none; }
#general .accueilBoxNews { background-image: url("../images/accueilBoxNews.gif"); background-repeat: no-repeat; background-position: left top; width: 540px; height: 447px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; }
#general .accueilBoxNewsTitle { width: 540px; height: 40px; margin: 0 0 0 0; padding: 5 5 0 7; color: #FFFFFF; font-size: 13pt; font-weight: bold; }
#general .accueilBoxNewsText { width: 540px; height: 407px; margin: 0 0 0 0; padding: 0 5 10 7; }
#general ul.accueilServiceBox { line-height: 20px; font-weight: bold; }
#general ul.accueilServiceBox a:link { color:#000000; text-decoration: none; }
#general ul.accueilServiceBox a:visited { color:#000000; text-decoration: none; }
#general ul.accueilServiceBox a:hover { color:#CD8644; text-decoration: underline; text-underline: single; }
#general ul.accueilNouvelle { font-size: 8pt; font-weight: bold; text-align: justify; margin: 5 20; }
#general ul.accueilNouvelle ul { font-size: 7pt; font-weight: normal; margin: 0 10 10 15; }
#general ul.accueilNouvelle a:link { color:#000000; text-decoration: none; }
#general ul.accueilNouvelle a:visited { color:#000000; text-decoration: none; }
#general ul.accueilNouvelle a:hover { color:#CD8644; text-decoration: underline; text-underline: single; }
#general .accueilBoxHebergement_fr { background-image: url("../images/accueilBoxHebergement_fr.gif"); background-repeat: no-repeat; background-position: left top; width: 455px; height: 218px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; }
#general .accueilBoxHebergement_an { background-image: url("../images/accueilBoxHebergement_an.gif"); background-repeat: no-repeat; background-position: left top; width: 455px; height: 218px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; }
#general .accueilBoxHebergementTitle { width: 265px; height: 40px; margin: 0 0 0 0; padding: 5 5 0 7; color: #FFFFFF; font-size: 13pt; font-weight: bold; }
#general .accueilBoxHebergementText { width: 265px; height: 138px; margin: 0 0 0 0; padding: 0 0 0 0; }


/*****************************************************************************/
/* 						PAGE CLIENTS									 	 */
/*****************************************************************************/
#client { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #CD8644; }
#client p { color: #000000; font-size: 9pt; font-weight: normal; margin: 5px 0 10px 0; padding: 0 0 0 0; text-align: justify; }
#client a:link { color:#CD8644; text-decoration: none; }
#client a:visited { color:#CD8644; text-decoration: none; }
#client a:hover { color:#000000; text-decoration:underline; text-underline:single;  }
#client table { width: 650px; text-align: center; border: 0; margin: 0 0 0 0; padding: 0 0 0 0;}
#client td { width: 325px; border: 0; margin: 0 0 0 0; padding: 5 5 5 5; text-align: center;  }


/*****************************************************************************/
/* 						PAGE SUPPORT									 	 */
/*****************************************************************************/
#support { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
#support .table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }


/*****************************************************************************/
/* 						PAGE HEBERGEMENT								 	 */
/*****************************************************************************/
#hebergement { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
#hebergement .table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
#hebergement .BK_SUB4 { background-color: #FEE73F; }
#hebergement b.bodyTextLarge { font-size: 11pt; }
#hebergement b.red { color: #ff0000; }
#hebergement .bodyTextColored { font-size: 8pt; color: #ff0000; }
#hebergement .tablebox { border: 2px solid #CD8644; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }