/*COULEURS
gris clair #E0E0E0
gris foncé #333
dégradé de rouge :
#7D0024
#BE0035
#EF0043
#F31D82
*/

/*ESTHETIC*/
body {font-family:verdana;font-size:0.6em;color:#333}
h1 {font-size:1em;color:#333}
.right {float:right;margin:10px 0 0 0;font-size:0.9em}
.it {font-family:Times;font-size:1.1em;font-style:italic}
a:link {text-decoration:none;font-weight:600;color:#333}
a:visited {text-decoration:none;color:#333}
a:hover {text-decoration:none;color:#333}
a:active {text-decoration:none;color:#333}
.alert {color:#BE0035}

#sousmenu a, #sousmenu a:visited {color:#333;font-weight:600;text-decoration:none} 
#sousmenu a:hover {color:#BE0035}
#sousmenu a.current {color:#BE0035}

/*POSITIONNING*/
body {margin:0;padding:0}									

#container {
background-color:#E0E0E0;
width:800px;
height:auto;
margin:0 auto;
}
/*en-tête*/
#header {
height:85px;
}
#date	{
padding:0;
margin-left:20px;
}
#logo	{
float:left;
padding:20px 0 0 20px;
margin:0;
}
#navigation	{
float:left;
padding:0;
margin:40px 0 0 31px;
}
#menu {
list-style:none;
margin:0;
padding:0;
}
#menu li {
float:left;
width:68px;/*détermine la largeur de l'onglet*/
border:1px solid #BE0035;
margin-right:15px;/*détermine l'espace entre 2 onglets*/
}
#menu li a {
display:block;
font-weight:600;
background:#E0E0E0;
line-height:0.9em;/*détermine la hauteur de l'onglet*/
padding:2px 0;/*détermine l'espace entre le texte et le bord supérieur de l'onglet*/
text-align:center;
text-decoration:none;
}
#menu li a:hover {
color:#E0E0E0;
text-decoration:none;
}
#menu li a:hover.po {
background:#7D0024;
}
#menu li a:hover.sb {
background:#BE0035;
}
#menu li a:hover.ct {
background:#EF0043;
}
#menu li a:hover.ne {
background:#F31D82;
}
#sa {
float:right;
padding:20px 20px 0 0;
margin:0;
}
/*blocs*/
.rubrique {
width:800px;
margin-bottom:10px;
background-color:#E0E0E0;
}
.titre {
width:800px;
height:25px;
margin:0;
background-color:#E0E0E0;
}
.titre img {
float:left;
padding-left:84px;
}
#cadre {
width:800px;
height:200px;
background-color:#CCC;
}
/*bloc PORTFOLIO*/
#sousmenu {
float:right;
width:460px;
padding-top:4px;
}
#sousmenu ul {
margin:0;
padding-right:20px
}
#sousmenu li {
float:right;
width:100px;
height:20px;
display:inline;
background:url(images/onglet.gif) no-repeat top center;
font-size:0.9em;
text-align:center;
line-height:2.5em;
}
#textportfolio	{
float:left;
width:220px;
padding:20px 0 0 20px;
}   
#fenetre	{
float:left;
width:559px;/*largeur fixe*/
height:200px;/*hauteur fixe*/
padding:0;
overflow:auto;
}
/*COULEURS
gris clair #E0E0E0
gris foncé #333
rouge #BE0035
*/
#galerieportfolio {
width:6000px;
padding:30px 0 0 30px;
}
.zoomportfolio	{
float:left;
width:auto;
margin-right:30px;
}
.zoomportfolio img {
float:left;
margin-right:20px;
border-style:none;
}
.intitule {
float:left;
margin-right:20px;
}
.intitule ul {
list-style-type:square;
}
/*bloc INTERNET*/
#internet {/*valeurs=cadre+fenêtre PORTFOLIO + overflow*/
width:800px;
height:290px;
padding:0;
overflow:auto;
background-color:#CCC;
}
#galerieweb {
width:4000px;
padding:14px 0 0 30px;
}
.zoomweb	{
float:left;
margin:0 40px 0 0;
}
.nom {
width:160px;
height:5em;
margin:0;
padding-top:5px;
text-align:center;
}
.ecran img {
border-style:none;
padding-bottom:10px;
}
.libelle	{
width:160px;
height:auto;
font-family:Times;
color:#333;
font-size:1.1em;
font-style:italic;
margin:0;
padding:0;
}
.libelle ul	{
list-style-type:square;
}
.libelle a	{
font-weight:300;
color:black;
}
/*bloc CONTACT*/  
#contact {
height:210px;
padding-top:20px;
background-color:#CCC;
}
#textcontact {
float:left;
width:240px;
padding:0 0 0 20px;
}
.formulaire {
float:right;
width:400px;
margin-right:20px;
padding:10px 0 0 5px;
}
.ok {
float:right;
margin-top:10px;
font-size:1em;
}
#ct {
height:50px;
width:360px;
}
/*bloc NOTA BENE*/  
#notabene {
height:140px;
padding-top:20px;
background-color:#CCC;
}
.left {
float:left;
padding-left:20px;
}
.right{
float:right;
margin-right:20px;
text-align:right;
}
.right img  {
border-style:none;
}