/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 18, 2010 06:58:16 PM America/New_York */
/*
@font-face {
	font-family: 'HarabaraHandItalic';
	src: url('../css/HarabaraHand-webfont.eot');
	src: local('☺'), url('../css/HarabaraHand-webfont.woff') format('woff'), url('../css/HarabaraHand-webfont.ttf') format('truetype'), url('../css/HarabaraHand-webfont.svg#webfontGZBwLkjV') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: "Monotype Corsiva";
	src: url('MTCORSVA.eot?#iefix');
	src: local('☺'),
	url('MTCORSVA.woff') format('woff'),
	url('MTCORSVA.ttf') format('truetype'),
	url('MTCORSVA.svg#') format('svg');
	font-weight: normal;
	font-style: normal; 
}


body 
{
	margin:0;
	padding:0;
	font-size:14pt;
	text-align:justify;
	color:#292828;
	font-family:"Monotype Corsiva", Verdana, Geneva, sans-serif;
}

#Lien_Langue
{
    text-align:right;
    padding-top:20px;
    padding-right:45px;
    height:20px;
    display:block;
    Font-Size:18pt;
    color: Aqua;
    
}


a {color:#fff}

#wrapper
{
	background-color:white;
	width:1024px;	
	margin:0 auto;

}
ul.style1 {font-size: 25px; font-weight:bold;}

h1 {color:Black;font-size:28px;
    width: 500px;
}
h2{ text-decoration:underline; color:Black }
p{font-size:14pt; line-height:17px;font-weight:lighter;}
 #titreh1
        {
            height: 25px;
            font-size:20px
        }
#pageheader
{
	background-color:white;	
	display:block;	
	width:1024px;
	height:900px;
	background-image: url(../images/bg_900.jpg);
	background-repeat:no-repeat;
	
}
.pageheaderAccueil
{
	background-color:white;	
	display:block;	
	width:1024px;
	height:1150px;
	background-image: url(../images/bg_1150.jpg);
	background-repeat:no-repeat;
}
	
	
.pageheaderCatherineBenoit
{
	background-color:white;	
	display:block;	
	width:1024px;
	height:1150px;
	background-image: url(../images/bg_1150.jpg);
	background-repeat:no-repeat;
}

.pageheaderPortfolio
{
	background-color:white;	
	display:block;	
	width:1024px;
	height:900px;
	background-image: url(../images/bg_900.jpg);
	background-repeat:no-repeat;
}

.pageheaderProcede
{
	background-color:white;	
	display:block;	
	width:1024px;
	height:900px;
	background-image: url(../images/bg_900.jpg);
	background-repeat:no-repeat;
}

.pageheaderVente
{
	background-color:white;	
	display:block;	
	width:1024px;
	height:1150px;
	background-image: url(../images/bg_1150.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}

.pageheaderPresse
{
	background-color:white;	
	display:block;	
	width:1024px;
	height:1150px;
	background-image: url(../images/bg_1150.jpg);
	background-repeat:no-repeat;
}

.pageheaderContact
{
	background-color:white;	
	display:block;	
	width:1024px;
	height:1150px;
	background-image: url(../images/bg_1150.jpg);
	background-repeat:no-repeat;
}


#pagecentre
{		
	display:block;
	float:left;
	width:200px;	
	min-height:450px;	
	vertical-align:top;	
	padding:10px;
	margin-left :70px;		
	margin-top:80px;	
}
#pagedroite
{		
	display:block;
	float:left;
	width:295px;
	vertical-align:top;
	margin-top:110px;
    height: auto 92px;
    margin-left:-20px;
}

#pagemenu
{		
	display:block;
	float:left;
	width:760px;
	vertical-align:top;
	padding:10px;
	margin-left :230px;
	margin-top:40px;
	height: 23px;
}

#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-size : 18px; /* hauteur du texte : 12 pixels */
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        /*color : #fff; /* couleur du texte */
        text-decoration : none; /*on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width:100px;
        
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
        margin-right:0px;
        margin-left:0px;      

}


/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #def035; /* On passe le texte en noir... */
        border-bottom:solid 1px #e3e2e2;
         /* ... et au contraire, le fond en blanc */
}
 

.Navselected { color: #def035; border-bottom:solid 1px #e3e2e2;cursor:default; }
 
#menu .liActive a{ color: #def035; 
           border-bottom:solid 1px #e3e2e2; /* On passe le texte en noir... */
         
         /* ... et au contraire, le fond en blanc */
}


.bull1 { padding-top:4px}

/* page points de vente*/
#PagePointsDeVente
{
  	display:block;
	float:left;
	width:886px;	
	min-height:450px;	
	vertical-align:top;	
	padding:10px;
	margin-left :50px;		
	margin-top:60px;
    height: 800px;
  
    
    
    
}
#pagecentrevente
{
	display:block;
	float:left;
	width:886px;	
	min-height:450px;	
	vertical-align:top;	
	padding:10px;
	margin-left :50px;		
	margin-top:60px;
    height: 800px;
}

.TextePointsVente 
{
    line-height:18px;
    vertical-align:top;
    
}


#pagegauchevente
{		
	display:block;
	float:left;
	width:400px;	
	min-height:450px;	
	vertical-align:top;	
	padding:15px;
	margin-left :10px;		
	margin-top:10px;	
}

#pagedroitevente
{		
	display:block;
	float:right;
	width:400px;	
	min-height:450px;	
	vertical-align:top;	
	padding:15px;
	margin-left :10px;		
	margin-top:10px;	
}


/* page contact */

#pagecontact
{		
	display:block;
	float:left;
	width:700px;	
	min-height:450px;	
	vertical-align:top;	
	padding:15px;
	margin-left :10px;		
	margin-top:10px;	
}

/* Menu portfolio */

ul#menuPortfolio1 ,ul#menuPortfolio2,ul#menuPortfolio3
{			   
  margin    :   0;              /* Marge extérieur nulle */
  padding   :   1px 1px 0;      /* Marge intérieur à 1px sauf pour le bas */ 
  width     :   150px;          /* Largeur de notre liste */
  font-size :   18pt;          /* Taille de notre police */
/*  font-family:  Verdana, Geneva, sans-serif; */
}

ul#menuPortfolio1 li,ul#menuPortfolio2 li,ul#menuPortfolio3 li
{						  
  list-style-type   :  none;            /* Aucunes puces associées */
}

ul#menuPortfolio1 li a,ul#menuPortfolio2 li a,ul#menuPortfolio3 li a
{
  width             :   auto !important;   /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */						
  width             : 	131% !important;              /* largeur interprétée par IE6 et inférieur */
  padding           :   4px;               /* Définition des marges intérieures */  
  text-decoration   :   none;              /* Suppression du soulignement */
  color             :   #393d3d;              /* Couleur de la police */
  display           :   block;             /* Définition sous forme de block */
  border-left:   3px solid #5f6465; /* Ajout d'une bordure */
  
}			


 #menuPortfolio1 a:hover,#menuPortfolio2 a:hover,#menuPortfolio3 a:hover /* Lorsque la souris passe sur un des liens */    
{
	background-color:#666;
	color:#FFF
}

#menuPortfolio1 li a:active, #menuPortfolio2 li a:active, #menuPortfolio3 li a:active
{
    background-color: #666;
    color: #FFF;
}


#pageportfoliocomplete
{
    display:block;
	float:left;
	width:886px;
	min-height:450px;
	vertical-align:top;
	padding:0px;
	margin-left :0px;	
	margin-top:0px;
    height: 800px;
 }


 #pagegaucheportfolio
{		
	display:block;
	float:left;
	width:200px;	
	min-height:450px;	
	vertical-align:top;	
	margin-left:0px;		
		
}

#pagecentreportfolio
{
    display:block;
	float:left;
	width:304px;
	height: auto 450px;
	vertical-align:top;
	margin-top:130px;
	margin-left:0px;
}

#pagedroiteportfolio
{
    display:block;
	float:right;
	padding-right:20px;
	width:213px;
	min-height:450px;
	vertical-align:top;
	height: 450px;
}
/* page procede */

#pageprocede
{		
	display:block;
	float:left;
	width:800px;	
	min-height:450px;	
	vertical-align:top;	
	padding:15px;
	margin-left :10px;		
	margin-top:10px;	
}
#youtubeVideo{
    width: 400px;
    padding-left: 15px;
    height: 300px;
    float: right;
    padding-top:32px;
}
               
#listeimagesprocede{
    width: 400px;
    margin-left: 0px;
    height:450px;	
	vertical-align:top;	
	padding:15px;
	margin-left :10px;
	padding-top:0px;	

}

/* page Catherine Benoit */

#pagecatherineBenoit
{		
	display:block;
	float:left;
	width:800px;	
	min-height:450px;	
	vertical-align:top;	
	padding:0 auto;
	margin-left: 0 auto;		
	margin-top:0px;	
}
#pagecatherineBenoit h3{font-size:14pt;}

#pagecatherineBenoit h3 a{text-decoration:none; color:Black}

#pagecatherineBenoit h3 a:hover {text-decoration:underline; color:Black}

.dims { vertical-align:top; text-align:left;}
/*.dimsvals { line-height:17px;} */
.police {font-family:Monotype Corsiva, Verdana, Geneva, sans-serif; line-height:17px;font-weight:lighter}
.Etiquettes_Procede
{
    font-size:16pt;
    font-weight:bold;
    text-align:center;
}
.Credit_Images
{
    
    
}

#container {height:100px; width:500px; font-family:Tahoma;}
#carousel { height:100px; width:500px; border:1px solid #000;overflow:hidden;}
#carousel ul { list-style-type:none;margin-top:4px; width:2000px; margin-left:0; left:0; padding-left:1px;}
#carousel li { display:inline;}
#carousel ul li img{ width:90px; height:90px; border:1px solid #ccc;float:left; }
#navPrev {float:left;}
#navNext {float:right;}


/* Menu Presse et Points de Vente */

#pagemenuPresse-Vente
{
    display:block;
	float:left;
	width:auto;
	vertical-align:top;
	margin-top:110px;
	height: auto;
	margin-left:50px;
    
}

#MenuCatPresseVente /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-size : 24px; /* hauteur du texte : 12 pixels */
}

#MenuCatPresseVente ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}


#MenuCatPresseVente a /* Contenu des listes */
{
        display :           block;     /* on change le type d'élément, les liens deviennent des balises de type block */
        text-decoration :   none;      /*on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width:100%;
        margin-right:25px
}

#MenuCatPresseVente li /* Elements des listes */      
{ 
        float : left;
        margin:5px;
        color : #fff;    /* couleur du texte */


        /* pour IE qui ne reconnaît pas "transparent" */
}


/* IE ne reconnaissant pas le sélecteur ">" */

#MenuCatPresseVente a:hover       /* Lorsque la souris passe sur un des liens */    
{
        color: #def035; /* On passe le texte en noir... */
        border-bottom:solid 1px #e3e2e2;
         /* ... et au contraire, le fond en blanc */
}
 

.PresseVenteNavselected 
{
    color: #def035;
    border-bottom:solid 1px #e3e2e2;
    cursor: default;
    }

 
#MenuCatPresseVente .liActive a
{
    color: #def035; 
    border-bottom:solid 1px #e3e2e2; /* On passe le texte en noir... */
}

.PresseVenteLiens a
{
    color: #393d3d;
    max-height:800px;
}

.ImagesTransIE
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sProperties);
   
}

.Formulaire_Items
{
    text-align:right;
    width:500px;
}