/*
                                __      _ _                   _   
                               / _|    | (_)                 | |  
 _ __ ___   __ _ _ __ ___ ___ | |_ ___ | |_  ___   _ __   ___| |_ 
| '_ ` _ \ / _` | '__/ __/ _ \|  _/ _ \| | |/ _ \ | '_ \ / _ \ __|
| | | | | | (_| | | | (_| (_) | || (_) | | | (_) || | | |  __/ |_ 
|_| |_| |_|\__,_|_|  \___\___/|_| \___/|_|_|\___(_)_| |_|\___|\__|
                                                                  
*/

/* BASIC RESET */


/* HTML ELEMENTS */


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

/* HEADER */
#headerbgimg { min-height:500px; }
.headerimg { 
background-position: center top; 
background-repeat: no-repeat; 
	width: 1200px;
height:500px; 
position:absolute; 
margin:0;
padding:0;
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
  }

/* NAVIGATION */
#nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("../img/headerbg.png"); }
#navigationbgimg { height:100px; width:960px; margin:0 auto; background-image:url("../img/logo.png"); background-position:top left; background-repeat:no-repeat; }

/* 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; }

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

/* HEADER TEXT */
#headertxt { width:700px; margin-left:200px; clear:both; position:relative; top:35px; }
#firstline {  color:#fff; font-size:18px; padding:0px 17px 0px; float:left; display:block; }
#secondline { background-image:url("../img/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; }

.caption { color:#FFF; font-size:12px; float:left; display:block; clear:both; margin-botom:10px; }

.pictured { background-color:#0078b4; color:#FFF; font-size:22px; padding:2px 16px; font-style : italic; text-transform:uppercase; font-weight:bold; float:left; display:block; clear:both; margin-botom:10px; }
.pictured a { font-size:16px; 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; margin-left:15px; float:left; cursor:pointer; }
#back { background-image:url("../img/btn_back.png"); opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */}
#back:hover { background-image:url("../img/btn_back.png"); opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */}
#next { background-image:url("../img/btn_next.png"); opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */}
#next:hover { background-image:url("../img/btn_next.png"); opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */}
#control { background-image:url("../img/btn_pause.png"); opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */); }
#control:hover { background-image:url("../img/btn_pause.png"); opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */); }

/* HEADER HAVIGATION */

#headernav-outer { margin-left: auto;  margin-right: auto;  width: 300px; /* largeur obligatoire pour être centré */ }
#headernav { position:fixed; top:600px; width:980px;	}

/* CONTENT */
#content { color:#575757; background-color:#eee; }
#content p { padding:10px 20px; font-size:16px; width:960px; margin:0 auto; }
#content p a { text-decoration:none; color:#CD2B3A; }
#content p a:hover { text-decoration:underline; color:#7F000C; }