@charset "utf-8";
/* CSS Document */

body {
	margin: 0; 
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #FFFFFF;
}

/* généralités */
p, h1, h2, h3, h4, h5, h6, li, div { margin:0; padding:0; }
ul { list-style-type:none; margin:0; padding:0; }
a { text-decoration:none; color: #c14719; }
img { border:0; }
form, input { margin:0; padding:0; }


iframe { clear:both; padding:0; margin:0; border:0;}

.clear { clear:both; }

.debug { font-size: 10px; text-align: left; color: #000000; }

.arrondi div, .arrondi_small div { z-index:0; }

/* corps */
#container{
	width: 920px;
	margin: 0 auto;
	padding:0;
	background-color: #FFFFFF;
	text-align: left;
	color: #000000;
}


/* Introduction Flash */
#intro { margin: 0 auto; text-align:center; }

#intro .champ { padding: 0; margin: 0; text-align: center; }
#intro .lien a { font-size: 11px; background: url("../images/structure/puce.gif") 0px 2px no-repeat; color:#666666; text-decoration:none; font-weight:bold; padding: 0px 0px 0px 15px; margin-top: 10px; }
#intro .lien a:link, #intro .lien a:visited, #intro .lien a:active { color:#666666; }
#intro .lien a:hover { color:#c14719; }


/*     ---------------------------------------      HEADER      ---------------------------------------      */
#header { height:auto; }

#entete { height:80px; color:#572600; }

#logo { padding-top:15px; padding-bottom:20px; padding-left:25px; float:left; }
#logo img{ padding:0px; }

/*     ---------------------------------------      LOGIN      ---------------------------------------      */

/* Bandeau */
#identification { float:right; margin-top:35px; padding-right:0px; }

#identification div.arrondi_small { width:100px; float:left; background-color:#e7e7df; border: 1px solid #f3f3ef;}

#identification label { float:left; margin-left:10px; margin-right:10px; font-size:10px; }
#identification label span { color:#BEBCA1; }

#identification input[type=text], #identification input[type=password] { border:0; font-size:10px; width:100px; background-color:#e7e7df; color:#FFFFFF; }
#identification input[type=submit] { width:0; border:0; background-color:#FFFFFF; color:#FFFFFF; }

#username { color:#572600; margin-right:10px; font-size:10px; }

#logout a { color:#BEBCA1; margin-right:10px; font-size:10px; }
#logout a:link, #logout a:visited, #logout a:active { color:#BEBCA1; }
#logout a:hover { color:#572600; }

/* Corps de page */
#login { margin:0; padding:20px; }

#login label { margin-right: 10px; font-size: 11px; }

#login input[type=text], #login input[type=password] { border:1px solid #572600; width:100px; }
#login input[type=submit] { border:0; background-color:transparent; color:#FFFFFF; font-size: 10px; }
#login input[type=submit]:hover { color:#572600; }

#login_messageerreur { color:#FFFFFF; font-size: 12px; font-weight: bold; padding: 20px; }


/*     ---------------------------------------      CONTRIBUTION     ---------------------------------------      */
#boutons_contribution, #boutons_contribution_intro { 
	clear: both;
	position: relative;
	padding: 20px 0 10px 20px; 
	text-align: right; 
}
#boutons_contribution a, #boutons_contribution_intro a { color: #AAAAAA; font-size: 11px; font-weight: bold; text-decoration: underline; }
#boutons_contribution a:hover, #boutons_contribution_intro a:hover { color: #444444; }

#contribution { position: relative; background-color: ; }

#contribution .invisible { display: none; }

#contribution a { color: #000000; font-size: 11px; text-decoration: underline; }
#contribution a:link, #contribution a:visited, #contribution a:active { color: #c14719; }
#contribution a:hover { color: ; }

#contribution fieldset { padding: 5px; margin: 5px; }
#contribution legend { font-size: 11px; color: #000000; padding-right: 5px; }
#contribution div { clear: both; }
#contribution label { font-size: 11px; color: #000000; padding: 5px; }
#contribution label.champ { display: inline; float: left; width: 150px; }
#contribution label.propriete { display: inline; float: left; width: 150px; }
#contribution input[type=text] { width: 630px; }
#contribution textarea { width: 630px;  height: 200px;}
#contribution select { width: 200px; }
#contribution input.propriete { width: 100px; }
#contribution input.fichier { width: 525px; float: left; margin-top: 3px; }
#contribution input.size { width: 50px; float: left; }
#contribution input.browse { width: 100px; float: left; }
#contribution input.calendar { width: 100px; float: left; }
#contribution input.displaydate { width: 100px; float: left; }

#contribution_envoyer { border: 0; background-color: transparent; color: #000000; font-size: 12px; font-weight: bold; margin-left: 570px; margin-top: 20px; margin-bottom: 10px; padding-bottom: 20px; }
#contribution_envoyer:hover { color: ; }

/*     ---------------------------------------      FOOTER      ---------------------------------------      */
#footer {
	clear:both;
	height:25px;
	padding-top:10px;
	padding-left:250px;
}

#footer li{
	float:left;
	background: url(../images/structure/puce_footer.gif) 3px 2px no-repeat;
	padding-left:10px;
	padding-right:0px;
	margin-top:1px;
	font-size:9px;
	letter-spacing:-1px;
}

#footer li.first{ background:none; }

#footer li a  { color:#666666; }
#footer li a:link, #footer li a:visited, #footer li a:active { color:#666666; }
#footer li a:hover { color:#000000; }



/*     ---------------------------------------      CHEMIN      ---------------------------------------      */
#chemin {
	clear:both;
	display:none;
	height:15px; 
	font-family: Verdana, Helvetica, sans-serif;
}
#chemin li {  
	float:left; 
	font-size:11px;
	font-weight:bold;
	color:#BEBCA1;
}

#chemin a:link, #chemin a:visited, #chemin a:active { color:#BEBCA1; }
#chemin a:hover { color:#000000; }

#chemin li.selected a{ color:#000000; }
#chemin li.selected a:link, #chemin li.selected a:visited, #chemin li.selected a:active { color:#000000; }

/*     ---------------------------------------      Liste des SECTIONS     ---------------------------------------      */
#sections {
	z-index:10;
	clear:both;
	height:25px; 
	margin:5px 0 25px 0;
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background: url(../images/structure/bg_sections.gif) 0 0 repeat-x; 
}

#sections li { 
	z-index:15;
	position:relative;
	float:left; 
	margin-top:5px;
	border-right:1px solid #BEBCA1;
	border-left:0;
	height:12px;
	width:120px;
}
#sections li.accueil, #sections li.accueilSelected { width:90px; }
#sections li.presse, #sections li.presseSelected { width:120px; }
#sections li.prestations, #sections li.prestationsSelected { width:160px; }
#sections li.contacts, #sections li.contactsSelected { width:110px; border-left:1px solid #BEBCA1; border-right:0; float:right;}

#sections a {
	z-index:20;
	position: absolute;
	width:100%;
	text-align:center;
	top:-10px;
	left:0;
	height:25px;
	padding-top:10px;
	opacity: 1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100);
}


#sections ul { width:100%; }

.menu{
	position:absolute;
	top: -10px;
	left: 0px;
	padding:35px 0px 0px 0px;
	margin:0px;
	height:1px;
	overflow:hidden;
	background-color: #FFF;
	opacity: 0.01; -moz-opacity:0.01; -khtml-opacity:0.01; filter:alpha(opacity=1);
}
.menuhover { 
	opacity: 0.6; -moz-opacity:0.6; -khtml-opacity:0.6; filter:alpha(opacity=60);
}
.menuderoulanthover_presse{ 
	opacity: 0.9; -moz-opacity:0.9; -khtml-opacity:0.9; filter:alpha(opacity=90);
	width:185px; height: 125px;
}
.menuderoulanthover_horsmedia{ 
	opacity: 0.9; -moz-opacity:0.9; -khtml-opacity:0.9; filter:alpha(opacity=90);
	width:170px; height: 65px;
}

#sections li.accueil .menu, #sections li.accueilSelected .menu { width:90px; }
#sections li.presse .menu, #sections li.presseSelected .menu { width:120px; }
#sections li.prestations .menu, #sections li.prestationsSelected .menu { width:160px; }
#sections li.contacts .menu, #sections li.contactsSelected .menu { width:110px; }



.onglet { color:#BEBCA1; }
.onglethover { color:#000000; }
.ongletselected { color:#000000; }


#onglet_presse { background: url(../images/structure/puce_inflight_link.gif) 17px 9px no-repeat; padding-left:10px;padding-right:0;; color:#BEBCA1;}
#onglet_presse.ongletselected { background: url(../images/structure/puce_inflight_visited.gif) 17px 9px no-repeat; padding-left:10px;padding-right:0; color:#000000; }
#onglet_presse:hover, #onglet_presse.ongletselected:hover, #onglet_presse.onglethover { background: url(../images/structure/puce_inflight_hover.gif) 17px 9px no-repeat; color:#c14719; }


#sections li.deroulant_dossier {
	display:block;
	z-index:20; 
	position:relative;
	border:0;
	margin:0px;
	padding:0px;
	text-align:left;
	width:100%;
	height:20px;
	background-color:#FFF;
	color:#BEBCA1;
	opacity: 1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100);
}
#sections li.deroulant_dossier a.deroulant_dossier {
	display:block;
	z-index:20; 
	position:relative;
	margin:0px;
	padding:5px 10px 0px 10px;
	top:0px;
	left:0px;
	width:100%;
	height:15px;
	text-align:left;
	font-size:10px;
	color:#BEBCA1;
}
#sections li.deroulant_dossier a.deroulant_dossier:hover{ color:#c14719; background-color:#BEBCA1; }



/*     ---------------------------------------      Liste des DOSSIERS     ---------------------------------------      */
#dossiers {
	padding-left:20px;
	margin-top:10px;
}
#dossiers li {  
	font-size:8px;
	width:90px;
	height:16px;
	text-align:left;
}

#dossiers a:link, #dossiers a:visited, #dossiers a:active { color:#dddddd; }
#dossiers a:hover { color:#FFFFFF; }

#dossiers li.selected a { color:#FFFFFF; }
#dossiers li.selected a:link, #dossiers li.selected a:visited, #dossiers li.selected a:active { color:#FFFFFF; }

#dossiers.presse { padding-left:36px;margin-top:20px; min-height:35px;}
#dossiers.inflight{ padding-left:36px;margin-top:0px; min-height:85px;}
#dossiers.inflight li.presse { float:left; }

#dossiers li.niveau1 {  }
#dossiers li.niveau2 { display:none; }
#dossiers li.niveau3 { display:none; }
#dossiers li.niveau4 { display:none; }
#dossiers li.niveau5 { display:none; }

#dossiers.studio li.niveau1 { display:none; }
#dossiers.horsmedia li.niveau0 { display:none; }

#dossiers.contacts { display:none; }


/*     ---------------------------------------      COLONNE DE GAUCHE     ---------------------------------------      */
#colonne_gauche{   
	posiition:relative;
	padding:5px 0 5px 0;
	margin-right:0px;
	float:left;
	width:235px;
}

#blocdossier {
	border: 1px solid #cdced0;
	background-color: #bcbdc0;
	margin-bottom:10px;
	color: #FFFFFF;
}

#titredossier { 
	padding-left:10px;
	padding-bottom:0px;
	font-size:10px;
	font-weight:bold;
}
#titredossier.inflight { 
	background: url(../images/structure/puce_inflight.gif) 0 0 no-repeat;
	height:22px;
	padding-top:12px;
	padding-left:37px;
	font-size:10px;
}

/* Contacts */
#mappemonde{
	height:142px;
	width:235px;
}
#logo_contacts{
	background:url(../images/blocs/contacts.gif) 0px 0 no-repeat;
	height:85px;
	width:235px;
	margin-top:10px;
	padding:5px 0px 0 0px;
	font-size: 10px;
	text-align:right;
}

/* Newsletter */
#newsletter{
	border: 1px solid #d17553;
	background-color:#c14719;
	height:179px;
	margin-top:6px;
}

#newsletter h2{ 
	background:url(../images/blocs/newsletter.gif) 0 0 no-repeat;
	height:35px;
}
#newsletter img {
	width:180px;
	margin-top:10px;
	margin-left:40px;
}

/* Video */
#playervideo{
	width:235px;
	height:200px;
	margin-top:0;
}

/*     ---------------------------------------      COLONNE DE DROITE     ---------------------------------------      */
#colonne_droite {
	padding: 0px;
	margin-left: 15px;
	float:left;
	height:auto;
	width:120px;
	height:470px;
	overflow: hidden;
	position: relative;
}

#couvertures {
	width: 120px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#couvertures li {
	display: block;
	height: 160px;
	margin: 0;
	padding: 0;
	float: left;
}

#couvertures img { margin:0px; width:120px; height:160px; border:0px; }
#couvertures img:hover { cursor: pointer; }


/*     ---------------------------------------      COLONNE PRINCIPALE     ---------------------------------------      */
#colonne_centre{
	width:665px;
	padding:5px 0 5px 15px;
	margin:0 0 0 5px;
	overflow:hidden;
	height:auto;
}
#colonne_centre_accueil{
	position:relative;
	float:left;
	width: 530px;
	padding:5px 0 5px 15px;
	margin:0 0 0 5px;
	overflow:hidden;
	height:auto;
}

#info{
	height: auto;
	min-height:435px;
	border: 1px solid #f3f3ef;
	background-color:#e7e7df; 
}

#titre{
	color:#572600;
	font-size:14px;
	font-weight:bold;
	height:30px;
	padding: 10px 10px 10px 30px;
	overflow:hidden;
}
#titre span { color:#572600; font-weight:normal; }
#titre span.mdash { letter-spacing:-2px; }

.champ{
	text-align:justify;
	font-size:11px;
	padding:0 30px 10px 30px;
}
.champ ul{
	list-style-type:disc;
	padding-left:30px;
}

.lien img{ float:left; width:80px; margin-right:10px; margin-bottom:10px; }
.lien a{ color:#FFFFFF; text-decoration:underline; font-weight:bold; }
.lien a:link, .lien a:visited, .lien a:active { color:#FFFFFF; }
.lien a:hover { color:#000000; }

/* Section inflight */

#carousel { margin-left:15px; width:640px; height:200px; position:relative; background:url("../images/loading.gif") 290px 80px no-repeat; }
#carousel img { border: 3px solid #FFF; margin:5px; }

#dock  { display: block; text-align:center; position:absolute; left:40px; }
#dock li { display: inline; margin:0; }
#dock li img { border: 3px solid #FFFFFF; margin:0px; vertical-align:top; position:absolute; }

ul#fisheye { display: block; height:80px; }
ul#fisheye li { display: inline; margin:0; }
ul#fisheye li img { border: 3px solid #FFFFFF; margin:0px; vertical-align:top; }

#fisheye_container { text-align:center; width:670px; height:160px; position:absolute; }
#fisheye_texte { margin-top:85px; }


/* Accueil du site */
#diaporama {
	position:relative;
	margin:-5px 0 0 0;
	height: 300px;
	width:530px;
	overflow:hidden;
	background:url("../images/loading.gif") 250px 130px no-repeat;
}

#editorial {
	margin-top:15px;
	height:150px;
	border: 1px solid #f3f3ef;
	background-color:#e7e7df; 
}
#editorial span { color:#572600; font-weight:bold; }

div.toggler { background: url("../images/structure/puce.gif") 0px 12px no-repeat; font-weight:bold; cursor: pointer; margin: 0; padding: 10px 5px 5px 15px; color:#c14719; }
div.element { margin:10px; }
div.element ul { list-style-type:disc; padding-left:20px; }

/* Fiche magazine */
.logo_client{
	margin-bottom: 10px;
	padding-left: 40px;
	border: 0;
	z-index: 1;
}

.zone_galerie { 
	clear: both;
}

.zone_galerie .descriptif {
	float: left;
	width: 450px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 15px;
}

.zone_galerie .visuel {
	float: right;
	width: 200px;
	padding: 0px;
	margin: 0px;
	margin-right: 10px;
	text-align: center;
	padding-bottom: 15px;
}
.zone_galerie .voir {
	width: auto;
	padding: 0;
	margin: 0px;
	margin-bottom: 5px;
	font-size: 9px;
}
.zone_galerie .vignette {
	width: auto;
	padding: 0;
	margin: 0px;
}

/* Reportage photo */
#photo { height: 337px; }

/* Liste des contacts */
.zone_contact {
	width:185px;
	height:190px;
	color:#000000;
	padding-left:25px;
	margin-top:15px;
	float:left;
	font-weight:bold;
	font-size:10px;
}
.zone_contact div { font-size:10px; height:14px; }
.zone_contact div.img_contact { height: 25px; }
.zone_contact div.nom { padding-top:14px; }
.zone_contact div.fonction { font-weight:lighter; }

.zone_contact a { text-decoration:underline; font-size:8px; }
.zone_contact a:link, .zone_contact a:visited, .zone_contact a:active {	color:#666666; }
.zone_contact a:hover {	color:#572600;}

/*     ---------------------------------------      FORMULAIRE DE CONTACT     ---------------------------------------      */
/*
#contact { clear:both; margin:20px; }

#contact label { height:12px;clear:both; float:left; width:130px; font-size:11px; color:#572600; margin-top:5px; }
#contact input[type=text] { width:300px; margin:5px;}
#contact textarea { width:300px; height: 100px; margin:5px;}

#contact input[type=submit] { border:0px; background-color:#EEEEEE; color:#333333 margin-bottom:5px; }

.asterisque { padding-left:3px; font-size:9px; }
#contact .remarque { color:#572600; width:300px; margin-left : 146px; margin-top:0px; text-align:left;  font-size:9px; }

.invalide { border:1px solid #FF0000; }
*/

/*     ---------------------------------------      FORMULAIRE DE CONTACT     ---------------------------------------      */
#contact { clear:both; margin:10px 30px; }

#contact label { clear:both; float: left; height:12px; width:130px; font-size:11px; color:#000000; }
#contact input[type=text] { width:373px; }
#contact input[type=radio] { margin-left:5px; margin-right:5px; }
#contact select { width:370px; }
#contact textarea { width:370px; height: 50px; }

#contact input[type=submit] { margin-left:450px; margin-top:5px; margin-bottom:5px;clear:both; border:0px; background-color:; color:#000000; }
#contact input[type=submit]:hover { color:; cursor:pointer; }

.asterisque { padding-left:3px; font-size:9px; }
.remarque { color:#000000; width:370px; margin-left : 5px; margin-top:0px; text-align:left; font-size:9px; }
.invalide { border:1px solid #FF0000; }

.retour { color:#000000; width:370px; margin: 10px 30px; text-align:left; font-size:9px; }


/*     ---------------------------------------      PLAN     ---------------------------------------      */
#plan { clear:both; margin: 0 20px; }

#plan a { color: #666666; }
#plan a:link, #plan a:visited, #plan a:active {	color:#666666; }
#plan a:hover {	color:#572600;}