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

/*********** 
Reset styles 
***********/

* {
	margin: 0;
	padding: 0;
	outline:none;
}
html {
	background: #00c2ff;
	height:100%;
}
.c {
	clear:both;
}
img {
	border:0px;
}
.bloc {
  display:block;
}
.dnone {
  display:none;
}
.left {
  float:left;
}
.right {
  float:right;
}
.tcenter {
	text-align:center;
}
.tright {
	text-align:right;
}
.centrer {
	margin:0 auto;
}
.margB5 {
	margin-bottom:5px;
}
.margL30 {
	margin:0 0 0 30px;
}
.margR20{
	margin-right:20px;	
}
.margR10{
	margin-right:10px;	
}
.paddL105 {
	padding:0 0 0 105px;
}
.erreur {
	color:#cc0000;
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
}
.confirmation {
	color:#009933;
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;	
}
span.italic, .titalic {
	font-style:italic;
}

/****************
Global 
****************/
#global{
	width: 960px;
	margin:0 auto;
	background:url('../images/fond_page_hubler.jpg') no-repeat;	
}
#global.fond_general {
	height:768px;
	background:url('../images/fond_page.jpg') no-repeat;
}
#global.fond_hubler {
	height:1100px;
	
}
#global.fond_livre_syn{
	height:960px;
	
}
#global.fond_livre_iti {
	height:1080px;
		
}
#global.fond_livre_chi {
	height:810px;
	
}
#global.fond_poster_msg {
	height:auto;
	
}
#global.fond_medias {
	height:auto;
	
}
#global.fond_commander_livre {
	height:600px;
}
#global.fond_commande{
	background:none;
	background-image:none;
	width:960px;
	
}

/****************
Header 
****************/
#header {
	width: 960px; 
	height: 145px;
	margin: 0 auto;
	text-align: center;
}
#animation {
	display:block;
	margin:0 auto;
}

/****************
Menu principal
****************/
#menu {
	display:block;
	width:940px;
	height:46px;
	padding:0px 0 0 20px;
}
#nav {
	display:block;
	list-style: none;
	float:left;
}
#nav li {
  	float:left;
}
#nav li a{
	text-indent:-9999px;	
}
#nav li a#lien_accueil {
	width:236px;
	height:46px;
	display: block ;
	text-align: center ;
	text-decoration: none ;
	margin-top:1px;
	background: url(../images/hubler.png) no-repeat;
	background-position: 0 0;
}
#nav li a#lien_livre {
	width:420px;
	height:46px;
	display: block;
	text-align: center;
	text-decoration: none;
	margin-top:1px;
	background: url(../images/livre.png) no-repeat 0 0;
}
#nav li a#lien_medias {
	width:240px;
	height:46px;
	display: block;
	text-align: center;
	text-decoration: none;
	margin-top:1px;
	background: url(../images/conferences.png) no-repeat 0 0;
}

#nav li .contact {
	width:146px;
	height:43px;
	display: block;
	text-align: center;
	text-decoration: none;
	margin-top:1px;
	background: url(../images/contact.jpg) no-repeat 0 0;
}

#nav li a#lien_accueil.active {
	background: url(../images/hubler-active.png) no-repeat;
}
#nav li a#lien_livre.active {
	background: url(../images/livre-active.png) no-repeat;
}
#nav li a#lien_medias.active {
	background: url(../images/conferences-active.png) no-repeat;
}
#nav li a#lien_livre.selected {
	background: url(../images/livre-selected.png) no-repeat;
}

/****************
Page accueil
****************/
#content {
	width: 960px;
	margin: 0 auto;
	text-align:left;
	margin-top:40px;
}
#monde {
	display:block;
	width:784px;
	margin:10px auto 0 auto;
}
#commandez  {
	float:left;
	display:block;
	width:348px;
	height:171px;
	margin:20px 0 0 20px;
}
#video_reportage {
	float:left;
	display:block;
	width:161px;
	height:121px;
	margin:65px 0 0 35px;
}
#site_perso {
	float:left;
	display:block;
	width:155px;
	height:121px;
	margin:65px 0 0 35px;
}
#poster-message {
	float:right;
	margin:65px 0 0 0px;
}
#mentions-legales {
	float:right;
	margin:165px 5px 0 0px;
}

/****************
Page hubler
****************/
#content_hulber {
	margin:0 0 0 24px;
	width:636px;
	height:810px;
	background: url(../images/fond_hubler.png) no-repeat;
}
#hubler_bio {
	float:left;
	width:145px;
	margin:120px 0 0 20px;
}
#hubler_texte {
	float:left;
	width:430px;
	margin:120px 0 0 20px;
}
#hubler_texte p {
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	text-align:justify;
	color:#00388D;
	margin:0 0 10px 0;
}
#commandez-livre-btn2 {
	margin: 0 0 0 20px;	
}
#poster-message-hubler {
	float:right;
	margin:700px 50px 0 0; 
}

/****************
Page Livre synopsis
****************/
#content_livre_syn {
	margin:0 0 0 15px;
	width:636px;
	height:567px;
	float:left;
	background: url(../images/fond_livre_syn.png) no-repeat;
}
html > body #content_livre_syn {
	margin:0 0 0 30px;
}
#livre_syn_col_gauche {
	float:left;
	width:200px;
	margin:120px 0 0 10px;
}
#livre_syn_texte {
	float:left;
	width:380px;
	margin:60px 0 0 20px;
}
#livre_syn_texte p {
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	text-align:justify;
	color:#00388D;
	margin:0 0 10px 0;
}
#content_livre_syn_sommaire {
	float:left;
	width:230px;
	height:440px;
	background:#FFF;
	padding:15px;
	margin:98px 0 0 10px;
}
#content_livre_syn_sommaire table.sommaire td {
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:10px;
	line-height:13px;
	text-align:left;
	color:#00388D;
}
#poster-message-hubler2 {
	float:right;
	margin:10px 50px 0 0; 
}
#sous-menu-livre {
	width:179px;
	float:right;
	text-align:right;
}

/****************
Page Livre itineraire
****************/
#content_livre_iti {
	margin:0 0 0 30px;
	width:868px;
	height:720px;
	background: url(../images/fond_livre_iti.png) no-repeat;
}
#livre_iti_col_droite {
	float:left;
	width:670px;
	margin:70px 0 0 20px;
}
#livre_iti_texte { 
	float:left;
	width:150px;
	margin:40px 0 0 20px;
}
#livre_iti_texte p, #livre_iti_texte2 p {
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	text-align:justify;
	color:#00388D;
	margin:0 0 10px 0;
}
#livre_iti_texte2 p {
	margin:0 20px 10px 20px;
}
#poster-message-livre_iti {
	float:right;
	margin: 15px 80px 0 0;	
}
#commandez-livre-iti-btn {
	float:left;	
	margin: 70px 0 0 20px;	
}
#sous-menu-livre-iti {
	width:640px;
	text-align:right;
}

/****************
Page Livre Chiffres clés
****************/
#content_livre_chi {
	margin:0 0 0 30px;
	width:868px;
	height:420px;
	background: url(../images/fond_livre_chi.png) no-repeat;
}
#livre_chi_col_gauche {
	float:left;
	width:140px;
	margin:50px 0 0 20px;
}
#livre_chi_texte {
	float:left;
	width:600px;
	margin:30px 0 0 0px;
}
#livre_chi_texte h2 {
	margin: 8px 0 10px 0;
	line-height:1px;
}
#livre_chi_texte p {
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	text-align:justify;
	color:#00388D;
	margin:0 0 10px 0;
}
#sous-menu-livre-chi {
	width:640px;
	text-align:right;
}
	
/****************
Page poster un message
****************/
#content_poster_msg {
	margin:0 0 0 30px;
	width:868px;
	background: url(../images/fond_poster_msg.png) no-repeat;
}	
.poster_msg {
	width:600px;
	padding:15px 20px 15px 20px;
	background:#fff;
}
.poster_msg h2 {
	font-family:Trebuchet Ms, Tahoma, Geneva, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#1B1464;
	margin: 0 0 10px 0;
}
.txt_gris_petit {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	color:#666;
	padding:10px 0 0 0;
}
#envoyer-btn {
	margin:5px 0 0 0;	
}
.label_txt {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#1B1464;
}
.champ_txt, .area_txt {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	padding:3px;
}
.bloc_frm {
	margin:0 0 5px 0;	
}
.encart_reaction h3, .encart_reaction p { 
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#1B1464;
}
.encart_reaction p {
	margin:5px 0 10px 0;
}
.encart_reaction {
	margin:20px 0 0px 0;
}

/****************
Page commander le livre
****************/
#content_commander_livre {
	margin:0 0 0 30px;
	width:868px;
	background: url(../images/fond_commander_livre.png) no-repeat;
}
div.commander_texte {
	width:687px;
	height:400px;
	margin:0px 0 0px 170px;
	padding:20px 0px 15px 20px;
	background:#fff;
}
.commander_texte h2 {
	font-family:Trebuchet Ms, Tahoma, Geneva, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#1B1464;
	margin: 0 0 10px 0;
}
div.commander_texte p {
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	text-align:justify;
	color:#00388D;
	margin:0 0 10px 0;
}

/*********************************
Style page commander livre complet 
*********************************/
.commande_livre{
	position:relative;
	width:900px;
	height:693px;
	margin:0 auto;
	padding-top:40px;
	background:url('../images/fond_commande_traits.png') no-repeat;
	background-position: 0px 0px;
}
.commande_livre_2{
	position:relative;
	width:900px;
	height:610px;
	margin:0 auto;
	padding-top:40px;
	background:url('../images/fond_commande_traits_2.png') no-repeat;
	background-position: 0px 100px;
}
.commande_livre3{
	position:relative;
	width:900px;
	height:720px;
	margin:0 auto;
	padding-top:40px;
	background:url('../images/fond_commande_traits_3.png') no-repeat;
	background-position: 0px 0px;
}

.livre_commande{
	position:absolute;
	width:140px;
	height:193px;
	top:-50px;
	left:735px;
}
.commande_livre p, .commande_livre_2 p, .commande_livre3 p{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	text-align:justify;
	color:#00388d; 
}

/****************
Page médias
****************/
#content_medias {
	margin:0 0 0 30px;
	width:868px;
	height:400px;
	background: url(../images/fond_medias.png) no-repeat;
}	
#medias_texte {
	float:left;
	width:414px;
	margin:110px 0px 0 0;
}
#medias_texte h2 {
	font-family:Trebuchet Ms, Tahoma, Geneva, sans-serif;
	font-size:18px;
	font-weight:normal;
	float:right;
	margin-right:20px;
	color:#1B1464;
}
#medias_texte #telecharger-conf {
	display:block;
	margin:231px 0 0 0;
}
#medias_texte2 {
	float:left;
	width:422px;
	margin:110px 0px 0 20px;
}
#medias_texte2 h2 {
	font-family:Trebuchet Ms, Tahoma, Geneva, sans-serif;
	font-size:18px;
	font-weight:normal;
	float:right;
	margin-right:20px;
	color:#1B1464;
}
#commandez-btn-medias {
	float:left;
	margin:70px 0 0 20px;
}
#poster-btn-medias {
	float:right;
	margin:10px 80px 0 0;
}

/****************
Page conférences
****************/
#content_conferences {
	margin:0 0 0 30px;
	width:868px;
	height:1100px;
	background: url(../images/fond_conferences.png) no-repeat;
}
#content_conferences2 {
	margin:0 0 0 30px;
	width:868px;
	height:1200px;
	background: url(../images/fond_conferences2.png) no-repeat;
}	
#content_conferences3 {
	margin:0 0 0 30px;
	width:868px;
	height:310px;
	background: url(../images/fond_conferences3.png) no-repeat;
}	
#conferences_texte {
	float:left;
	width:868px;
	margin:110px 0px 0 0;
	
}
#conferences_texte .encart{
	width:750px;
	display:block;
	margin:0 auto;
	background-color:#c1effe;
	padding:15px;
}
#conferences_texte .encartphoto{
	width:860px;
	display:block;
	margin:0 auto;
	text-align:center;
}
#conferences_texte h2 {
	font-family:Trebuchet Ms, Tahoma, Geneva, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	color:#1B1464;
	margin-bottom:15px;
}
#conferences_texte h3 {
	font-family:Trebuchet Ms, Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	font-weight:bold;
	color:#1B1464;
	margin-bottom:12px;
	padding-left:10px;
}
#conferences_texte p {
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	text-align:justify;
	color:#00388D;
	margin:0 0 10px 0;
	padding:0 10px;
}
#conferences_texte ul{
	padding-left:20px;	
}
#conferences_texte li {
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;	
	color:#00388D;
}
#conferences_texte a {
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#04ba00;
	text-decoration:none;
}
#conferences_texte a:hover {
	text-decoration:underline;
}
#conferences_texte #telecharger-conf {
	display:block;
	margin:48px 0 0 0;
}
#conferences_texte2 {
	float:left;
	width:422px;
	margin:110px 0px 0 20px;
}
#conferences_texte2 h2 {
	font-family:Trebuchet Ms, Tahoma, Geneva, sans-serif;
	font-size:18px;
	font-weight:normal;
	float:right;
	margin-right:20px;
	color:#1B1464;
}
#commandez-btn-medias {
	float:left;
	margin:70px 0 0 20px;
}
#poster-btn-medias {
	float:right;
	margin:10px 80px 0 0;
}
	
/*****************************
Formulaire commander le livre 
*****************************/
.formulaire { 
	width:435px;
	padding-top:0px;
}
.formulaire_qte {
	margin:0 0 0 30px;
}
.img_tour {
	float:left;
	margin:0 0 0 50px; 
}
.tab_qte {
	font-size:12px;
	font-family:Arial;
	color:#00388d; 
}
.tab_recap {
	font-size:11px;
	font-family:Arial;
	color:#00388d; 
}
.question_adrf {
	width:330px;
	margin:0 0 0 135px;
	font-size:11px;
	font-family:Arial;
	color:#00388d;
	text-align:right;
}
.question_adrf p {
	margin: 0 0 10px 0;
}
.question_adrf input {
	display:block;
	float:right;
}
.question_adrf label {
	display:block;
	float:right;
	margin:0 15px 0 5px;
}
.formulaire fieldset{
	border:0;
	margin:0;
	padding:0 0 5px 0;
}
.formulaire label { 
	float:left; 
	display:block; 
	text-align:right; 
	width:100px; 
	padding:0px 0px 3px 0;  
	font-family:Arial,sans-serif;
	font-size:11px; 
	color:#00388d; 
}
html>body .formulaire label{
	margin:3px 3px 0 0; 
}
.contact_txt { 
	float:left; 
	display:block; 
	color:#00388d; 
	width:314px; 
	margin:0px 5px 0 3px; 
	padding:1px 5px 4px 3px; 
	font-family:Arial,sans-serif;
	font-size:11px; 
	background:url('../images/fond_input.gif') no-repeat;
	border:0px;
	
}
.textarea_txt { 
	float:left; 
	display:block; 
	color:#00388d; 
	margin:0px 5px 0 3px; 
	padding:1px 5px 4px 3px; 
	font-family:Arial,sans-serif;
	font-size:11px; 
	background:url('../images/fond_textarea.gif') no-repeat;
	border:0px;
	width:314px;
	height:55px;
}

.listeQte_txt {
	float:left; 
	display:block; 
	color:#00388d; 
	width:60px; 
	margin:0px 5px 0 3px; 
	padding:1px 5px 2px 3px; 
	font-family:Arial,sans-serif;
	font-size:11px; 
	background:#FFF url('../images/fond-champ-qte.gif') no-repeat;
	border:0px;
}
.dedicace_txt { 
	float:left; 
	display:block; 
	color:#00388d; 
	width:150px; 
	margin:0px 5px 0 3px; 
	padding:1px 5px 4px 3px; 
	font-family:Arial,sans-serif;
	font-size:11px; 
	background:url('../images/fond_dedicace.gif') no-repeat;
	border:0px;
	
}
.total_txt {
	float:left; 
	display:block; 
	color:#00388d; 
	width:100px; 
	margin:0px 5px 0 3px; 
	padding:3px 5px 4px 3px; 
	font-family:Arial,sans-serif;
	font-size:11px; 
	font-weight:bold;
	background:url('../images/fond-total.gif') no-repeat;
	border:0px;
}
.contact_btn { 
	position:absolute;
	top:660px;
	left:550px;
}
.contact_btn2 { 
	position:absolute;
	top:686px;
	left:550px;
}
#req_fields { 
	display:block; 
	color:#7187a1; 
	font-style:normal; 
	width:150px; 
	margin:0 0 10px 315px; 
	font-family:Arial,sans-serif;
	font-size:10px; 
}
#status { 
	display:block;
	font-style:normal; 
	width:830px; 
	padding:5px 10px 5px 10px; 
	margin:0;
	font-family:Arial,sans-serif;
	font-size:11px; 
	color:#c00f1d;
	background:#f2c8c8;
	margin:0px 0 10px 35px;
}
#confirmation {
	display:block;
	font-style:normal; 
	width:350px; 
	margin-left:20px;
	padding:10px; 
	font-family:Arial,sans-serif;
	font-size:12px; 
	border:#d8d7b8 solid 1px;
	color:#d8d7b8;
	background:#59200a;
}

#confirmation_cmd {
	font-family:Trebuchet Ms, Tahoma, Geneva, sans-serif;
	font-size:18px;
	font-weight:normal;
	float:left;
	margin-right:20px;
	color:#1B1464;
}
.div_conf {
	margin:0 0 0 30px;
}

/****************
Footer 
****************/
#footer {
	position: absolute;
	background: #192738;
	border-top:1px solid #34556a;
   	bottom:0px;
	left:0px;
   	width:100%;
	height:100px;
}
#footer_content {
	width: 960px; 
	margin: 0 auto;
	padding:20px 0 0 0;
}
#footer_left {
	width:540px;
	float:left;
	text-align:left;
	line-height:15px;
	
}
#footer_right {
	width:360px;
	float:right;
	text-align:right;
	line-height:15px;
}
#footer address, #footer p {
	font-size:11px;
	font-family:Arial, sans-serif;
	font-weight:normal;
	color:#7187a1;
}
#footer a {
	font-size:11px;
	font-family:Arial, sans-serif;
	color:#7187a1;
	text-decoration:none;
}
#footer a:hover, a:focus, a:active {
	color:#fff;
}