/* 
    Css - Site Tri Men                              
    http://www.trimen.fr                           
    Realisation: Eric DAMM - Fevrier 2008 
    Mise à jour:                            */

/* =html/body */
html, body {
    margin: 0;
    padding: 0;
    font-family : verdana;
    font-size : 11px;
    color : #000000;
    background-color:#bbb5a5;
}
/* =ul */
ul, li, ol, p
{
    margin: 0;
    padding: 0;
	list-style-type: none;   
}

a:hover, a:visited, a:link
{
    text-decoration : none;
    font-weight:bold;
    color:#d97924;
}
/* =h1 */

/* =h2 */

/* =h3 */

/* =h4 */

/* =h5 */

/* =h6 */

.uppercase {text-transform: uppercase;}
.center {text-align:center;}
.right {text-align:right;}
.firstcol {text-align:left; padding-left:10px;}
.strong {font-weight: bold;}
.asterisque{font-family : Verdana, Helvetica, sans-serif; font-size : 10px; font-weight: bold; color: #FF3333;}
.clear {clear:both;}
.alerte {color:#FF0000;font-size: 12px; font-weight: bold;}

/* =masterPage */
#container 
{
    position:absolute;
	width: 755px;
	height: 450px;
    top: 50%;
    left: 50%;
    margin-top: -225px; /* moitié de la hauteur */
    margin-left: -377px; /* moitié de la largeur */
}
/* =En tête */
#header 
{
    position:relative;
	height: 42px;
	z-index:2;	
	background-color: #bbb5a5;
}
/* =Contenu */
#content 
{
    position:relative;
	height: 275px;
    background-color:#f5f1e5;	
}
marquee
{
    position:absolute;
    top:5px;
   	left:30px;
   	width: 695px;
   	color:#bbb5a5;
   	font-weight:bold;
}
#content h1
{
    position:absolute;
    background : transparent url(../../images/titre.gif) no-repeat; 
   	margin-top:30px;
   	margin-left:28px;
   	width: 320px;
	height: 13px;
}

#content img.left
{
    position:absolute;   
    margin-left:50px;
    margin-top:75px;
}
#content span.justify
{
    position:absolute;   
    margin-left:50px;  
    margin-top:75px; 
    width:700px;
    height:170px;
    text-align:justify;
    line-height:15px;
}
#content span.right
{
    position:absolute;   
    margin-left:300px;  
    margin-top:75px; 
    width:400px;
    height:170px;
    text-align:justify;
    line-height:15px;
}

#content p.center
{
    position:absolute;    
    margin-left:65px;
    margin-top:75px;       
    width:594px;
    height:100px;
    text-align:justify;
    line-height:15px;
}

#content p.bottom
{
    position:absolute;    
    margin-left:65px;  
    margin-top:70px; 
    width:594px;
    height:60px;
    text-align:justify;
    line-height:15px;
}


#content a.plan
{
    position:absolute;    
    margin-left:30px;  
    margin-top:80px; 
    width:200px;
}

#videowrapper {
	margin-top: 25px;
	height: 106px; width: 190px; overflow: hidden;
}


/* =Contenu Scroll */
#scroll
{
    overflow:hidden;
    white-space:nowrap;
    position:relative;
    width:618px;
    height:125px;
    top:55px;
    left:65px; 
}
#scroll img
{
    margin: 0;
    padding: 0;     
}
#scroll img.prev
{
    float:left;
    position:relative;
    top:115px;
}
#scroll img.next
{
    float:right;
    position:relative;
    top:115px; 
    margin-right:5px;   
}
#scroll a
{
    margin: 0;
    padding: 0; 
    display:table-cell;
    /* On specifie une bordure au repos */
    border : 3px solid #f5f1e5;    
}

#scroll a:hover
{
    margin: 0;
    padding: 0;
    border : 3px solid #bbb5a5;    
}
/*
#content .carousel a.prev, #content .carousel a.next 
{
    display: block;
    float: left;
    width: 30px;
    height: 143px;
    text-decoration: none;
    background: url("../../images/imageNavLeft.gif") left 60px no-repeat;
}
#content .carousel a.next
{
    background: url("../../images/imageNavRight.gif") right 60px no-repeat;
}
#content .carousel a.next:hover 
{
    background-image: url("../../images/imageNavRightHover.gif");
}
#content .carousel a.prev:hover 
{
    background-image: url("../../images/imageNavLeftHover.gif");
}    
#content .carousel a:hover, #content .carousel a:active 
{
    border: none;
    outline: none;
}                 

#content .carousel ul 
{
    margin: 0;
}
#content .carousel li img, #content .carousel li p 
{
    background-color: #fff;
    width: 150px;
    height: 118px;
    margin: 10px;
}
*/
/* =Contenu Flash */
#flashcontent1
{
    position:absolute;
    left:242px;
    top:60px;     
}
#flashcontent2
{
   
}

/* =Pied de page */
#footer 
{
    position:relative;    
	height: 78px;
    background-color:#f5f1e5;	 
}
#footer li
{
    display:inline;
}
li#enseigne
{
    float:left;
    background-image:url(../../images/chateaux.gif);
   	width: 100px;
	height: 40px;  
	margin-left:10px;
	margin-top:15px;  
}
li#enseigne a
{
    display:block;
   	width: 100px;
	height: 40px;   
}
li#enseigne2
{
    float:left;
    background-image:url(../../images/charme.gif);
   	width: 42px;
	height: 40px;  
	margin-left:20px;
	margin-top:15px;  
}
li#enseigne2 a
{
    display:block;
   	width: 42px;
	height: 40px;   
}
li#logo
{
    float:left;
    background-image:url(../../images/logo.gif);
   	width: 238px;
	height: 50px;  
	margin-left:98px;
	margin-top:5px;     
}
li#logo a
{
    display:block;
   	width: 238px;
	height: 38px;   
}
li#offres
{
    float:right;
	margin-top:18px;      
}
ul#langue 
{
    position:absolute;
    top:60px;
    left:365px;
   	width: 50px;
	height: 11px;    
}
li#fr
{
    float:left;
}
li#en
{
    float:right;
}  

/* =navigation niveau 1 */
#nav1 
{
    margin-left:11px;
}
#nav1 ul {
    padding-top:8px;
}
#nav1 li {
    float:left;
}
#nav1 li.presentation a 
{
position:absolute;      
/* background : url(../../images/presentation_off.gif) ; */
height : 25px ; 
width : 120px ;
}
#nav1 li.presentation a:hover 
{
position:absolute;      
/* background : url(../../images/presentation_on.gif);  */
height : 42px ; 
}
#nav1 li.villa a 
{
position:absolute;  
height : 25px ; 
width : 120px ;
margin-left:120px;
}
#nav1 li.villa a:hover 
{
position:absolute;  
height : 42px ; 
margin-left:120px;
}
#nav1 li.restaurant a 
{
position:absolute;  
height : 25px ; 
width : 120px ;
margin-left:240px;
}
#nav1 li.restaurant a:hover 
{
position:absolute;  
height : 42px ; 
margin-left:240px;
}
#nav1 li.seminaires a 
{
position:absolute;  
height : 25px ; 
width : 120px ;
margin-left:360px;
}
#nav1 li.seminaires a:hover 
{
position:absolute;  
height : 42px ; 
margin-left:360px;
}
#nav1 li.offres a 
{
position:absolute;  
height : 25px ; 
width : 120px ;
margin-left:480px;
}
#nav1 li.offres a:hover 
{
position:absolute;  
height : 42px ; 
margin-left:480px;
}
#nav1 li.contactez a 
{
position:absolute;  
height : 25px ; 
width : 120px ;
margin-left:600px;
}
#nav1 li.contactez a:hover 
{
position:absolute;  
height : 42px ; 
margin-left:600px;
}

/* =navigation niveau 2 */
#nav2 
{
    position:relative;
	width: 755px;
	height: 55px;
	z-index:2;    
}
#nav2 ul 
{
    position:absolute;  
    background : transparent url(../../images/bg_nav2.gif) no-repeat; 
    width: 750px;
	height: 42px;  
	margin-top:-5px;
}
#nav2 li {
    float:left; 
}

#nav2 li.nav21 a 
{
position:absolute;      
height : 42px ; 
}
#nav2 li.nav21 a:hover 
{
position:absolute;    
height : 42px ; 
}
#nav2 li.nav22 a 
{
position:absolute;      
height : 42px ; 
width : 150px ;
margin-left:150px;
}
#nav2 li.nav22 a:hover 
{
position:absolute;      
height : 42px ; 
margin-left:150px;
}
#nav2 li.nav23 a 
{
position:absolute;      
height : 42px ; 
width : 150px ;
margin-left:300px;
}
#nav2 li.nav23 a:hover 
{
position:absolute;      
height : 42px ; 
margin-left:300px;
}
#nav2 li.nav24 a 
{
position:absolute;      
height : 42px ; 
width : 150px ;
margin-left:450px;
}
#nav2 li.nav24 a:hover 
{
position:absolute;      
height : 42px ; 
margin-left:450px;
}
#nav2 li.nav25 a 
{
position:absolute;      
height : 42px ; 
width : 150px ;
margin-left:600px;
}
#nav2 li.nav25 a:hover 
{
position:absolute;      
height : 42px ; 
margin-left:600px;
}
/*
#nav2 li.nav25  
{
position:absolute;      
height : 42px ; 
width : 115px ;
margin-left:600px;
}
*/

#contactez
{
    position:absolute;   
    margin-left:150px;  
    margin-top:55px; 
    width:700px;
    height:170px;
}

#contactez p
{
    margin-bottom:8px;
}

#contactez tr td
{
    padding:0;
    margin:0;
}


.txtform
{
    height:10px;
    font-size:10px;
}

#mentions
{
    position:absolute;   
    margin-left:100px;  
    margin-top:65px;
    padding-right:20px;
    width:620px;
    height:170px;
    color : #000000;  
    text-align:justify;     
    overflow: auto;
}

#conditions
{
    margin:0 40px 0 40px;
    padding:20px 40px 10px 40px;
    color : #000000;  
    font-family : verdana;
    font-size : 11px;
    color : #000000;
    background-color:#f6f2e5;
    text-align:justify;    
}

#liens
{
    position:absolute;   
    margin-left:300px;  
    margin-top:65px; 
    width:440px;
    height:170px;
    line-height:15px;
    color : #000000;   
    overflow: auto;
}

#titrerecettes
{
    position:absolute;   
    margin-left:300px;  
    margin-top:60px; 
    width:420px;
    height:30px;
    text-align:justify;
}

#recettes
{
    position:absolute;   
    margin-left:300px;  
    margin-top:100px; 
    width:440px;
    height:150px;
    line-height:15px;
    color : #000000;   
    overflow: auto;
}

#lstoffres
{
    position:absolute;   
    margin-left:100px;  
    margin-top:65px; 
    width:640px;
    height:170px;
    line-height:15px;
    color : #000000;   
    overflow: auto;
}

#lstoffres ul
{
	padding-left:20px;   
}

#lstoffres li
{
    list-style-type:disc;	    
}

#lstoffres ul li
{
	margin-left:20px;   
}

#parlent
{
    position:relative;
    width:700px;
    height:300px;
    top:25px;
    left:50px; 
}

#parlent .video
{
    text-align:center;
    width:350px;
}

#parlent .txtvideo
{
    text-align:center;
    width:350px;
    padding:5px 40px 5px 40px;
}

#lstparlent
{
    position:absolute;   
    margin-left:20px;  
    margin-top:65px; 
    width:720px;
    height:170px;
    line-height:15px;
    color : #000000;   
    overflow: auto;
}


#liens h2, #recettes h2, #lstoffres h2, #lstparlent h2
{
    font-size : 11px; font-weight : bold;
    padding-top:10px;
    letter-spacing:1px;
    margin: 0;
}

#lestarifs
{
    position:absolute;   
    margin-left:280px;  
    margin-top:65px; 
    width:460px;
    height:170px;
    line-height:15px;
    color : #000000;   
    overflow: auto;
}

#lestarifs h2
{
    font-size : 12px; font-weight : bold;
    letter-spacing:1px;
    margin: 0;
    text-align:center;
    padding-bottom:10px;
}

#lestarifs table
{
    font-size : 10px;
}

#lestarifs td.col1 {width:150px; font-weight:bold; border-bottom: solid 1px  #bbb5a5;}
#lestarifs td.col2 {width:100px; border-bottom: solid 1px #bbb5a5; text-align:center;}
#lestarifs td.col3 {width:100px; border-bottom: solid 1px #bbb5a5; text-align:center;}
#lestarifs td.col4 {width:100px; border-bottom: solid 1px #bbb5a5; text-align:center;}
#lestarifs td.col11 {width:200px; font-weight : bold;}
#lestarifs td.col12 {width:250px;}

#lestarifs em {font-size : 10px; font-style:normal;}


#lstparlent td.col1 {width:110px; text-align:center;}
#lstparlent td.col2 {width:580px; text-align:justify;}


#liens h3
{
    font-size : 10px; font-weight : bold;
    margin: 0;
    padding: 0;     
}

#recettes h3
{
    font-size : 10px;
    font-weight : normal;    
    margin: 0;
    padding: 0;     
}

#lstoffres h3
{
    font-size : 10px;
    font-weight : bold;    
    margin: 0;
    padding: 0;   
    color:#d97924;      
}

#liens a, #recettes a
{
    font-size : 10px;   
    margin: 0;
    padding: 0;  
    vertical-align:middle;       
}

.typeLien
{
    font-size : 11px; font-weight : bold;
    padding-top:10px;
    display:block;
}

#acces
{
    position:absolute;   
    margin-left:300px;  
    margin-top:65px; 
    width:400px;
    height:170px;
    line-height:15px;
    color : #000000;  
}

#acces a
{
    line-height:30px; 
}

#lettres
{
    position:absolute;   
    margin-left:200px;  
    margin-top:65px; 
    width:500px;
    height:170px;
    line-height:15px;
    color : #000000;   
    overflow: auto;
}

#lettres a
{
    vertical-align:middle;
}



/* ================================================================================== */
/* Backoffice                                                                         */
/* ================================================================================== */

a.menubo:link, a.menubo:visited {color: #333300;}
a.menubo:hover {color: #333300;}
a.menubo 
{
    font-size: 12px;
    font-weight: bolder;
    letter-spacing:1px;
}

a.smenubo:link, a.smenubo:visited {color: #333300;}
a.smenubo:hover {color: #FF6600;}
a.smenubo 
{
    font-size: 12px;
}

a.bo:link, a.bo:visited, a.bo:hover 
{
    text-decoration:underline;
    color: #FF6600;
}
a.bo 
{
    font-size: 12px;
    font-weight: bolder;
    letter-spacing:1px;
    text-decoration: underline;    
}

#login_bo {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10em;
	width:495px;	
	height:261px;
	background-image:url('../../backoffice/images/bg_login.gif');
    background-repeat: no-repeat;			
}
#login_app {
    padding-top:85px;
    padding-left:30px;
}
#login_id 
{
    margin: 0; padding: 0;          
	padding-top: 20px;
	padding-left: 100px;
	font-size:12px;
	font-weight: bold;
}

#login_logo
{
	text-align: justify;
	width: 38%;
	float: left;
	padding-bottom:40px;
}

.login_btn
{
	padding-top: 10px;
	padding-left:145px;
}

#login_alerte
{
	text-align: center;  
	padding-bottom: 10px;
}

.login_lbl {
	font-weight: bold;
}

.login_txt {
	width: 150px;
	border: 1px solid #cccccc;
}

.login_titre
{
    float:left;
    width:150px;
	font-size:16px;
	font-weight:bold;
	color:#FF6600;
	background-color:#E9ECEF;
	text-align:right;
	letter-spacing:1px;
}

#container_bo 
{
	width: 900px;
	margin: 0 auto;
	padding: 10px;
	border-right: 2px solid #725972;
	border-bottom: 2px solid #725972;
	border-left: 2px solid #725972;
    background-color:#f5f1e5;
	font-family:  Arial, Helvetica, sans-serif;
	font-style : normal;
	font-variant : normal;
	font-size : 11px;       
}
#header_bo 
{
	height:130px;  
	width: 900px;
	padding-bottom:2px;
	border-bottom: 2px solid #6C7A83;	
}

#header_txt
{
    color:#FFFFFF;
    font-size:16px;
    font-weight:bolder;
    background-color:#54965e;
    padding-left:10px; 
    line-height:30px;   
}

#menu_bo 
{
	position: relative;
	float: left;
	width: 140px;
	height:430px;
	margin-top: 10px;  
	background-color:#6C7A83;	
}

#content_bo 
{
	float: left;
	width: 700px;
	margin-top: 10px;
	margin-left: 10px;
}

#action_bo 
{
    text-align:center;
    padding-top:10px;
    padding-bottom:20px;
    width:700px;
}

#filtre_bo 
{
    text-align:center;
    padding-top:5px;
    padding-bottom:10px;
    width:700px;
}

.topMenuLinkText {
	color: #000000;
	font-size: x-small; 
}

.menuCFAdminText {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}

.menuHeaderText {
	color: #333300;
	font-weight: bold;
	font-size: x-small;
}

.menuTD {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999999;
}
#cart_bo {position:relative; background: transparent; margin:1em; width:600px;}
#cart_bo h1, #cart_bo p {margin:0px 10px;}
#cart_bo h1 
{
    color: #333300;
	font-weight: bold;
	font-size: 18px;
    letter-spacing:1px;	
}

#cart_bo p {color: #333300; font-size: 12px; padding-bottom:2em;}

.cart_top, .cart_bottom {display:block; background:transparent; font-size:1px;}
.cart_b1, .cart_b2, .cart_b3, .cart_b4 {display:block; overflow:hidden;}
.cart_b1, .cart_b2, .cart_b3 {height:1px;}
.cart_b2, .cart_b3, .cart_b4 {background:#CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.cart_b1 {margin:0 5px; background:#CCCCCC;}
.cart_b2 {margin:0 3px; border-width:0 2px;}
.cart_b3 {margin:0 2px;}
.cart_b4 {height:2px; margin:0 1px;}

.cart_content {display:block; background:#CCCCCC; border:0 solid #CCCCCC; border-width:0 1px;}


#cart_maj
{
    padding:10px 0 0 10px;
} 


#gdv_bo
{
	text-align: center;
}

.gdv_content
{
	font-size:10px;
	color:#000000;
	border-collapse:collapse;
	background-color:#F1F1F1;
	text-align: center;
	border: solid 1px #F1F1F1;
	width:700px;
}

.gdv_header
{
	text-align: center;
	font-weight : bold;
	letter-spacing: 1px;
	font-size : 11px;
	color: #333300;	
	background-color : #CCCCCC;	
	height : 18px;		
}

.gdv_paging
{
	font-size:10px;
	font-weight:bold;
	color:#000000;
	background-color:#CCCCCC;
	text-align: center;
}

#bo_titre
{
	font-weight : bolder;
	letter-spacing: 2px;
	font-size : 12px;
	color: #FFFFFF;	
	text-transform : uppercase;	
	background-color : #54965e;	
	line-height:30px;
	vertical-align:bottom;
	margin-right:20px;
	margin-top:20px;
    padding-left:5px; 	
	width:645px;
}

#bo_content
{  
    padding-top:20px;
    height:350px;
    background-color:#FFFFFF;
    border-bottom : 10px solid #54965e;  
	margin-right:20px; 
	width:650px;	    
}

.bo_lbl
{
    float:left;
	font-weight : bolder;
	font-size : 11px;
	color: #333300;	
	padding-left : 5px;
	vertical-align:middle;
	width:160px;
}

.bo_txt
{
    margin-left:180;
    width:500px;
}

.bo_ddl
{
    width:200px;
}

.bo_txtarea
{
    width:500px;
    height:200px;
}

.bo_date
{
	font-weight : normal;
	font-size : 11px;
}