/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body {
	font: 12px Verdana, Arial, Geneva, sans-serif; 
	background-color: #333333;
	margin: 0;
	padding: 0;
	text-align: center;
}
/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font: normal  14px Verdana, Arial, Geneva, sans-serif;
	color:#FFF;
}
h1 { font-size: 1.70em; }
h2 { 
	font-size: 1.7em;
	font-weight: normal;
	margin:15px 0 5px 0;
}
h3 { font-size: 1.20em; }
h3.spip {} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */
p {
	margin:0;
	padding:0;
}
/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }
a, a:visited, a.spip_out, a.spip_out:visited {
	font-family:Verdana, Arial, Geneva, sans-serif;
	text-decoration:underline;
	font-weight:normal;
	border:none;
	outline:none;
	color:#c16002;
}

a:focus,a:hover,a:active { color: #F57900; text-decoration: underline; }

a.discret {
	color:#D1D1D1;
	text-decoration:underline;
}
/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_cadre {} /* Cf.: spip_style.css */
address {}

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */

.bandeGrise{
	position:absolute;
	top:0;
	width:100%;
	height:161px;
	background:url("../IMG/fond-perdu.gif") repeat-x;
	left:0;
	
}
#bandeGriseRub {
	position:absolute;
	top:0;
	width:100%;
	height:161px;
	background:url("../IMG/fond-perdu.gif") repeat-x;
	left:0;
}
#page { position: relative; width: 1000px; margin: 0 auto; text-align: left; }
/* ------------------------------------------
/* HEADER SITE
/* ------------------------------------------ */
#entete {
	position:relative;
	width: 100%;
	height:160px;
	margin: 0;
	padding: 0;
}
#entete h1{
	position:absolute;
	top:30px;
	left:0;
	font:40px Verdana, Arial, Geneva, sans-serif;
	color:#d1d1d1;
	margin:0;
	padding:0;
}
#enteteRub {
	position:relative;
	width: 100%;
	height:160px;
	margin: 0;
	padding: 0;
}
#enteteRub h1{
	position:absolute;
	top:10px;
	left:0;
	font:34px Verdana, Arial, Geneva, sans-serif;
	color:#d1d1d1;
	margin:0;
	padding:0;
}
h1 span{
	display:block;
	padding:0 0 0 7px;
	color:#959595;
	font-size:20px;
	line-height:20px;
}
span.coordonnees {
	display:block;
	position:absolute;
	top:100px;
	left:0;
	height:24px;
	padding:0;
}
span.tel {
	float:left;
	background:transparent url("../IMG/mobilephone.png") no-repeat 0 0;
	font: 14px Verdana, Arial, Geneva, sans-serif;
	color:#D1D1D1;
	padding:1px 0 0 15px;
	margin:0 0 0 5px;
}
.coordonnees a, .coordonnees a:visited {
	font: 13px/20px Verdana, Arial, Geneva, sans-serif;
	color:#D1D1D1;
	float:left;
	background:transparent url("../IMG/mail.gif") no-repeat 0 1px;
	padding:0 4px 0 20px;
	margin:0;
}
.coordonnees a:hover, .coordonnees a:active {
	color:#CCCCCC;
}
/* MENU IMAGE BOOK */
#menuPortfolio{
	position:absolute;
	top:9px;
	left:330px;
	padding:0 0 0 120px;
	background:#333333 url("../IMG/menu/ulimage1.gif") no-repeat;
}
#menuImage {
        margin:0;
        padding:0;
        height:120px;
        width:550px;
        background-color:#333333;
        list-style:none;
        overflow:hidden;
}
#menuImage li {
        float:left;
        width:140px;
        height:120px;
		
}
#menuImage li a{
	display:block;
	width:99.99%;
	border-right:1px solid #999999;
}
#menuImage li .menuOptionHover{
        display:block;
        width:100%;
        height:120px;
        text-indent:-8000px;
		border-right:1px solid #333333;
}
#menuImage-1 { background:url("../IMG/menu/aeronautique.jpg"); }
#menuImage-2 { background:url("../IMG/menu/medical.jpg"); }
#menuImage-3 { background:url("../IMG/menu/grande_distribution1.jpg"); }
#menuImage-4 { background:url("../IMG/menu/chantier.jpg"); }
#menuImage-5 { background:url("../IMG/menu/architecture.jpg"); }
#menuImage-6 { background:url("../IMG/menu/transport.jpg"); }
#menuImage-7 { background:url("../IMG/menu/spectacles2.jpg"); }
#menuImage-8 { background:url("../IMG/menu/art.jpg"); }
#menuImage-9 { background:url("../IMG/menu/illustration.jpg"); }
#menuImage-10 { background:url("../IMG/menu/corporate.jpg"); }
#menuImage li#menu-1 .menuOptionHover { background:url("../IMG/menu/aeronautique.jpg"); }
#menuImage li#menu-2 .menuOptionHover { background:url("../IMG/menu/medical.jpg"); }
#menuImage li#menu-3 .menuOptionHover { background:url("../IMG/menu/grande_distribution1.jpg"); }
#menuImage li#menu-4 .menuOptionHover { background:url("../IMG/menu/chantier.jpg"); }
#menuImage li#menu-5 .menuOptionHover { background:url("../IMG/menu/architecture.jpg"); }
#menuImage li#menu-6 .menuOptionHover { background:url("../IMG/menu/transport.jpg"); }
#menuImage li#menu-7 .menuOptionHover { background:url("../IMG/menu/spectacles2.jpg"); }
#menuImage li#menu-8 .menuOptionHover { background:url("../IMG/menu/art.jpg"); }
#menuImage li#menu-9 .menuOptionHover { background:url("../IMG/menu/illustration.jpg"); }
#menuImage li#menu-10 .menuOptionHover { background:url("../IMG/menu/corporate.jpg"); }
/* MENU Main */
h2.titreBook, h2.titreBookHome, h2.titreBookArt {
	display:block;
	float:right;
	font: 20px Verdana, Arial, Geneva, sans-serif;
	letter-spacing:5px;
	word-spacing:15px;
	color:#000;
	padding:0 0 0 10px;
	margin:0;
	width:385px;
	text-transform:uppercase;
}
h2.titreBookHome {
	width:410px;	
}
h2.titreBookArt {
	width:550px;
	padding:0 43px 0 0;
	text-align:right;
}
#menuMain{
	float:left;
	position:absolute;
	width:100%;	
	top:130px;
	left:0;
	margin:0;
	padding:0;
}
ul#nav {
	float:left;
	margin:0;
	padding:0 0 0 4px;
	list-style:none;
}
ul#nav li{
	float:left;
	height:26px;
}
ul#nav li a{
	float:left;
	line-height:26px;
	margin:0 0 0 1px;
	padding:5px 8px 0 8px;
	display:block;
	height:18px;
	font:13px Geneva, Verdana, Arial, Geneva, sans-serif;
	color:#333;
	text-decoration:none;
	text-align:center;
}
ul#nav li a:hover{
	text-decoration:none;
}
ul#nav li a.home{
	display:block;
	float:left;
	background:transparent url("../IMG/accueil.gif") no-repeat 0 0;
	line-height:26px;
	margin:1px 0 0 1px;
	padding:0;
	height:25px;
	font:13px Geneva, Verdana, Arial, Geneva, sans-serif;
	color:#333;
	text-decoration:none;
	text-align:center;
	width:27px;
}
/* PARTIE MAIN */
#conteneur { 
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
	background-color:#000;
}
#contenu { 
	display:block;
	padding-top: 0.30em;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	
}
/* PAGE ACCUEIL */
.presentation {
	float:left;
	width:95%;
	padding:10px 20px 20px 20px;
	font-size:12px;
	line-height:17px;
	word-spacing:2px;
	color:#d1d1d1;
}
.presentation img {
	float:left;
	margin:10px 10px 0 0 ;
}
.presentation h3 {
	float:left;
	font: 14px Verdana, Arial, Geneva, sans-serif;
	text-transform:uppercase;
	color:#666666;
	border-top:7px solid #1a1a1a;
	padding:15px 0 5px 0;
	margin:10px 0 0 0;
	line-height:20px;
	width:100%;
}
.presentation h5 {
	font: 14px Verdana, Arial, Geneva, sans-serif;
	text-transform:uppercase;
	color:#666666;
	padding:15px 0 10px 0;
	margin:10px 0 0 0;
	line-height:20px;
	
}
.presentation p{
	margin:0;
	padding:10px 0 5px 0;
	text-align:justify;
}
.card {
	float:right;
	width:320px;
	padding:0 5px 5px 5px;
	background-color:#333333;
	border-left:10px solid #292828;
	margin:20px;
}
.card h2 {
	font: 34px Verdana, Arial, Geneva, sans-serif;
	color:#666666;
	border-bottom:7px solid #292828;
	padding:47px 0 0 130px;
	background:transparent url("../IMG/thierry-schneider.gif") no-repeat;
	height:73px;
}
.telcard {
	float:left;
	background:transparent url("../IMG/mobilephone2.png") no-repeat 0 5px;
	font: 14px Verdana, Arial, Geneva, sans-serif;
	color:#959595;
	padding:5px 0 10px 30px;
	margin:0;
	width:250px;
}
.mailcard {
	float:left;
	background:transparent url("../IMG/mail_write.png") no-repeat 0 2px;
	font: 14px Verdana, Arial, Geneva, sans-serif;
	color:#959595;
	padding:5px 0 10px 30px;
	margin:0;
	width:250px;
}
.adressecard {
	float:left;
	font: 14px Verdana, Arial, Geneva, sans-serif;
	padding:5px 0 10px 30px;
	margin:0;
	width:250px;
	color:#959595;
}
.card h3 {
	font:small-caps 18px Verdana, Arial, Geneva, sans-serif;
	color:#666666;
	border-bottom:7px solid #292828;
	padding:10px 0 0 0;
	margin:0;
}
.reference {
	float:left;
	font-size:11px;
	line-height:15px;
	padding: 0;
	color:#FFF;
}
/* GALLERIFIC */
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: left;
	padding:5px 0 0 10px;
	width: 500px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
.download a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:url("../IMG/agrandir.gif") no-repeat bottom right;
	height:360px;
	width:450px;
	z-index:10;
}
. a:hover{
	/* background:url("../IMG/menu/ov-loupe1.gif") no-repeat; */
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	position:absolute;
	top:340px;
	left:490px;
	margin: 0;
	padding:7px 0 0 10px;
	height: 10px;
	width:50px;
	z-index:1;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: right;
}
div.nav-controls {
	float: right;
}
.nav-controls a.prev, .nav-controls a.prev:visited {
	display:block;
	background:url("../IMG/menu/out-prec.gif") no-repeat;
	width:31px;
	height:30px;
}
.nav-controls a.prev:hover{
	background:url("../IMG/menu/ov-prec.gif") no-repeat;
}
.nav-controls a.next, .nav-controls a.next:visited {
	display:block;
	background:url("../IMG/menu/out-suiv.gif") no-repeat;
	width:31px;
	height:30px;
}
.nav-controls a.next:hover{
	background:url("../IMG/menu/ov-suiv.gif") no-repeat;
}
.ss-controls a.pause, .ss-controls a.pause:visited {
	display:block;
	background:url("../IMG/menu/out-pause1.gif") no-repeat;
	width:31px;
	height:30px;
}
.ss-controls a.pause:hover{
	background:url("../IMG/menu/ov-pause1.gif") no-repeat;
}
.ss-controls a.play, .ss-controls a.play:visited {
	display:block;
	background:url("../IMG/menu/out-play1.gif") no-repeat;
	width:31px;
	height:30px;
}
.ss-controls a.play:hover{
	background:url("../IMG/menu/ov-play.gif") no-repeat;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
	background-color:#000;
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image:#333333 url('../IMG/loading-animation.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 400px;
	height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {
	position: relative;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 20px;
	left: 0;
	padding:5px 35px 0 35px;
}
div.slideshow a.advance-link {
	width: 450px;
	text-align:center;
	vertical-align:middle;
	 height: 450px; /*  This should be set to be at least the height of the largest image in the slideshow */
	/* line-height: 450px;  This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	/* width: 50%; */
	/* height:50%; */
}
span.copyright {
	display:block;
	position:absolute;
	top:0;
	left:35px;
	color:#262626;
}
span.guide {
	display:block;
	position:absolute;
	top:360px;
	left:430px;
	font-size:10px;
	color:#fff;
	z-index:0;
	border-bottom:1px solid #fff;
}
div.caption-container {
	position: absolute;
	height: 20px;
	top: 30px;
	left:20px;
	width:50px;
	z-index:1;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 50px;
	top: 0;
	left: 10px;
}
div.caption {
	padding:0;
	
}
div.image-title {
	font-size: 1.8em;
	color:#999999;
	float:left;
	margin:0;
	padding:0 0 0 25px;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	width:200px;
	padding: 0 0 10px 10px;
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	position:absolute;
	margin: 0;
	padding:0;
	left:48px;
	top:15px;
	z-index:1;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
	width:80px;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
	text-align:center;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
div.pagination {
	width:100%;
	/* clear: both; */
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation{
	margin: 0;
	padding: 5px 13px 0 0;
	float:right;
	width:35px;
	position:relative;
	height:90px;
}
/*
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: right;
	margin:0 0 2px 2px;
	font-size:13px;
	padding: 5px 7px 4px 7px;
	border: 1px solid #1d1d1d;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
*/
div.bottom {
	width:96%;
	position:absolute;
	top:20px;
	left:20px;
}
a.suivant {
	float:right;
	background:#000 url("../IMG/menu/flechdroit_out.gif") no-repeat 0 0;
	display:block;
	width:20px;
	height:52px;
}
a.suivant:hover {
	background:#000 url("../IMG/menu/flechdroit_ov.gif") no-repeat 0 0;
}
a.precedent {
	float:left;
	background:#000 url("../IMG/menu/flechgauch_out.gif") no-repeat 0 0;
	display:block;
	width:20px;
	height:52px;
}
a.precedent:hover {
	background:#000 url("../IMG/menu/flechgauch_ov.gif") no-repeat 0 0;
}
div.specialThickbox{
	display:none;	
}
/* FIN GALLERIFIC */


/* ARTICLE MOTS CLES */
.produitFini{
	float:right;
	width:350px;
	background-color:#333333;
	padding:20px 5px 5px 5px;
	margin:20px 25px 20px 20px;
	text-align:center;
	height:335px;
}
.commenTexte{
	padding:15px 0 15px 0;
	margin:0;
	color:#999999;
}
.produitFini h2 {
	margin:0;
	padding:0;
}
a.titreRubcle, a.titreRubcle:visited{
	font:18px Verdana, Arial, Geneva, sans-serif;
	color:#666666;
	border-bottom:7px solid #292828;
	text-decoration:none;
}
a.titreRubcle:hover, a.titreRubcle:active{
	font:18px Verdana, Arial, Geneva, sans-serif;
	color:#999999;
	border-bottom:7px solid #666666;
	text-decoration:none;
}
.produitFini span.titreExemple{
	display:block;
	font:16px Verdana, Arial, Geneva, sans-serif;
	color:#FFFFFF;
	margin:0;
	padding:0 15px 15px 15px;
}
.produitFini img{
	border:1px solid #000;
}
#navigation { float: right; width: 30%; margin-top: 1em; overflow: hidden; }
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }

/* RUBRIQUES PRODUITS FINIS */
.pagePfini{
	padding:10px;
	margin:0;
}
h2.pdtFini {
	font:small-caps 26px Verdana, Arial, Geneva, sans-serif;
	color:#666666;
	border-bottom:7px solid #1a1a1a;
	border-right:10px solid #000;
	padding:10px 0 5px 0;
	margin:0 0 2px 0;
}
.universMot {
	float:left;
	width:99%;
	background-color:#333333;
	border-bottom:7px solid #1a1a1a;
	border-right:10px solid #1a1a1a;
}
.universMot h3 {
	font: 18px Verdana, Arial, Geneva, sans-serif;
	color:#666666;
	border-bottom:2px solid #1a1a1a;
	padding:0 0 0 120px;
	height:40px;
}
.blocArtMot{
	float:left;
	width:100%;
}
.blocArt {
	float:left;
	width:320px;
	height:300px;
	text-align:center;
	padding:10px 0 10px 0;
	margin:0;
}
.blocArt span.titreExemple{
	display:block;
	font:16px Verdana, Arial, Geneva, sans-serif;
	color:#FFFFFF;
	margin:0;
	padding:0 30px 15px 30px;
	height:40px;
}
.blocArt ul{
	margin:0;
	padding:0;
}
.blocArt ul li{
	list-style:none;
	margin:0;
	padding:0;
}
ul#Art185 {
	width:176px;
	text-align:center;
	background-color:#FFF;
	margin:0 0 0 70px;
}
ul#Art185 li{
	background-color:#FFF;
	width:176px;
	padding-top:5px;
}
.pied { 
	background:url("../IMG/fond-perdu-footer.gif") repeat-x;
	clear: both;
	width: 100%;
	margin: 0 auto; 
	padding: 35px 0 25px 0;
	font-size: 0.90em;
	height:130px;
}
.textInline {
	width:980px;
	margin:auto;
	color:#1D1D1D;
	line-height:17px;
	padding:15px;
	text-align:left;
}
.pied .main{
	width:980px;
	margin:auto;
	padding:0;
	text-align:left;
}
.univers{
	float:left;
	width:400px;
	border-left:10px solid #292828;
	padding: 0 0 0 10px;
	margin: 10px 0 0 0;
}

.main h2{
	margin:0;
	padding: 0 0 10px 0;
	color:#333333;
}
.main ul{
	display:block;
	margin:0;
	padding:0 0 2px 5px;
	color:#666666;
}
.main ul li{
	display:inline;
}
.main ul li a{
	color:#964b02;	
}
.main ul li a:hover, .main ul li a:hover{
	color:#c05f02
}
.classique {
	float:left;
	width:500px;
	border-left:10px solid #292828;
	padding: 0 0 0 10px;
	margin: 10px 0 0 0;
}
/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }

.chapo { margin-bottom: 1.50em; line-height: 1.40em; color: #669; }
.texte { line-height: 1.60em; }
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }


.formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/

/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.30em 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }



/* PAGE ARTICLE */
.fullFormat{
	text-align:center;	
}
.fullFormat img {
	border:3px solid #FFF;
	margin:35px 20px 35px 20px;	
}