#entete {
	background: #2C2F22;
}

/* Navigation */
#navigation {
	/*background: #181A12;*/
}

/* Contenu principal */
#contenu {
	color: #363B29;
	/*background: white;*/
}

#contenu strong {
	color: #181A12;
}

/* Pied de page */
#pied {
	color: white;
}


/* --- POSITIONNEMENT --- */

/* Page */


/* En-t�te */
#entete {
	padding: 15px 20px 10px 20px;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Menu de navigation */
#navigation {
	padding: 8px 43px;
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation li {
	display: inline; /* -> 3 */
	margin: 0;
	padding: 0;
}

#dernierstravaux {
	position:absolute;
	bottom:166px;
	z-index:10;
}
dernierstravaux ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#dernierstravaux li {
display: inline;
float:left;
	margin: 0;
	padding: 0;
}
#dernierstravaux ul li a {
display:block;
	background: url(../images/fond_numero.png) no-repeat;
	width:64px;
	height:25px;
	text-align:center;
	line-height:25px;
	font-size:10px;
	color:#999;
	text-decoration:none;
}

#dernierstravaux ul li a:hover {
	background: url(../images/fond_numero_survol.gif) no-repeat;
		color:white;
}

/* Contenu */

#contenu p {
margin:0;
padding:0;
font-size: 10px;
	color: #6f7a7f;
	width:702px;
	line-height:14px;
	
}


/* Pied de page */
#pied {
	padding: 15px 20px;
	font-size: .85em;
}
#pied p {
	margin: .5em 0;
}
#pied #copyright {
	float: right;
	margin: .5em 0 30px 10%;
	font-size: 1em;
}


/* --- NOTES ---

1.	Notes que cette couleur de fond n'est apparente qu'en bas de page. Plus
	haut, elle est masque: par la couleur de fond de l'en-t�te, puis par la
	couleur de fond du menu, puis par la couleur de fond du contenu. Seul le
	pied de page laisse apparaitre cette couleur de fond.

2.	Pour ce gabarit, on supprime l'�cart entre les �bords� du navigateur et
	le contenu, en passant le padding de l'�l�ment BODY � z�ro.
	(Voir �galement la note num�ro 2 dans base.css.)

3.	Si les �l�ments de notre menu se placent horizontalement plut�t que les
	uns en dessous des autres, c'est parce qu'ils ne sont plus affich�s
	comme des blocs (ce qui est normalement le cas des �l�ments LI), mais
	comme des �l�ments de type en-ligne. On obtient ce comportement avec la
	propri�t� "display" et la valeur "inline".
	Le fait que nos LI se comportent comme un flot unique de texte aura deux
	cons�quences:
	- on va pouvoir aligner le texte du menu � gauche (c'est le cas ici), �
	  droite ou encore au centre, en jouant sur la propri�t� "text-align" du
	  menu (sur l'�l�ment UL ou sur div#navigation);
	- certains styles ne pourront pas �tre appliqu�s... par exemple, la
	  propri�t� "width" ne peut pas �tre utilis�e pour les �l�ments en
	  "display: inline".

*/

a.contactezmoi {
	color: white;
	padding-left:14px;
	background: url(../images/contact-webdesigner.gif) top left no-repeat;
}
a:hover.contactezmoi {
color: #e12268;
	
	text-decoration:none;
}


#logo{ 
  position:absolute; 
  right:19px;
  top:53px;
 	background: url(../images/logo-webdesigner.gif);
	width:702px;
	height:88px;
}

#infos{ 
  position:absolute; 
  left:43px;
  bottom:40px;
	font-size:10px;
	color:#fff;
}

img{ 
border:0;
}

a.pdf{ 
display:block;
width: 120px;
height:24px;
background: url(../images/portfolio-pdf.gif) top center no-repeat;
margin:0;
}
a:hover.pdf{ 
display:block;
width: 120px;
height:24px;
background: url(../images/portfolio-pdf-survol.gif) top center no-repeat;
margin:0;
}

a.liendt{ 
display:block;
width: 67px;
height:16px;
background: url(../images/lienaccueil01.gif) top center no-repeat;
margin:0;
}
a:hover.liendt{ 
display:block;
width: 67px;
height:16px;
background: url(../images/lienaccueil01s.gif) top center no-repeat;
margin:0;
}
a.lienp{ 
display:block;
width: 56px;
height:16px;
background: url(../images/lienaccueil02.gif) top center no-repeat;
margin:0;
}
a:hover.lienp{ 
display:block;
width: 56px;
height:16px;
background: url(../images/lienaccueil02s.gif) top center no-repeat;
margin:0;
}

a.liendt2{ 
width: 71px;
height:15px;
background: url(../images/lientravaux.gif) top center no-repeat;
margin:0;
padding:0;
}
a:hover.liendt2{ 
width: 71px;
height:15px;
background: url(../images/lientravauxs.gif) top center no-repeat;
margin:0;
padding:0;
}
a.lienp2{ 
width: 57px;
height:15px;
background: url(../images/lienprofil.gif) top center no-repeat;
margin:0;
padding:0;
}
a:hover.lienp2{ 
width: 57px;
height:15px;
background: url(../images/lienprofils.gif) top center no-repeat;
margin:0;
padding:0;
}

a.liendton2{ 
width: 71px;
height:15px;
background: url(../images/lientravauxs.gif) top center no-repeat;
margin:0;
padding:0;
}
a:hover.liendton2{ 
width: 71px;
height:15px;
background: url(../images/lientravauxs.gif) top center no-repeat;
margin:0;
padding:0;
}
a.lienpon2{ 
width: 57px;
height:15px;
background: url(../images/lienprofils.gif) top center no-repeat;
margin:0;
padding:0;
}
a:hover.lienpon2{ 
width: 57px;
height:15px;
background: url(../images/lienprofils.gif) top center no-repeat;
margin:0;
padding:0;
}

a.liendtt2{ 
width: 46px;
height:15px;
background: url(../images/sousmenu01.gif) top center no-repeat;
margin:0;
padding:0;
}
a:hover.liendtt2{ 
width: 46px;
height:15px;
background: url(../images/sousmenu01s.gif) top center no-repeat;
margin:0;
padding:0;
}

a.liendtton2{ 
width: 46px;
height:15px;
background: url(../images/sousmenu01s.gif) top center no-repeat;
margin:0;
padding:0;
}
a:hover.liendtton2{ 
width: 46px;
height:15px;
background: url(../images/sousmenu01s.gif) top center no-repeat;
margin:0;
padding:0;
}

a.liendtt3{ 
width: 95px;
height:15px;
background: url(../images/sousmenu02.gif) top center no-repeat;
margin:0;
padding:0;
}
a:hover.liendtt3{ 
background: url(../images/sousmenu02s.gif) top center no-repeat;
margin:0;
padding:0;
}

a.liendtton3{ 
width: 95px;
height:15px;
background: url(../images/sousmenu02s.gif) top center no-repeat;
margin:0;
padding:0;
}
a:hover.liendtton3{ 
background: url(../images/sousmenu02s.gif) top center no-repeat;
margin:0;
padding:0;
}

a.liendtt4{ 
width: 61px;
height:15px;
background: url(../images/sousmenu03.gif) top center no-repeat;
margin:0;
padding:0;
}
a:hover.liendtt4{ 
width:61px;
height:15px;
background: url(../images/sousmenu03s.gif) top center no-repeat;
margin:0;
padding:0;
}

a.liendtton4{ 
width: 61px;
height:15px;
background: url(../images/sousmenu03s.gif) top center no-repeat;
margin:0;
padding:0;
}
a:hover.liendtton4{ 
width: 61px;
height:15px;
background: url(../images/sousmenu03s.gif) top center no-repeat;
margin:0;
padding:0;
}

a.liendtt5{ 
width: 51px;
height:15px;
background: url(../images/sousmenu04.gif) top center no-repeat;
margin:0;
padding:0;
}
a:hover.liendtt5{ 
width:51px;
height:15px;
background: url(../images/sousmenu04s.gif) top center no-repeat;
margin:0;
padding:0;
}

a.liendtton5{ 
width: 51px;
height:15px;
background: url(../images/sousmenu04s.gif) top center no-repeat;
margin:0;
padding:0;
}
a:hover.liendtton5{ 
width: 51px;
height:15px;
background: url(../images/sousmenu04s.gif) top center no-repeat;
margin:0;
padding:0;
}


a.liendtt6{ 
width: 33px;
height:15px;
background: url(../images/sousmenu05.gif) top center no-repeat;
margin:0;
padding:0;
}
a:hover.liendtt6{ 
width:33px;
height:15px;
background: url(../images/sousmenu05s.gif) top center no-repeat;
margin:0;
padding:0;
}

a.liendtton6{ 
width: 33px;
height:15px;
background: url(../images/sousmenu05s.gif) top center no-repeat;
margin:0;
padding:0;
}
a:hover.liendtton6{ 
width: 33px;
height:15px;
background: url(../images/sousmenu05s.gif) top center no-repeat;
margin:0;
padding:0;
}

.cache{ 
display:none;
}


.stepcarousel{
position: relative; /*leave this value alone*/
border: 0;

overflow: scroll; /*leave this value alone*/
width: 702px; /*Width of Carousel Viewer itself*/
height: 155px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
/*width: 200px;*/ /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

height:155px;

}

.nouveau{
position:absolute;
left:0;
top:0;
z-index:150;
}


/*a#afd{ 
  background: url(../images/icone_afd.png) bottom center no-repeat;
  float:left;
  width:32px;
  height:31px;
}

a:hover#afd{ 
  background: url(../images/icone_afd_survol.png) bottom center no-repeat;
}

a#mg{ 
  background: url(../images/icone_mg.png) bottom center no-repeat;
  float:left;
  width:32px;
  height:31px;
}

a:hover#mg{ 
  background: url(../images/icone_mg_survol.png) bottom center no-repeat;
}
*/

#deroulantdroit {
height: 140px;
overflow: auto;
}

.scrollgeneric {

line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {

width: 9px;
background-color: #eee;
}
.vscrollerbar {
width: 9px;
background-color: #004964;
background: url(../images/fondscroll.gif) no-repeat;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}