﻿body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-image: url("../images/bg.png");
	color: #dddddd ;
	font: 11px Verdana,Helvetica,Geneva,Arial,Helvetica,sans-serif;
}

img {
	border: none;
}

#conteneur {
	border: 1px solid #ffffff;
	background-color: #111111;
   min-height: 950px;
   min-width: 950px;
	width: 962px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 5px;
	position: relative;
}

#conteneur_zoom {
	border: none;
	margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
	margin-right: auto;
	position: relative;
}

/* ---------------------------------------
-- Header
-- -------------------------------------*/
#header {
	height: 180px;
	background: url(".././headers/header07.jpg") top no-repeat;
	color: #f2a43d;
	position: relative;
	text-align: left;
}

#header-titre {
   position: relative;
   left: 0px;
}
/* ---------------------------------------
-- FIN Header
-- -------------------------------------*/


/* ---------------------------------------
-- Menu
-- -------------------------------------*/
#menu {
   /*background: url(../images/menu/menu_bg.png) #fff repeat-x;*/
   height: 30px;
   position: relative;
   top: -30px;
   margin: 0 0px 1px;
}

#menu ul {
   background: url(../images/menu/menu_end.png) 100% 0 no-repeat;
   list-style-type: none;
   height: 30px;
   margin: 0;
   padding: 0;
}

#menu li {
   background: none;
   float: left;
   padding: 0px;
   -width: 10px;
}

#menu a {
   display: block;
   white-space: nowrap;
   height: 30px;
   line-height: 27px;
   background: url(../images/menu/menu_triple.png) top left transparent repeat-x;
   padding: 0px 10px 0px 10px;
   color: #ffffff;
   text-decoration: none;
   text-transform: uppercase;
   font-size: .8em;
}

#menu a:hover {
   background-position: center left;
}

#menu .select a, #menu .select a:hover {
   background-position: bottom left;
}

#first_menu a {
   background: url(../images/menu/menu_start_triple.png) no-repeat;
   padding: 0 10px 0 15px;
}

#last_menu a {
   background: url(../images/menu/menu_bg.png) repeat-x;
   width: 197px;
   padding: 0 0px 0 15px;
}
/* ---------------------------------------
-- FIN Menu
-- -------------------------------------*/

/* ---------------------------------------
-- Menu Galerie
-- -------------------------------------*/
.menu_galerie {
   width: 90%;
   //-width: 92%;
   position: relative;
   margin-left:auto;
   margin-right:auto;
   font-size: 16px;
   font-weight: bold;
}

.menu_galerie  a {
   display: block;
   float: left;
   color: #bbbbbb;
   border: 1px dotted #999999;
   text-decoration: none;
   font-weight: bold;
   padding: 35px 0px 35px 0px;
   margin: 0px 10px 20px 10px;
   width: 150px;
}

.menu_galerie a img {
   padding: 0px 35px 0px 35px;
}

.menu_galerie a:hover {
   border: 1px solid #f38b00;
   color: #ffffff;
   background-color: #222222;
}

.menu_galerie a.menu_selected {
   color: #ff0000;
}
/* ---------------------------------------
-- FIN Menu Galerie
-- -------------------------------------*/

/* ---------------------------------------
-- Presentation
-- -------------------------------------*/
.presentation {color:#dddddd;}

.presentation_photo {text-align:center;float:left;width:33%;}
.presentation_photo img{border:1px solid #ffffff;}

.presentation_materiel {text-align:left;float:left;width:34%;}
.presentation_materiel ul{}
.presentation_materiel ul li{margin-top:5px;}
.presentation_materiel span{font-weight:bold;color:#f2a43d;}

.presentation_cv {text-align:left;float:left;width:33%;margin-top:5px;}
.presentation_cv p {padding-left: 20px;}
.presentation_cv span{font-weight:bold;color:#f2a43d;}
.presentation_cv span a{color:#bbbbbb;border-top:3px solid #444444;text-align:left;text-decoration:none;font-weight:bold;}
.presentation_cv span a:visited{color:#bbbbbb;border-top:3px solid #444444;}
.presentation_cv span a:active{color:#bbbbbb;border-top:3px solid #444444;}
.presentation_cv span a:hover{border-top:3px solid #f38b00;background-color:#111111;color:#ffffff;}


.presentation_texte {line-height:200%;color:#dddddd;padding-left:50px;padding-right:50px;text-align:left;float:left;}
.presentation_texte p {text-indent: 50px}
.presentation_texte span{font-weight:bold;color:#f2a43d;}
.presentation_texte a{color:#bbbbbb;border-top:3px solid #444444;text-align:left;text-decoration:none;font-weight:bold;}
.presentation_texte a:visited{color:#bbbbbb;border-top:3px solid #444444;}
.presentation_texte a:active{color:#bbbbbb;border-top:3px solid #444444;}
.presentation_texte a:hover{border-top:3px solid #f38b00;background-color:#111111;color:#ffffff;}
/* ---------------------------------------
-- FIN Presentation
-- -------------------------------------*/

/* ---------------------------------------
-- Galerie
-- -------------------------------------*/
div.Galerie {
   position: relative;
   top: -31px;
   margin-top: 0px;
}

div.LigneGalerie {
   clear: both;
   position: relative;
   width: 960px; /*Firefox, opera, Safari, Chrome*/
   -width: 90%; /*IE6*/
   
   
   margin-left: 1px; /*Firefox, opera, Safari, Chrome*/
   /margin: auto; /*IE8*/
   -margin: auto; /*IE6*/
}

div.thumbnail {
   position: relative;
   background-color: #111111;
   border: none;
   float: left;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   width: 80px;
   height: 80px;
}
div.thumbnail_first {
   position: relative;
   background-color: #111111;
   border: none;
   float: left;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   width: 80px;
   height: 80px;
}

div.thumbnail img {
   position: relative;
   border-top: 1px solid #111111;
   border-left: 1px solid #111111;
   opacity: 1.0;
   filter: alpha(opacity=100);
}

div.thumbnail_first img {
   position: relative;
   border-top: 1px solid #111111;
   border-left: none;
   opacity: 1.0;
   filter: alpha(opacity=100);
}

div.thumbnail a:hover img {
   border-top: 1px solid #ffac54;
   border-left: 1px solid #ffac54;
   opacity: 0.6;
   filter: alpha(opacity=60);
}

div.thumbnail_first a:hover img {
   border-top: 1px solid #ffac54;
   border-left: none;
   opacity: 0.6;
   filter: alpha(opacity=60);
}

/* ---------------------------------------
-- FIN Galerie
-- -------------------------------------*/

/* ---------------------------------------
-- Photos
-- -------------------------------------*/
.Photo {
   position: relative;
   float: left;
   width: 962px;
}

.bouton_previous {
display:none;
top: 0px;
float: left;
position: absolute;
}

.bouton_next {
display:none;
top: 0px;
float: right;
position: absolute;
}

.bouton_zoom {
display:none;
top: 0px;
float: right;
position: absolute;
}

.PhotoZoom a {
   position: relative;
   height: 0px;
   border: none;
   padding: 0px;
   margin: 0px;
}

div.PhotoZoom {
   width: 100%;
}

.PhotoZoom a img {
   position: relative;
   border: none;
   padding: 0px;
   margin-left:auto;
   margin-right:auto;
}

.PhotoZoom img {
   position: relative;
   border: none;
   padding: 0px;
   margin-left:auto;
   margin-right:auto;
}

.PhotoZoomLienRetour {
   margin: 10px 10px;
}

.PhotoZoomLienRetour a {
   padding-left: 30px;
   padding-right: 30px;
   color: #444444;
   background-color : #999999;
   text-decoration: none;
   font-weight: bold;
   border:1px;
   border-style:solid;
   border-color:black;
}

.PhotoZoomLienRetour a:visited { color: #222222; }

.PhotoZoomLienRetour a:active { color: #222222; }

.PhotoZoomLienRetour a:hover { color: #ffffff; }

/* ---------------------------------------
-- FIN Photos
-- -------------------------------------*/

/* ---------------------------------------
-- Navigation Photos
-- -------------------------------------*/
.navigationPhotos {
   position: relative;
   float: left;
   width: 190px;
}

.navigationPhotos p {
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px; 
}
.navigationPhotos a  {
   width: 160px;
   color: #bbbbbb;
   text-decoration: none;
   font-weight: bold;
   padding: 0px 0px;
}

.navigationPhotos a:visited p { color: #bbbbbb; }

.navigationPhotos a:active p { color: #bbbbbb; }

.navigationPhotos a:hover p { color: #ffffff; }

.navigationPhotos p.titre {
   overflow: auto;
   font-style: italic;
   font-weight: bold;
}

/* ---------------------------------------
-- FIN Navigation Photos
-- -------------------------------------*/
/* ---------------------------------------
-- Navigation Texte
-- -------------------------------------*/
.navigationTexte {
   position: relative;
   float: left;
   width: 95px;
   height : 60px;
   padding: 10px;
}

.navigationTexte p {
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px; 
}
.navigationTexte a  {
   width: 160px;
   color: #bbbbbb;
   text-decoration: none;
   font-weight: bold;
   padding: 0px 0px;
}

.navigationTexte a:visited p { color: #bbbbbb; }

.navigationTexte a:active p { color: #bbbbbb; }

.navigationTexte a:hover p { color: #ffffff; }

.navigationTexte p.titre {
   overflow: auto;
   font-style: italic;
   font-weight: bold;
}

/* ---------------------------------------
-- FIN Navigation Texte
-- -------------------------------------*/
/* ---------------------------------------
-- Titre Photo
-- -------------------------------------*/
.titrePhoto {
   position: relative;
   float: left;
   width : 400px;
   height : 40px;
   padding: 20px;
   overflow: auto;
   font-size: 1.5em;
   font-style: italic;
   font-weight: bold;
}

/* ---------------------------------------
-- FIN Titre Photo
-- -------------------------------------*/


/* ---------------------------------------
-- Infos Photos
-- -------------------------------------*/
.infosPhoto {
	position: relative;
	float: left;
	width: 211px;
	margin-top: 0px;
	background-color : #333333;
	
}

.infosPhotoTitre {
   font-size: 0.8em;
   position: relative;
   float: left;
   background-color : #222222;
   border: none;
   text-align: center;
   width: 100px;
   height: 12px;
   padding: 2px;
   -padding: 2px;
   border-top: 0px solid #333333;
   border-left: 1px solid #333333;
}

.infosPhotoTitreFin {
   font-size: 0.8em;
   position: relative;
   float: left;
   background-color : #222222;
   border: none;
   text-align: center;
   width: 100px;
   height: 12px;
   padding: 2px;
   -padding: 2px;
   border-top: 0px solid #333333;
   border-bottom: 1px solid #333333;
   border-left: 1px solid #333333;
}

.infosPhotoTexte {
   font-size: 0.8em;
	background-color : #111111;
	float:left;
	word-wrap: break-word;
   width: 100px;
   height: 12px;
	overflow: auto;
	font-style: italic;
	border: none;
	padding: 2px;
	-padding: 2px;
	border-top: 0px solid #333333;
   border-left: 1px solid #333333;
}

.infosPhotoTexteFin a{
   font-size: 0.8em;
   color: #bbbbbb;
   text-decoration: none;
	background-color : #111111;
	float:left;
	word-wrap: break-word;
   width: 100px;
   height: 12px;
	overflow: auto;
	//font-style: italic;
	border: none;
}

.infosPhotoTexte a{
   font-size: 0.8em;
   color: #bbbbbb;
   text-decoration: none;
	background-color : #111111;
	float:left;
	word-wrap: break-word;
   width: 100px;
   height: 12px;
	overflow: auto;
	//font-style: italic;
	border: none;
}

.infosPhotoTexte a:hover{
   font-weight: bold;
   color: #ffffff;
}
.infosPhotoTexteFin a:hover{
   font-weight: bold;
   color: #ffffff;
}

.infosPhotoTexteFin {
   font-size: 0.8em;
   background-color : #111111;
   float:left;
   word-wrap: break-word;
   width: 100px;
   height: 12px;
   overflow: auto;
   font-style: italic;
   border: none;
   padding: 2px;
   -padding: 2px;
   border-top: 0px solid #333333;
   border-bottom: 1px solid #333333;
   border-left: 1px solid #333333;
}
/* ---------------------------------------
-- FIN Infos Photos
-- -------------------------------------*/

/* ---------------------------------------
-- Espace Prive
-- -------------------------------------*/

.espace_prive_connexion table {
   width: 300px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 50px;
   margin-bottom: 150px;
}

.espace_prive_connexion table tr td {
   font: 12px Verdana,Helvetica,Geneva,Arial,Helvetica,sans-serif;
   text-align: center;
   padding-top: 20px;
}

.espace_prive_connexion input {
	text-decoration: none;
	height: 25px;
	padding-top: 3px;
	padding-left: 6px;
	border: 1px solid #f38b00;
	color: #ffffff;
	background-color: #111111;
}

div.espace_prive_connexion_bouton a {
	width: 80px;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	background-color: #111111;
	color: #ffffff;
   border: 2px outset #f38b00;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	display: block;
   padding-top: 6px;
   text-decoration: none;
   text-align: center;
}

/* ---------------------------------------
-- FIN Espace Prive
-- -------------------------------------*/

/* ---------------------------------------
-- Espace Pro
-- -------------------------------------*/
div.espace_pro_presentation {
   line-height: 175%;
	position: relative;
	top: -20px;
	float: left;
	height: 225px;
	width: 403.9px;
	-width: 400.9px;
	margin: 0px 3px 0px 6px;
	padding: 10px;
	text-align: left;
	background-color: #111111;
}

div.espace_pro_presentation p {
   text-indent: 25px
}

div.espace_pro_partenaires {
   line-height: 175%;
	position: relative;
	top: -20px;
	float: left;
	height: 225px;
	width: 500.1px;
	-width: 497.1px;
	text-align: left;
	margin: 0px 6px 0px 3px;
	padding: 10px;
	background-color: #111111;
}

div.espace_pro_partenaires a, div.espace_pro_presentation a {
  text-decoration: none;
  color: #bbbbbb;
  font-weight: bold;
  border-top:3px solid #444444}

div.espace_pro_partenaires a:hover, div.espace_pro_presentation a:hover {
  color: #ffffff;
  border-top:3px solid #f38b00}

iframe.espace_pro_galerie {
   width: 100%;
   height: 550px;
   border: 0px;
   background-color: #111111;
}
/* ---------------------------------------
-- FIN Espace Pro
-- -------------------------------------*/

/* ---------------------------------------
-- Livre OR
-- -------------------------------------*/
div.livre_or {
	width: auto;
	margin: 10px;
}

.livre_or input, .livre_or textarea {
   text-decoration: none;
   height: 25px;
   width: 200px;
   padding-top: 3px;
   padding-left: 6px;
   border: 1px solid #f38b00;
   color: #ffffff;
   background-color: #111111;
}

.livre_or textarea {
   height: 75px;
   width: 400px;
}

div.livre_or_message {
	background-color: #333333;
	float: left;
	width: 100%;
}

div.livre_or_message_pseudo {
	background-color: #222222;
	width: 180.4px;
	height: 60px;
	float: left;
	text-align: left;
	padding-left: 10px;
	padding-top: 10px;
	border-top: 1px solid #333333;
   border-left: 1px solid #333333;
}

div.livre_or_message_message {
	background-color: #111111;
	float: left;
	width: 758.6px;
	height: 60px;
	text-align: left;
	padding-left: 10px;
	padding-top: 10px;
	border-top: 1px solid #333333;
   border-left: 1px solid #333333;
   font: 13px Verdana,Helvetica,Geneva,Arial,Helvetica,sans-serif;
}

.livre_or_ajout_bouton a {
   width: 170px;
   height: 20px;
   font-size: 12px;
   font-weight: bold;
   background-color: #111111;
   color: #ffffff;
   border: 2px outset #f38b00;
   margin-left: auto;
   margin-right: auto;
   margin-top: 15px;
   display: block;
   padding-top: 6px;
   text-decoration: none;
   text-align: center;
}

.livre_or_ajout_bouton input {
   width: 170px;
   height: 35px;
   font-size: 14px;
   font-weight: bold;
   background-color: #111111;
   color: #ffffff;
   border: 2px outset #f38b00;
   margin-left: auto;
   margin-right: auto;
   margin-top: 15px;
   display: block;
   padding-top: 0px;
   text-decoration: none;
   text-align: center;
}

.livre_or a{color:#bbbbbb;border-top:3px solid #444444;text-align:left;text-decoration:none;font-weight:bold;}
.livre_or a:visited{color:#bbbbbb;border-top:3px solid #444444;}
.livre_or a:active{color:#bbbbbb;border-top:3px solid #444444;}
.livre_or a:hover{border-top:3px solid #f38b00;background-color:#111111;color:#ffffff;}

#livre_or_zone_saisie a{color:#bbbbbb;border-top:3px solid #444444;text-align:left;text-decoration:none;font-weight:bold;}
#livre_or_zone_saisie a:visited{color:#bbbbbb;border-top:3px solid #444444;}
#livre_or_zone_saisie a:active{color:#bbbbbb;border-top:3px solid #444444;}
#livre_or_zone_saisie a:hover{border-top:3px solid #f38b00;background-color:#111111;color:#ffffff;}
/* ---------------------------------------
-- FIN Livre OR
-- -------------------------------------*/

/* ---------------------------------------
-- Liens
-- -------------------------------------*/
.liens {
   font-size:12px;
   font-weight:bold;
}

.liens ul {
   list-style-type:square;
   padding:0px;
   width:90%;
}

.liens ul li {
   text-align:left;
   margin-top:20px;
   margin-left: 297px;/*60px;*/
}

.liens ul li a {
   color:#bbbbbb;
   border-top:3px solid #444444;
   text-align:left;
   text-decoration:none;
   font-weight:bold;
}

.liens ul li a:visited {
   color:#bbbbbb;
   border-top:3px solid #444444;
}

.liens ul li a:active {
   color:#bbbbbb;
   border-top:3px solid #444444;
}

.liens ul li a:hover {
   border-top:3px solid #f38b00;
   background-color:#111111;
   color:#ffffff;
}
/* ---------------------------------------
-- FIN Liens
-- -------------------------------------*/

/* ---------------------------------------
-- Footer
-- -------------------------------------*/
#footer {
   clear: both;
   text-align: center;
   padding: 20px;
   height: 110px;
}

#footer a {
  text-decoration:none;
  color: #bbbbbb;
  font-weight: bold;
}

#footer a:hover {
  color: #ffac54;
}
/* ---------------------------------------
-- Fin Footer
-- -------------------------------------*/
