/* BASE*/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
margin:0;
padding:0;
}

/* HTML */
body { 
/*background-color:#1b2940;*/
height:100%;
font:62.5% Century Gothic,'Verdana',serif;
letter-spacing:1;
}


/* CLASSES */
.break { clear:both; }


/* HEADER */
#header { height:100%; }
.headerimg {
background-position: center top;
background-repeat: no-repeat;
width:100%;
height:100%;
position:absolute;
}


/* NAVIGATION */
#nav-outer {
height:90px;
padding-top:10px;
position:relative;
top:0px;
background-image:url("../images/headerbg2.png");
z-index: 10;
}
.nav-outer ul { font-size: 14px; list-style:none; color:#FFFFFF;}




/*#navigation { height:50px; width:950px; margin:0 auto; background-image:url("../images/logo.png"); background-position:top left; background-repeat:no-repeat; } */

/* MENU 
.menu { 
width:950px; 
position:relative; 
top:0px;
background-color: transparent;
margin: 55px auto; 
}
.menu ul { font-size: 12px; list-style:none; color:#FFFFFF;}



#menu ul { list-style:none; }
#menu ul li { display:inline; font-variant:small-caps; font-size:14px; }
#menu ul li a { color:white; text-decoration:none; font-weight:bold; padding-right:20px; }
#menu ul li a:hover { color:#777777; text-decoration:underline; }
*/



/* LANGUES */
#langues { float:right; width:950px; padding:2px; text-align:right;}
#languesbtn { border:1px solid #eee !important; background-color:#CD2B3A; color:#eee; padding:3px; margin-left:5px; }
#langues ul { list-style:none; }
#langues ul li { display:inline; font-variant:small-caps; font-size:12px; }

.title {
color:#888888;
margin:0 auto;
padding:0px 0px;
text-align:right;
}


/* SEARCH */
#search { background-color:#051733; float:right; width:220px; padding:10px; }
#searchtxt { padding:3px; width:150px; }
#searchbtn { border:1px solid #eee !important; background-color:#CD2B3A; color:#eee; padding:3px; margin-left:5px; }














/* CODA SLIDER */
#coda-slider { width:900px; background-image:url("../images/headerbg.png"); margin:0 auto; clear:both; position:relative; top:20px; padding-left:50px; }
h2, p, a, center{
	background: transparent;
	border: 0;
	font-size: 14px;
	font-family: Arial;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	z-index: -1;
}
ol, ul {
	margin-left: 25px;
}
:focus {
	outline: 0px #c0c dotted;
}

	.coda-slider-wrapper { padding: 20px 0 }
	.coda-slider { background: #ebebeb }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 750px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 750px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { color: #ffffff; padding: 5px; width: 32px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #e4a62f }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	
	
	
	
	/* MODIFIER LA LARGEUR element.style ---------------------------------------------------------------*/
	
	.coda-nav ul li { display: inline; width: 135px }
	
	
	
	.coda-nav ul li a { background: #000000; color: #ffffff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }







	
	
	





/* HEADER CARTE */
#headercarte { width:800px; background-image:url("../images/headerbg.png"); margin:0 auto; clear:both; position:relative; top:30px; padding-left:100px; }




/* HEADER CONTACT */
#headercontact { width:800px; background-image:url("../images/headerbg.png"); margin:0 auto; clear:both; position:relative; top:30px; padding-left:100px; }
#headercontact p { padding:0px 0px; color:#FFFFFF; font-size:14px; margin:0 auto; }
#headercontact p a { text-decoration:none; color:#FFFFFF; }
#headercontact p a:hover { text-decoration:underline; color:#FFFFFF; }
#headercontact li { color:#FFFFFF; }


/* HEADER CONTACT */
#headerliens { width:800px; background-image:url("../images/headerbg5.png"); margin:0 auto; clear:both; position:relative; top:30px; padding-left:100px; }
#headerliens p { padding:0px 0px; color:#FFFFFF; font-size:14px; margin:0 auto; }
#headerliens p a { text-decoration:none; color:#FFFFFF; }
#headerliens p a:hover { text-decoration:underline; color:#FFFFFF; }
#headerliens li { color:#FFFFFF; }




/* HEADER TEXT */
#headertxt { width:950px; margin:0 auto; clear:both; position:relative; top:74px; }
#firstline { background-image:url("../images/textbg.png"); color:#333; font-size:40px; padding:4px 13px 7px; float:left; display:block; }
#secondline { background-image:url("../images/textbg.png"); color:#CD2B3A; text-decoration:none; font-size:60px; padding:0 13px 10px; float:left; display:block; clear:both; }
#secondline:hover { text-decoration:underline; color:#7F000C; }

.pictured { color:#FFF; font-size:0px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; }
.pictured a { font-size:0px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }




/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("../images/btn_back.png"); }
#next { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }


/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:30px; margin:0 auto; width:950px; }
#headernav { padding-left:850px; }




/* CONTENT */
#content { 
width:100%;
height:120px;
background-image:url("../images/headerbg3.png");
margin:0px;
padding:0px;
clear:both; 
position: absolute;
text-align:right;
bottom: 0;
}
#content h3 { color:#FFFFFF; text-align:right; padding:2px 2px; font-size:14px; width:95%; margin:5 auto; }
#content p { color:#FFFFFF; text-align:right; padding:2px 2px; font-size:12px; width:95%; margin:5 auto; }
#content ul { color:#FFFFFF; text-align:right; padding:10px 10px; font-size:12px; width:95%; margin:5 auto; }
#content p a { text-decoration:none; color:#FFFFFF; }
#content p a:hover { text-decoration:underline; color:#FFFFFF; }
/*. img { text-align:left; padding:1px 1px; }*/



#adresse {
width:100%;
background-color:#000000;
clear:both;
text-align:center;
position: absolute;
bottom: 0;
}
#adresse p { color:#FFFFFF; padding:5px 0 5px; font-size:14px; margin:10 auto; }


#adresse2 {
width:90%;
clear:both;
text-align:center;
position: absolute;
bottom: 0;
}
#adresse2 p { color:#FFFFFF; padding:5px 0 5px; font-size:12px; margin:10 auto; }