/*************************************************************************
/                                                                        /
/                       wWWWW     wMMMM     mMMMM                        /
/              WWWWW   wwwWWWW   wwwMMMM   mmmMMMM                       /
/                WWWWwwww  WWWWwwww  MMMMMmmm  MMMM                      /
/                 WWWWww    WWWWww    MMMMmm    MMMMM                    /
/                  WWWw      WWWw      MMMm                              /
/                                                                        /
/                     http://www.webmister.fr                            /
/________________________________________________________________________/
/------------------------------------------------------------------------/
/                                                                        /
/  Powered by CMS-WEBMISTER V3                                           /
/  Demonstration @ http://www.webmister.fr/site/                         /
/                                                                        /
/  Copyright 2009 by Lilian Thomas.                                      /
/  Visitez http://www.webmister.fr                                       /
/  Mise à jour: 2009, by Lilian THOMAS 4 webmister.fr.                   /
/                                                                        /
/  Copyright include basic HTML tags, all script: PHP, JavaScript & CSS  /
/  including links and images.                                           / 
/                                                                        /
**************************************************************************

/* Commun 
 @font-face {
        font-family: "Minion pro";
        src: url("http://www.aldenteparis.com/aldente/lib/minion.otf")
      }
*/
*, p, div{ margin: 0;padding: 0;}

body{min-width:780px;
font-family: Arial, sans-serif;
font-size:0.9em;
color: #333;
letter-spacing:0.006em;
word-spacing:0.1em;
background-image:url(icono/fond-logo.gif);

background-attachment:fixed;}
img{border:0px;}
.hide{visibility:hidden;}
a{text-decoration:none;}
.left{float:left;}
.right{float:right;}
#macie{display:none;}
/ Montre  IE-Mac \*/ #macie{
position: absolute;
display: block;
width:100%;
text-align:center;
z-index:2;
background-color:#FFFFFF;
color:#CC0000;
padding:10px;
}

/* SITE */
#haut{min-width:780px;
z-index:1;
position:absolute;
width:100%;
top:-7px;
left:0;
height:161px;
}
body>div#haut {
	position:fixed;
}
#titre{
margin:0 auto;
height:161px;
}


div#contenu {

	font-size:0.8em;
visibility:hidden;
position:relative;
z-index:0;
padding:160px 0px 30px 0px;
margin:0px 100px 90px 272px;
background:#fdfdfd;
background-image:url(icono/fond-rub.jpg);
background-repeat:no-repeat;
background-position:bottom;
min-height:350px;
min-width:430px;
max-width:643px;

}
/* set left margin for modern browsers 
body>div#contenu {
	margin:0px 100px 90px 272px;
}
*/
#texte{
padding:0 15px;
}
#texte a, strong{
color:#d2021a;
font-weight:bold;
}
.cv{
height:550px;
}
.portfolio{
height:410px;
}
#mil{position:relative;
z-index:10;
height:161px;
margin:0 46px 0 252px  ;
background-image:url(icono/fond-haut-m.png);
}
#navcontainer {
z-index:10;
margin:0 41px;
height:19px;
position:absolute;
top:121px;
*top:122px;
background:#fff;
}
#navcontainer ul li{
height:16px;
float:left;
font-weight:bold;
position:relative;
background-image:url(icono/nav-.gif);
margin:0 1px;
padding:1.5px 23px;
list-style:none;
}
#navcontainer ul li:hover a {
color:#fff;
}
.actif {
color:#fff;
}
#navcontainer ul li:hover ,
#navcontainer ul li.actif {
background-image:url(icono/nav-actif.gif);
color:#fff;
}
li a{
color:#444;
}
div#bas {
min-width:780px;
width:100%;
position:absolute;
bottom:0;
left:0;
height:50px;
}
#retour{
right:-7px;
top:121px;
position :absolute;
}
body>div#bas {
position:fixed;
}
#bas{

width:100%;
position:absolute;
bottom:0px;
}
#milbas{
text-align:center;
font-size:0.8em;
color:#d2021a;
padding:25px 0;
background-image:url(icono/fond-bas-m.png);
margin:0 46px;
height:50px;
}

/* sous-menu niveau 1*/
#navcontainer ul li ul {

background-color:#ccc;
display:none;
position:absolute;
border:1px solid #fff;
border-top:2px solid #fff;
left:-1px;
top:19px;
*top:18px;
width:100%;
}
#navcontainer ul li ul li {
background-image:none;
padding:0px;
width:99%;
height:100%;
border-bottom:1px solid #f0f0f0;
} 
#navcontainer ul li ul li a {
padding:1px 7px 1px 17px;
font-size:11px;
font-weight:bold;
display:block;
height:100%;
border-top:1px solid #ccc;
}
/*au passage de la souris on inverse les couleurs de la case*/
#navcontainer ul li ul li a:hover ,#navcontainer ul li ul li ul li a:hover{
color:#fff;
background:#999;
}
/*décalage des sous-menu niveau 2 vers la droite*/
#navcontainer ul li ul li ul {
border-left:1px solid #ddd;
top:-2px;
left:127px;
}
/*sous-menu niveau 2 le plus à droite vers la gauche !! ;o)*/
#navcontainer ul li ul li ul.dernier {
left:-127px;
}
#accordion {
z-index:10;
position:relative;	
}
h3.toggler{
padding:1px 4px;
color:#d2021a;
cursor:pointer;
background:#f6f6f6;
border-top:1px solid #ddd;
border-bottom:1px dotted #eee;

}
.element{padding:0px 5px ;}
input, textarea{
border: 1px solid #999;
}
textarea{height:50px; width:100%;}