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

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

::-moz-selection{ background: #ff0300; color:#fff; text-shadow: none; }
::selection { background: #ff0300; color:#fff; text-shadow: none; }


@font-face {
    font-family: 'TradeGothicRegular';
    src: url('http://www.polymago.fr/fonts/tradegot-webfont.eot');
    src: url('http://www.polymago.fr/fonts/tradegot-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.polymago.fr/fonts/tradegot-webfont.woff') format('woff'),
         url('http://www.polymago.fr/fonts/tradegot-webfont.ttf') format('truetype'),
         url('http://www.polymago.fr/fonts/tradegot-webfont.svg#TradeGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


#accueil {
     background: url(./images/accueil.gif) no-repeat;
	 position:absolute;
     left: 50%; 
     top: 50%;
     width: 800px;
     height: 600px;
     margin-top: -300px; /* moitie de la hauteur */
     margin-left: -400px; /* moitie de la largeur */
     border: none;
}

#accueil25 {
	 position:absolute;
     left: 50%; 
     top: 50%;
     width: 640px;
     height: 400px;
     margin-top: -320px; /* moitie de la hauteur */
     margin-left: -320px; /* moitie de la largeur */
     border: none;
}


#contact {
	height: 110px;
	width: 200px;
	position: absolute;
	float: right;
	valign: bottom;
	bottom: 20px;
	right: 20px;
	border: none;
}

#contact25 {
	height: 110px;
	width: 350px;
	position: absolute;
	float: right;
	valign: bottom;
	bottom: 30px;
	right: -60px;
	border: none;
}

#menu{
	 background-color:#000000;
	 margin-top: 20px;
     margin-right: auto;
     margin-left: auto;
	 width: 640px;
	 height: 60px;
     border: none;
}
#menu-logo{
	background: url(./images/_interface/oeil.gif) no-repeat 0px 0px;
	height: 30px;
	width: 152px ;
	position: absolute;
	margin-left: 20px;
	margin-top: 15px;
	border: none;
}
#menu-atelier {
	position: absolute;
	margin-top: 8px;
	margin-left: 301px;
	height: 50px;
	width: 74px ;
	background: url(./images/_interface/menu-atelier.gif) no-repeat 0px 0 ; /* image 0px du bord gauche et 0px du bord haut */
	border: none;
}
#menu-atelier:hover {
	position: absolute;
	margin-left: 301px;
	margin-top: 8px;
	height: 50px;
	width: 74px ;
	background: url(./images/_interface/menu-atelier.gif) no-repeat 0px -50px ; /* Decalage de l'image de -50px vers le haut pour laisser apparaitre la 2eme image */
	border: none;
}
#menu-reperes {
	position: absolute;
	margin-left: 375px;
	margin-top: 8px;
	position: absolute;
	height: 50px;
	width: 77px ;
	background: url(./images/_interface/menu-reperes.gif) no-repeat 0px 0 ; /* image 0px du bord gauche et 0px du bord haut */
	border: none;
}
#menu-reperes:hover {
	position: absolute;
	margin-left: 375px;
	margin-top: 8px;
	height: 50px;
	width: 77px ;
	background: url(./images/_interface/menu-reperes.gif) no-repeat 0px -50px ; /* Decalage de l'image de -50px vers le haut pour laisser apparaitre la 2eme image */
	border: none;
}
#menu-en_cours {
	position: absolute;
	margin-left: 452px;
	margin-top: 8px;
	position: absolute;
	height: 50px;
	width: 89px ;
	background: url(./images/_interface/menu-en_cours.gif) no-repeat 0px 0 ; /* image 0px du bord gauche et 0px du bord haut */
	border: none;
}
#menu-en_cours:hover {
	position: absolute;
	margin-left: 452px;
	margin-top: 8px;
	height: 50px;
	width: 89px ;
	background: url(./images/_interface/menu-en_cours.gif) no-repeat 0px -50px ; /* Decalage de l'image de -50px vers le haut pour laisser apparaitre la 2eme image */
	border: none;
}
#menu-regards {
	position: absolute;
	margin-left: 541px;
	margin-top: 8px;
	position: absolute;
	height: 50px;
	width: 79px ;
	background: url(./images/_interface/menu-regards.gif) no-repeat 0px 0 ; /* image 0px du bord gauche et 0px du bord haut */
	border: none;
}
#menu-regards:hover {
	position: absolute;
	margin-left: 541px;
	margin-top: 8px;
	height: 50px;
	width: 79px ;
	background: url(./images/_interface/menu-regards.gif) no-repeat 0px -50px ; /* Decalage de l'image de -50px vers le haut pour laisser apparaitre la 2eme image */
	border: none;
}


#regards-menu{
	 background-color:#cccccc;
	 margin-top: 20px;
     margin-right: auto;
     margin-left: auto;
	 width: 640px;
	 height: 60px;
     border: none;
}
#regards-menu-logo{
	background: url(./images/_interface/regards-oeil.gif) no-repeat 0px 0px;
	height: 30px;
	width: 152px ;
	position: absolute;
	margin-left: 20px;
	margin-top: 15px;
	border: none;
}
#regards-menu-atelier {
	position: absolute;
	margin-top: 8px;
	margin-left: 301px;
	height: 50px;
	width: 74px ;
	background: url(./images/_interface/regards-menu-atelier.gif) no-repeat 0px 0 ; /* image 0px du bord gauche et 0px du bord haut */
	border: none;
}
#regards-menu-atelier:hover {
	position: absolute;
	margin-left: 301px;
	margin-top: 8px;
	height: 50px;
	width: 74px ;
	background: url(./images/_interface/regards-menu-atelier.gif) no-repeat 0px -50px ; /* Decalage de l'image de -50px vers le haut pour laisser apparaitre la 2eme image */
	border: none;
}
#regards-menu-reperes {
	position: absolute;
	margin-left: 375px;
	margin-top: 8px;
	position: absolute;
	height: 50px;
	width: 77px ;
	background: url(./images/_interface/regards-menu-reperes.gif) no-repeat 0px 0 ; /* image 0px du bord gauche et 0px du bord haut */
	border: none;
}
#regards-menu-reperes:hover {
	position: absolute;
	margin-left: 375px;
	margin-top: 8px;
	height: 50px;
	width: 77px ;
	background: url(./images/_interface/regards-menu-reperes.gif) no-repeat 0px -50px ; /* Decalage de l'image de -50px vers le haut pour laisser apparaitre la 2eme image */
	border: none;
}
#regards-menu-en_cours {
	position: absolute;
	margin-left: 452px;
	margin-top: 8px;
	position: absolute;
	height: 50px;
	width: 89px ;
	background: url(./images/_interface/regards-menu-en_cours.gif) no-repeat 0px 0 ; /* image 0px du bord gauche et 0px du bord haut */
	border: none;
}
#regards-menu-en_cours:hover {
	position: absolute;
	margin-left: 452px;
	margin-top: 8px;
	height: 50px;
	width: 89px ;
	background: url(./images/_interface/regards-menu-en_cours.gif) no-repeat 0px -50px ; /* Decalage de l'image de -50px vers le haut pour laisser apparaitre la 2eme image */
	border: none;
}



#global {
     margin-top: 35px;
     margin-right: auto;
     margin-left: auto;
	 width: 600px;
	 z-index: 50;
     border: none;
}

#global-regards {
     position: relative;
     background-color: #000000;
     margin-top: 35px;
     margin-right: auto;
     margin-left: auto;
	 width: 640px;
	 z-index: 50;
     border: none;
}

.projet a:hover {
	color: white;
	font-family: 'TradeGothicRegular', Helvetica, Verdana, Arial, sans-serif;
	text-align:justify;
	border-style: none;
		text-decoration: none;
	     -moz-transition: all 0.3s ease-out;  
      	 -o-transition: all 0.3s ease-out;  
  		 -webkit-transition: all 0.3s ease-out;  
         transition: all 0.3s ease-out;  
}
.projet a {
	color: grey;
	font-family: 'TradeGothicRegular', Helvetica, Verdana, Arial, sans-serif;
	text-align:justify;
	border-style: none;
	text-decoration: none ;
}
.projet {
	color: grey;
	font-family: 'TradeGothicRegular', Helvetica, Verdana, Arial, sans-serif;
	text-align:justify;
	line-height: 18px;
	font-size: 10pt;
	color: white;
	letter-spacing: 1px;
}


.atelier {
	font-family: 'TradeGothicRegular', Helvetica, Verdana, Arial, sans-serif;
	text-align:justify;
	line-height: 25px;
	font-size: 10pt;
	color: white;
	letter-spacing: 1px;
}
.atelier-texte {
	font-family: 'TradeGothicRegular', Helvetica, Verdana, Arial, sans-serif;
	text-align:justify;
	line-height: 18px;
	font-size: 10pt;
	color: white;
	letter-spacing: 1px;
}

.galerie {
	 width: 610px;
     margin-top: 0px;
     margin-left: 0px;
	 border: none;
	 overflow: hidden;
}


.presentation {
	 width: 610px;
	 height: 600px;
     margin-top: 0px;
     margin-left: 0px;
	 border: none;
	 overflow: hidden;
}

#numero {
	font-size: 9pt;
	letter-spacing: 1px;
	color: white;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-align: center;
	border-style: none;
}
#numero a {
	color: grey;
	font-family: 'TradeGothicRegular', Helvetica, Verdana, Arial, sans-serif;
	border-style: none;
	text-decoration: none ;
}
#numero a:hover {
	color: white;
	font-family: 'TradeGothicRegular', Helvetica, Verdana, Arial, sans-serif;
	border-style: none;
	
}

.liens a:hover {
	color: white;
	font-family: 'TradeGothicRegular', Helvetica, Verdana, Arial, sans-serif;
	text-align:left;
	border-style: none;
		text-decoration: none;
	     -moz-transition: all 0.3s ease-out;  
      	 -o-transition: all 0.3s ease-out;  
  		 -webkit-transition: all 0.3s ease-out;  
         transition: all 0.3s ease-out;  
}
.liens a {
	color: red;
	font-family: 'TradeGothicRegular', Helvetica, Verdana, Arial, sans-serif;
	text-align:left;
	border-style: none;
	text-decoration: none ;
}
.liens {
	color: grey;
	font-family: 'TradeGothicRegular', Helvetica, Verdana, Arial, sans-serif;
	text-align:left;
	line-height: 18px;
	font-size: 8pt;
	letter-spacing: 2px;
}