/* CSS Document */
html, body{ 
	margin: 0;
	padding: 0;
	background-image: url(../images/design/trame_fond.gif);
	vertical-align: top;
	color: #333333;
	font-size: 12px;
	text-align: top;
	font-family: Arial, Helvetica, sans-serif;
}
a{
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #333333;
}
p{
	margin-top: 5;
}
/* ---------- charte / fond page --------------*/
.fd-page-haut {
	width: 100%;
	height: 100%;
	background-image: url(../images/design/trame_fond_degrade.jpg);
	background-repeat: repeat-x;
	background-position: top;
	vertical-align: top;
}
.cote-gauche-page{
	background-image: url(../images/design/cote_gauche_page.jpg);
	background-repeat: repeat-y;
	vertical-align: top;
	width: 33px;
	}
.cote-droit-page{
	background-image: url(../images/design/cote_droit_page.jpg);
	background-repeat: repeat-y;
	vertical-align: top;
	width: 36px;
}
.centre-page-accueil{
	background-color: #ffffff;
	vertical-align: top;
}
.centre-page{
	background-color: #ffffff;
	vertical-align: top;
	padding: 0 20 10 50;
}

/* bandeau */
#fond-accueil{
	background-image: url(../images/design/badeau_accueil.jpg);
	background-repeat: no-repeat;
	width: 975px;
	height: 175px;
	vertical-align: bottom;
}
#fond-tourisme{
	background-image: url(../images/design/badeau_espace_tourisme.jpg);
	background-repeat: no-repeat;
	width: 975px;
	height: 175px;
}
#fond-congres{
	background-image: url(../images/design/badeau_espace_congres.jpg);
	background-repeat: no-repeat;
	width: 975px;
	height: 175px;
}
/* /////////////////////// menu ///////////////////////// 
4 états ////// faire un test en php pour le style active /////
a.accueil:link
a.accueil:visited
a.accueil:hover
a.accueil:active 
*/

a.menu-accueil:link{
	font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	margin: 0 32 0 70px;
}
a.menu-accueil:visited{
	font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	margin: 0 32 0 70px;
}
a.menu-accueil:hover{
	font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CA0D12;
	text-transform: uppercase;
	margin: 0 32 0 70px;
	text-decoration: none;
}
a.menu-accueil:active{
	font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CA0D12;
	text-transform: uppercase;
	margin: 0 32 0 70px;
}
/*--------------------------*/
a.menu-tourisme:link{
	font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	margin: 0 17 0 17px;
}
a.menu-tourisme:visited{
	font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	margin: 0 17 0 17px;
}
a.menu-tourisme:hover{
	font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #F18107;
	text-transform: uppercase;
	margin: 0 17 0 17px;
	text-decoration: none;
}
a.menu-tourisme:active{
	font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #F18107;
	text-transform: uppercase;
	margin: 0 17 0 17px;
}
/*--------------------------*/
a.menu-congres:link{
	font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	margin: 0 0 0 0px;
}
a.menu-congres:visited{
	font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	margin: 0 0 0 0px;
}
a.menu-congres:hover{
	font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4D8EC3;
	text-transform: uppercase;
	margin: 0 0 0 0px;
	text-decoration: none;
}
a.menu-congres:active{
	font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4D8EC3;
	text-transform: uppercase;
	margin: 0 0 0 0px;
}
/*-------------- FIN MENU ------------*/

/*--------------------------*/
a.menu-anglais:link{
	font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	margin: 0 0 0 0px;
}
a.menu-anglais:visited{
	font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	margin: 0 0 0 0px;
}
a.menu-anglais:hover{
	font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4D8EC3;
	text-transform: uppercase;
	margin: 0 0 0 0px;
	text-decoration: none;
}
a.menu-anglais:active{
	font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4D8EC3;
	text-transform: uppercase;
	margin: 0 0 0 0px;
}
/*-------------- FIN MENU ------------*/
/*----------------------*/
#marge-titre{
	margin: 0 0 0 70;
}
html>body #marge-titre  {
	padding: 0 0 0 70;
}

/* --------- cadres coordonnées -----*/
.cadre-congres{
	font-size: 12px;
	text-align: center;
	width: 200px;
	font-weight: bold;
	border: 10px solid #A3C4DE;
	background-color: #ffffff;
	margin:0px 50px 0px 0px;
	padding:5;
}
.cadre-tourisme{
	font-size: 12px;
	text-align: center;
	width: 200px;
	font-weight: bold;
	border: 10px solid #F5BE81;
	background-color: #ffffff;
	margin:0px 50px 0px 0px;
	padding:5;
}
/* --------- trait gauche texte -----*/
.trait-gauche-gris{
	font-size: 12px;
	border-left: 2px solid #cccccc;
	padding-left:8px;
}
.trait-congres{
	font-size: 12px;
	border-left: 2px solid #A3C4DE;
	padding-left:8px;
}
.trait-tourisme{
	font-size: 12px;
	border-left: 2px solid #F5BE81;
	padding-left:8px;
}
/* cadre accueil tourisme */
.haut-cadre-tourisme {
	background-image: url(../images/design/haut_cadre_tourisme.jpg);
	background-repeat: no-repeat;
	padding: 20 135 0 100;
	height: 234px;
	width: 430px;
	margin: 0;
	color: #333333;
	font-size: 12px;
	text-align: top;
	font-family: Arial, Helvetica, sans-serif;
}
html>body .haut-cadre-tourisme {
	padding: 20 135 0 100;
	height: 214px;
	width: 195px;
}
.centre-cadre-tourisme {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-image: url(../images/design/centre_cadre_tourisme.gif);
	background-repeat: repeat-y;
	width: 430px;
	margin: 0;
	padding: 0 20 5 47;
	height: auto;
}

html>body .centre-cadre-tourisme {
	padding: 0 20 5 47;
	width: 363px;
}
.bas-cadre-tourisme {
	background-image: url(../images/design/bas_cadre_tourisme.gif);
	background-repeat: no-repeat;
	height: 11px;
	width: 430px;
	margin: 0;
}
/* fin cadre accueil tourisme */

/* cadre accueil congres */
.haut-cadre-congres {
	background-image: url(../images/design/haut_cadre_congres.jpg);
	background-repeat: no-repeat;
	padding: 20 95 0 155;
	height: 234px;
	width: 430px;
	margin: 0;
	color: #333333;
	font-size: 12px;
	text-align: top;
	font-family: Arial, Helvetica, sans-serif;
}
html>body .haut-cadre-congres {
	padding: 20 95 0 155;
	height: 214px;
	width: 180px;
}
.centre-cadre-congres {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-image: url(../images/design/centre_cadre_congres.gif);
	background-repeat: repeat-y;
	width: 430px;
	margin: 0;
	padding: 0 47 5 20;
	height: auto;

}

html>body .centre-cadre-congres {
	padding: 0 47 5 20;
	width: 363px;
}
.bas-cadre-congres {
	background-image: url(../images/design/bas_cadre_congres.gif);
	background-repeat: no-repeat;
	height: 11px;
	width: 430px;
	margin: 0;
}
/* fin cadre accueil congres */
/*--------------- TITRES-------------*/
h1.tourisme{
	font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-top: 23px;
	padding-bottom: 5px;
	margin: 0px;
	color: #F18107;
	text-transform: uppercase;
}
h1.congres{
	font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-top: 23px;
	padding-bottom: 5px;
	margin: 0px;
	color: #4D8EC3;
	text-transform: uppercase;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #999999;
	margin: 0px;
	padding: 0px;
}
h3.tourisme{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #F18107;
	margin: 0px;
	padding: 0px;
}
h3.congres{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #4D8EC3;
	margin: 0px;
	padding: 0px;
}
/*----------------------------------------*/
a.tourisme {
	color: #F18107;
	text-decoration: none;
}
a.tourisme:hover {
	text-decoration: underline;
	color: #F18107;
}
a.congres {
	color: #4D8EC3;
	text-decoration: none;
}
a.congres:hover {
	text-decoration: underline;
	color: #4D8EC3;
}
/* ////////////////// mise en page / paragraphes / liste ///////////// */
ul{
	margin: 0px;
	padding: 0;
}
li{
	margin: 0px;
	padding: 0;
}
a.img{
	border: none;
}
hr.rouge{
	margin: 0;
	padding: 0;
	border-style: solid;
	border-color: #CA0D12;
	height: 1px;
}

/* /////////////////// précharger les images //////////////// */
.cache{display:none;}
/* ///////////// images flottantes ////////// */
.float-droite{
	float:right;
}
.float-gauche{
	float:left;
}
/* /////////////////////// éléments de formulaire ////////////////// */
form{
	margin: 0;
	padding: 0;
}
.submit{
	margin: 0;
	padding: 0;
	height: 20px;
	width: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: hand;
}
.champ-gris{
	background-color: #CCCCCC;
	background-position: bottom;
	font-size:11px;
	width: 122px;
	border:1px solid #ffffff;
	padding:0px 3px 0px 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
/* /////////////// texte /////////////////// */
.txt12gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.txt12{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.txt14blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}

/* CSS POUR RESA */

.lignetableauchambre1 {font-family: Arial, Helvetica, sans-serif;font-size:11px;color:#000000;font-weight:normal;}
.lignetableauchambre2 {font-family: Arial, Helvetica, sans-serif;font-size:11px;background-color:#FBC57F;color:#000000;font-weight:normal;}

.TitreLots {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #000000;}

.reserver A:link {
    padding-left: 8px; font-size: 1em;
    FONT-SIZE: 0.27cm; 
    COLOR: #000000;
    font-family: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
 }
.reserver A:visited {FONT-SIZE: 0.27cm; COLOR: #000000;font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.reserver A:hover{FONT-SIZE: 0.27cm; COLOR: #000000; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}

.bouton {font-size: 10px;font-family: Arial, Helvetica, sans-serif;background-color: #C60B27;color: #FFFFFF;font-weight: normal; border : none}

.haut {FONT-SIZE: 0.27cm; COLOR: #172E46; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.haut A:link {FONT-SIZE: 0.27cm; COLOR: #172E46; font-family: Arial, Helvetica, sans-serif;TEXT-DECORATION: none}
.haut A:visited {FONT-SIZE: 0.27cm; COLOR: #172E46; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.haut A:hover{FONT-SIZE: 0.27cm; COLOR: #8CB0D9; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.navig {FONT-WEIGHT: bold; FONT-SIZE: 0.27cm; COLOR: #172E46; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.navig A:link {FONT-WEIGHT: bold; FONT-SIZE: 0.27cm; COLOR: #172E46; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.navig A:visited {FONT-WEIGHT: bold; FONT-SIZE: 0.27cm; COLOR: #172E46; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.navig A:hover{FONT-WEIGHT: bold; FONT-SIZE: 0.27cm; COLOR: #8CB0D9; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titre-central {FONT-WEIGHT: bold; FONT-SIZE: 0.31cm; COLOR: #376ca8; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titre-central A:link {FONT-WEIGHT: bold; FONT-SIZE: 0.31cm; COLOR: #376ca8; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titre-central A:visited {FONT-WEIGHT: bold; FONT-SIZE: 0.31cm; COLOR: #376ca8; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titre-central A:hover {FONT-WEIGHT: bold; FONT-SIZE: 0.31cm; COLOR: #8cb0d9; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.texte-central {FONT-WEIGHT: normal; FONT-SIZE: 0.31cm; COLOR: #000000; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.texte-central A:link {FONT-WEIGHT: normal; FONT-SIZE: 0.31cm; COLOR: #000000; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.texte-central A:visited {FONT-WEIGHT: normal; FONT-SIZE: 0.31cm; COLOR: #444444; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.texte-central A:hover {FONT-WEIGHT: normal; FONT-SIZE: 0.31cm; COLOR: #8cb0d9; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.textdroite {FONT-WEIGHT: normal; FONT-SIZE: 0.26cm; COLOR: #222222; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.textdroite A:link {FONT-WEIGHT: bold; FONT-SIZE: 0.26cm; COLOR: #222222; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.textdroite A:visited {FONT-WEIGHT: bold; FONT-SIZE: 0.26cm; COLOR: #222222; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.textdroite A:hover {FONT-WEIGHT: bold; FONT-SIZE: 0.26cm; COLOR: #8cb0d9; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.lignebas {FONT-WEIGHT: bold; FONT-SIZE: 0.27cm; COLOR: #000000; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.lignebas A:link {FONT-WEIGHT: bold; FONT-SIZE: 0.27cm; COLOR: #000000; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.lignebas A:visited {FONT-WEIGHT: bold; FONT-SIZE: 0.27cm; COLOR: #000000; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.lignebas A:hover {FONT-WEIGHT: bold; FONT-SIZE: 0.27cm; COLOR: #8cb0d9; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.ref{
    font-family: Arial, Helvetica, sans-serif;
    text-align : left ;
    font-size: 11px;
    line-height: 1.2em;
    padding: 0 0 0 0 !important;
    background-image: none !important;
    color : #000000;
 }
.ref A:link {
    font-weight: normal;
    font-size: 10px;
    color : #000000;
    font-family: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.ref A:visited {
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.27cm;
    COLOR: #000000; 
    font-family: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.ref A:hover {FONT-WEIGHT: normal; FONT-SIZE: 0.27cm; COLOR: #000000; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
A.retour:link {padding-right: 5px; FONT-SIZE: 9pt; WIDTH: 100%; COLOR: #000000; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
A.retour:visited {padding-right: 5px; FONT-SIZE: 9pt; WIDTH: 100%; COLOR: #000000; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
A.retour:hover {padding-right: 5px; FONT-SIZE: 9pt; WIDTH: 100%; COLOR: #000000; font-family: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #4D85C4; TEXT-DECORATION: none}

.toutcompris0 {font-family: Arial, Helvetica, sans-serif;font-size:11px;background-color:#3568A2;color:#000000;font-weight:bold;}
.toutcompris1 {font-family: Arial, Helvetica, sans-serif;font-size:11px;background-color:#4d85c4;color:#000000;font-weight:normal;}
.toutcompris2 {
font-family: Arial, Helvetica, sans-serif;font-size:11px;background-color:#77A3D2;color:#000000;font-weight:normal;}

/* FIN CSS RESA */

.body-background{
background-image: url(http://www.angers-tourisme.com/img/fd.jpg);
}
h2{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: #000000;}