@charset "utf-8";
/* Amélioration de l'affichage de base :*/
img {border:0;} a {text-decoration:none;}
a:hover {text-decoration:underline;}
a:focus {outline:none; border:none;}
/* Définition du Style du lien Copyright :*/
#Bottom {margin-top:10px;}
#Bottom h3, #Bottom a {text-align:center; font-size:9pt; color:#000; text-decoration:none; margin:0; display:block;}
#Bottom a:hover {text-decoration:underline;}
#xiti_stats {float:right; position:relative; top:-10px; left:-8px;}
#index h1 {font-family:"comic Sans MS", "Purisa"; font-size:26pt;}
.Texte {font-family:Arial, Salem; font-size:14px;}
.Table_principale {text-align:left; margin-left:auto; margin-right:auto; width:800px; border-collapse:collapse;}
.Fond_Page {color:#FF0000; background-color:#E5E5E5;}
.preload, #Type {display:none !important;}
#redir #info {vertical-align:middle; text-align:center; background-color:#FFC; border:1px solid #000; font-family:Arial, Salem; font-size:14px; padding:20px;}
#Principal {background-color:#FFC; border:1px solid #000; vertical-align:top; text-align:center; font-family:Arial, Salem; font-size:14px;}
.Table_principale * {padding:0;}

/* ACCUEIL */
#diapo_table {width:100%;}
#diapo_table #td1 {width:55%; padding-left:35px; text-align:right; height:520px;}
#diapo_table #td2 {width:45%;}
h2 {font-size:15px; font-weight:bold;}
#index #td2 a {font-size:15px; color:#000; font-family:"comic Sans MS", "Purisa";}
#index span {font-size:12px;}
#index #plan {color:#000; font-style:italic; font-family:Arial, Salem; font-size:12px;}
#index #diapo {height:516px;}

/* LEGALE */
#legale a.lien {color:#000;}
#legale #Principal {padding-left:50px; padding-right:50px; padding-bottom:50px;}
#legale h2 {font-family:"comic Sans MS","Purisa"; font-size:24px;}

/* PLAN */
#plan_site a.lien {color:#FF0000; font-size:13px; text-decoration:none; font-family:Arial, Salem;}
#plan_site a:hover.lien {text-decoration:underline;}
#plan_site h2 {font-size:18px;}
/* PLAN GRAND */
#plan_grand .Table_principale {text-align:center; margin-left:0px; margin-right:0px; position:absolute; left:0px; top:0px; border-collapse:collapse; width:100%; height:100%;}
.Plan_Grand_Titre {border:0px; height:24px; background-color:#ff9431; border-bottom:1px solid #000; cursor:pointer;}
.Plan_Grand_Principale {height:100%; border:0px;}
a.Plan_Grand_Titre_Lien {color:#000; font-size:12px; font-weight:bold; text-decoration:none; font-family:"comic Sans MS", "Purisa";}
a:hover.Plan_Grand_Titre_Lien {color:#1948c1;}
#Plan_Google {border:0px; height:100%; width:100%;}

/* REALISATIONS GENERALE */
.Menu { font-family: Arial, Salem; border-collapse: collapse; text-align: center; width: 80px; height: 80px; }
#Cellule_Galerie, #Titre, #Menu_Gauche, #Table {border-collapse:collapse; font-family:Arial, Salem; text-align:center; vertical-align:top;}
#Menu_Gauche {text-align:left; border:1px solid #000; height:496px; width:156px;}
#Cellule_Galerie {border:1px solid #000; border-right:0; width:644px;}
#Titre {height:70px; font-weight:bold; font-size:22pt; vertical-align:middle;}
#Table {border:0; border-right:1px solid #000;}
#Table, #Galerie, #nav, #diapo, #diapo div {text-align:center; width:100%;}
#Galerie {padding-bottom:15px;}
#nav {padding-bottom:15px; padding-top:5px;}
#diapo {height:500px;}
#diapo div, #diapo div table {width:100%; height:100%; cursor:pointer;}
#nav a {margin:0 2px; padding:3px 5px; opacity:0.5; cursor:pointer;}
#nav a.activeSlide, #nav a:hover {opacity:1;}
/* CLASSIQUE --------------------------------------------- */
body#classique 	#Menu_Gauche {background-color:#C38D60;}
body#classique 	#Menu_Gauche a {color:#000;}
body#classique 	#Cellule_Galerie {background-color:#900;}
body#classique 	#Titre {color:#DAB30A;}
body#classique #diapo {height:630px;}
/* MODERNE ----------------------------------------------- */
body#moderne 	#Menu_Gauche {background-color:#A2AD9B;}
body#moderne 	#Menu_Gauche a {color:#000;}
body#moderne 	#Cellule_Galerie {background-color:#61665C;}
body#moderne 	#Titre {color:#000;}
body#moderne #diapo {height:630px;}
/* CREATIONS --------------------------------------------- */
body#creations 	#Menu_Gauche {background-color:#979798;}
body#creations 	#Menu_Gauche a {color:#36394B;}
body#creations 	#Cellule_Galerie {background-color:#6D6464;}
body#creations 	#Titre {color:#36394B;}
/* SOCLAGE ----------------------------------------------- */
body#soclage 	#Menu_Gauche {background-color:#979798;}
body#soclage 	#Menu_Gauche a {color:#36394B;}
body#soclage 	#Cellule_Galerie {background-color:#6D6464;}
body#soclage 	#Titre {color:#36394B;}
/* Collaboration ----------------------------------------- */
body#pro 		#Cellule_Galerie {background-color:#979798;}
body#pro	 	#Titre {color:#000;}
body#pro #Cellule_Galerie{width:100%;}
body#pro #diapo {height:560px;}

/* VIDEO */
#video a.lien {font-family:Arial, Salem; font-size:14px; cursor:pointer; color:#000;}
#video #Menu {vertical-align:top; text-align:left; height:601px; border:1px solid #000; background-color:#E97022; width:156px;}
#Contenu_video {border:1px solid #000; background-color:#F7CAAD; width:644px; height:600px; text-align:	center; vertical-align:middle;}
#video #Contenu_video table {width:100%;}
#video #Contenu_video table td {text-align:center;}
#video #Contenu_video table td h3 {color:#000; font-family:Arial, Salem; font-weight:500; text-decoration:underline;}
#video #Contenu_video table td a {font-size:12px;}

/* PRESSE */
#presse a.lien {font-family:Arial, Salem; font-size:14px; cursor:pointer; color:#000;}
#presse #Menu {vertical-align:top; text-align:left; height:601px; border:1px solid #000; background-color:#E97022; width:156px;}
#Contenu_Presse {border:1px solid #000; background-color:#F7CAAD; width:644px; height:600px; text-align:	center; vertical-align:middle;}
#presse #table_presse center table {width:630px;}
#presse #table_presse center table td {text-align:center;}
#presse #table_presse center table td h3{color:#000; font-family:Arial, Salem; font-weight:500;}
#presse #table_presse center table td a {font-size:12px;}

/* PRESSE_GRAND ------------------------------------------- */
#presse_grand {background-color:#CCCCCC;}
#presse_grand img.Image {border-width:0px;}
/* Définition du Style des liens normaux */
#presse_grand table {width:100%;}
#presse_grand td {text-align:center; color:#000;}
#presse_grand a.lien {color:#000; text-decoration:none; font-size:10pt; font-family:Arial, Salem;}
#presse_grand a:hover.lien {text-decoration:underline;}

/* SITUATION */
#situation #Menu {font-family:"comic Sans MS", "Purisa"; background-color:rgb(255, 148, 49); border-left:1px solid #000; border-bottom:1px solid #000; vertical-align:top; height:611px; width:156px;}
#situation #Menu table {width:100%; text-align:center;}
#situation #Menu h2 {font-size:24px; font-weight:700;}
#situation #Menu #Gauche_Info {color:#1948C1; font-size:13px;}
#situation #Menu a {font-size:12px; color:#1948C1; text-decoration:none;}
#situation #Menu a:hover {text-decoration:underline; cursor:pointer;}
#situation #Menu #Gauche_Info a {font-weight:700; font-size:14px;}
#situation #plan iframe {height:649px; width:100%;}
#situation #blanc_1 {vertical-align:top; height:115px;}
#Partenaires {color:#1948C1; text-decoration:underline; font-weight:700; font-size:14px;}
#situation #Content {background-color:#5FA062; border:1px solid #000; width:644px; height:611px; vertical-align:middle; text-align:center; background-image:url(../situation/grenoble-atelier-sur-mesure.jpg); background-repeat:no-repeat; background-position:center center;}

/* MENU DEROULANT :*/	  
.Menu_Haut_Image {border:1px solid #000; height:215px; cursor:pointer; background-image:url(atelier-sur-mesure-encadreur-grenoble.jpg);}
.Menu_Haut_Liens {border:1px solid #000; border-top:0;}
#menu {width:100%; display:block; margin:0; padding-top:7px; padding-bottom:7px; height:20px; font-size:16px; font-family:Arial, Salem; background-color:#CC0000; z-index:10000; text-align:center;}
#menu div {float:left;}
#menu div.bord {width:65px;}
#menu div.bord, #menu div.bimg {border:1px solid transparent; height:20px;}
#menu div.bimg {width:69px; background-position:center center; background-repeat:no-repeat;}
#menu #Case_1, #menu #Case_5 {background-image:url(sur-mesure.gif);}
#menu #Case_2, #menu #Case_4 {background-image:url(grenoble.gif);}
#menu #Case_3 {background-image:url(encadrement.gif);}
#menu div ul {position:absolute; background-color:#CC0000; line-height:30px; border:2px solid #000; border-top:2px solid #000; white-space:nowrap; width:150px; text-align:left; z-index:10000; margin:3px 0 0 0;}
#menu ul, #menu li {margin:0; padding:0; list-style-type:none;}
#menu ul li {padding:0 5px; font-size:13px;}
#menu div a, #menu ul li a {color:#FFFFCC; text-decoration:none;}
#menu div a:hover, #menu ul li a:hover {color:#000;}

/*
largeur*hauteur
600x550
60x60
30x30
*/