@font-face { font-family:Myriad; src:url('../font/MyriadPro-Regular.otf'); format(TrueType);}
@font-face { font-family:Myriad; src:url('../font/MyriadPro-Semibold.otf'); format(TrueType);font-weight:bold; }
@font-face { font-family:Myriad; src:url('../font/MyriadPro-Black.otf'); format(TrueType);font-weight:bolder; }

/*CSS Largier*/
body {
font-size: 12px;
font-family: Myriad,Arial;
padding: 15px;
background: black url(img/fond.gif) repeat top left;
}

a{
color:#98042E;
font-weight:bold;
text-decoration:none;
}
a:hover{
color:grey;
text-decoration:none;
}


* {
padding: 0;
margin: 0;
}

/*LOGIN*/
div.perso h1 {
font-size: 10px;
color: white;
}

form#loginForm {
/*border: 1px solid red;
width: 200px;*/
}

form#loginForm ul.page {
padding: 0;
}

form#loginForm ul.page li {
list-style-type: none;
float: left;
color: white;
font-size: 10px;
}

form#loginForm ul.page li input {
margin: 0 0 0 0;
font-size: 10px;
}

/*HEADER MISE EN PLACE*/
div.clearboth {
clear: both;
}

div#logo {
width: 184px;
height: 53px;
margin: 10px 0 10px 15px;
}

div#logo a {
display: block;
width: 100%;
height: 100%;
background: transparent url(img/logo_largier.gif) no-repeat top left;
}

div#logo a span {
display: none;
}

/*MENU TOP*/
div#menu {
position: relative;
z-index: 100;
}

div#menu ul {
margin: 0 0 0 14px;
padding: 0;
}

div#menu ul li {
width: 149px;
float: left;
list-style-type: none;
padding: 0;
margin: 0 5px 0 0;
background-color: #9fa4a8;
position: relative;
}

div#menu ul li a {
display: block;
text-align: center;
text-decoration: none;
color: white;
font-weight: bold;
height: 25px;
padding-top: 8px;
}

div#menu ul li a span {
margin-top: 5px;
}

div#menu ul li a:hover {
background-color: #98042E;
}


div#menu ul li ul {
position: absolute;
left: -14px;
top: 32px;
}

div#menu ul li ul li {
border-top: 1px solid #DFDFDF;
}


/*Menu bas*/
div.blocks {
margin-left: 15px;
width: 100%;

}

div.blocks div.block {
float: left;
padding: 0;
/*height: 20px;*/
margin: 0 2px 0 0;
border-right: 2px solid white;

}

div.blocks div.block a {
text-transform: uppercase;
display: block;
padding: 9px 0 0 0 ;
color: white;
text-decoration: none;
text-align: center;
font-size: 13px;
font-weight: bold;
}


div.blocks div.menutype {
background-color: #98042E;
width: 150px;
height: 35px;
}

div.blocks div.menutype a:hover{
background-color: #69001e;
width: 150px;
height:25px;
}

/*OFFRE DU MOIS*/
div.blocks div.dossiermois {
background-color: #cb8296;
width: 149px;
height: 35px;
}

/*BLOCK VISITE*/
div.blocks div.visite {
background-color: #cb8296;
width: 149px;
height: 35px;
}


/*BLOCK PRESSE*/
div.blocks div.presse {
background-color: #98042E;
width: 149px;
height: 35px;
}

/*SURVOL BLOCKS*/

div.blocks div.dossiermois a, div.blocks div.visite a, div.blocks div.presse a {
width: 100%;
padding: 0;
margin: 0;
}

div.blocks div.dossiermois a span, div.blocks div.visite a span, div.blocks div.presse a span {
display: block;
padding: 9px 0 0 0 ;
}

div.blocks div.dossiermois a:hover, div.blocks div.visite a:hover, div.blocks div.presse a:hover {
background-color: #98042e;
height:35px;
text-decoration: none;
}

div.blocks div.presse a:hover {
background-color: #69001e;
height:35px;
text-decoration: none;
}

div.separateur_bas {
height: 52px;
background: white url(img/separateur_bas.gif) no-repeat top left;
}



div.menutype ul li {
list-style-type: none;

}

div.blocks div.last {
border: none;
}




div.separateur_haut {
position: absolute;
height: 85px;
width: 950px;
margin-top:-20px;
background: transparent url(img/separateur_haut.gif) no-repeat bottom left;
}

div.separateur_bas {
height: 52px;
background: white url(img/separateur_bas.gif) no-repeat top left;
}
/*CONTENT*/
div#global {
background-color: white;
width: 950px;
margin: 20px auto;
border: 1px solid #e1e2e4;
}

div#content {
width: 915px;
padding: 0;
margin: 60px 0 0 17px;
}

div.img_presentation {
padding: 10px 0 0 0;
margin-top: 10px;
}

div.img_presentation img {
width: 915px;
vertical-align: bottom;
}

div#maincontent h1, div#maincontent h2, div#maincontent h3, 
div#maincontent h4, div#maincontent h5, div#maincontent h6, 
div#maincontent p, div#maincontent ul, div#maincontent ul ul, 
div#maincontent table {
margin: 0 0 10px 0;
padding: 5px;
}

div#maincontent div.fondgris {
background-color: #efefef;
margin: 10px 0;
padding: 5px 10px 20px 10px;
}

div#maincontent h1 {
/*background-color: #98042E;
color: white;
font-size: 15px;
margin-bottom: 0;
padding-top: 2px;
padding-bottom: 2px;*/
}

div#maincontent h2 {
color: #98042E;
font-weight: bold;
font-size: 18px;
padding: 5px;
margin-bottom: 8px;
border-bottom: 2px solid white;
}

div#maincontent h3 {
color: #5d5d5d;
font-weight: bold;
font-size: 16px;
padding: 0;
margin: 10px 0 2px 0;
}

div#maincontent h4 {
color: #98042E;
font-size: 14px;
margin: 20px 0 2px 0;
padding: 0 0 0 18px;
}

div#maincontent h5 {
color: #98042E;
font-size: 14px;
margin-top:5px;
}

div#maincontent h6 {
color: #ffa200;
}

div#maincontent ul {
color: black;
padding: 5px 0 10px 30px;
}

div#maincontent ul li {
list-style-type: none;
line-height:9pt;
padding: 0 0 3px 0;
}

div#maincontent ul li a{
list-style-type: none;
padding: 0 0 3px 0;
color: #98042E;
font-weight:bold;
text-decoration:none;
}

div#maincontent ul li a:hover{
color: grey;
}

div#maincontent ul ul {
color: black;
padding: 5px 0 10px 30px;
}

div#maincontent ul ul {
color: black;
padding: 5px 0 0 30px;
margin:0;
}


div#maincontent ul ul ul li {
padding: 0 0 5px 0;
margin:0;
}

div#maincontent table {
border-collapse: collapse;
margin: 10px 45px;
}

div#maincontent p {
display: in-line;
padding: 5px 100px;
margin: 3px 0;
}

div#maincontent table td {
padding: 5px 10px;
border: 1px solid black;
}

div#maincontent p {
/*border: 1px solid red;*/
padding: 5px 0 10px 30px;
/*background-color: #EFEFEF;*/
}

/*ESPACE PERSO*/
div#maincontent #loginForm {

}

div#maincontent #loginForm table {
border-collapse: separate;
}

div#maincontent #loginForm table th {
padding: 0 10px;
}

div#maincontent #loginForm table input {
width: 150px;
}

div#maincontent #loginForm table td {
border: none;
width: 150px;
margin: 5px;
background-color: #efefef;
}

div#maincontent #loginForm table td.color1 {
text-align: right;
background-color: white;
/*padding: 0;
margin: 0;*/
}


/*LISTE OFFRES*/
ul.listoffer li {
background-color: #efefef;
border: 1px solid #abafb3;
padding: 10px;
margin: 0 0 10px 0;
}

ul.listoffer li h1 {
background-color: #abafb3;
color: white;
font-size: 12px;
padding: 0;
}

ul.listoffer li a {
height: 100px;
width: 100px;
display: block;
/*border: 1px solid black;*/
margin: 5px;
background-color: white;
text-decoration: none;
}


/*DETAIL OFFRE*/
.txt_bold {
font-weight: bold;
}

div#header {
}

div#footer {
	margin-top:20px
}

div.contact {
padding:  30px 20px;
background-color: #efefef;
}
div.contact p{
	margin:0;
	padding:0;
}

/*HISTORIQUE*/
div.img_historique div img {
width: 300px;
float: right;
margin: 0px;
}

div.img_historique p {
}

.italic {
	font-style:italic; 
}