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


/* Resets */
a, p, h1, h2, h3, h4 {
margin:0;
padding:0;
}

:focus {
outline: 0;
}

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
background: #333333;
font-size:12px;
}


ol, ul {
list-style: none;
}


strong {
font-weight: bold;
}

em {
font-style: italic;
}

img {
border:none;
}


.right {
float: right;
}

.left {
float: left;
margin:0;
padding:0;
}

.hide {
display: none;
}

.clear {
clear: both;
}

.separation {
clear: both;
visibility: hidden;
margin: 0;
padding: 0;
}

#black_fond{
width: 100%;
margin: 0 auto;
padding:0;
background: black;
}


/* Contact */
#contact_top {
position: relative;
height:20px;
width: 100%;
margin:0;
padding:0;
background: #1d1335;
border-bottom: 1px #434141 solid ;
}

#container_contact_top {
width: 940px;
margin:0 auto;
height:20px;
padding: 0;
font-size: 11px;
color: #9a8bb7;
text-align:right;
}

.telephone {
font-size: 18px;
font-weight:bold;
color: white;
margin:0;
padding:0;
}

#container_contact_top p {
margin:0;
padding:0;
}

#container_contact_top a {
text-decoration:none;
margin:0;
padding:0;
}

#container_contact_top :hover a {
text-decoration:none;
color: #caabd3;
margin:0;
padding:0;
}

/* Header */
#header_back {
position: relative;
height: 130px;
width:100%;
margin: 0;
padding: 0;
border-bottom: 1px solid #2b2929;
background: url(../images/header.jpg) no-repeat center top #0a0405;

}

#header {
height: 129px;
width: 940px;
margin: 0 auto;
padding: 0;
}

#header_module {
height: 129px;
width: 240px;
float: right;
background: url(../images/header_module.jpg) bottom no-repeat;
}

#header_module p {
padding: 25px 0 0 20px;
font-size:11px;
color: #cccccc;
}



input
{
margin-left:20px;
float:left;
color: #cccccc;
background: url(../images/newsletter_fond.png) no-repeat ;
height:24px;
width: 178px;
border: none;
padding-left:5px;
margin:0 0 5px 20px;
}

.submit input
{
float:left;
height: 24px;
width: 25px;
background: url(../images/submit.png) no-repeat ;
border: none;
margin:0;
padding:0;
}

.submit2 input
{
float:left;
height: 24px;
width: 25px;
background: url(../images/submit.png) no-repeat ;
border: none;
margin:0;
padding:0;
} 

#header_charte {
height: 129px;
width: 343px;
float: right;
margin-right: 10px;
vertical-align: middle;
}

#header_opqf {
height: 96px;
width: 51px;
float: right;
margin-right:120px;
}

/* Menu */




#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 : 40px; /* 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 */{
margin:0;
padding:0;       
font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
font-size : 12px; /* hauteur du texte : 12 pixels */
position:relative;
height: 40px;
width: 940px;
padding:0;
margin:0 auto;
z-index: 100;
}

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

background: #210f33 ; /* couleur de fond */        
color : white; /* couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
       
}

#menu li /* Elements des listes */{ 
float : left;
/* pour IE qui ne reconnaît pas "transparent" */

}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li{

}

#menu li ul /* Sous-listes */{ 
position: absolute; /* Position absolue */
width: 144px; /* Largeur des sous-listes */
left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */{
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */

line-height: 20px;
text-align: left;
padding-left: 2px;
width: 125px;
background:url(../images/tr.png) ;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{

}



#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */
}





/* Diaporama */

#diaporama_back{
position: relative;
width:100%;
height:260px;
margin: 0 ;
text-align:center;
padding: 0;
background:#1d1335;
}

/*contenu*/
#contenair{
position: relative;
width: 940px;
margin: 0 auto;
padding:0;
background: white;
}

#contenant{
position: relative;
margin: 0;
padding:30px 40px 30px 40px;
}

#contenu{
position: relative;
width: 940px;
margin: 0 auto;
padding:30px 0;
background: white;
}

#accueil{
float:left;
width: 360px;
margin:0;
padding:0 0 0 40px;
}

#colonne2_accueil{
float:left;
width: 220px;
margin: 0 0 0 20px;
}

#dvd{
flaot:left;
width: 220px;
height: 211px;
margin:0;
padding:0;
}

#visuels{
flaot:left;
width: 220px;
height: 160px;
margin:18px 0;
padding:0;
}

#colonne3_accueil{
float:left;
width: 240px;
margin: 0 0 0 20px;
}

#actualites{
flaot:left;
width: 240px;
height: 190px;
margin:0;
padding:0;
}

#formations{
flaot:left;
width: 240px;
margin:0;
padding:0;
}

/*footer*/

#footer{
position: relative;
width: 100%;
height: 100%;
margin: 0 ;
padding: 0;
background: #333333 url(../images/footer.gif) top left repeat-x ;
}

#footer_container{
width: 940px;
margin: 0 auto;
padding: 20px 0;
}

#colonne1_footer{
float:left;
width: 150px;
font-size: 11px;
color:#999999;
margin:0;
padding: 0 0 0 40px;
}

#colonne1_footer a{
font-size: 11px;
color:#999999;
text-decoration:none;
line-height: 14px;
}

#colonne1_footer a:hover{
font-size: 11px;
color:white;
text-decoration:none;
}


#colonne2_footer{
float:left;
width:740px;
font-size: 11px;
color:#999999;
}



/*Contenant*/

#contenant h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color:#333333;

}

#contenant h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
}


#contenant p {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size: 12px;
text-align:justify;
line-height: 18px;
}

#contenant a{
color:#333333;
text-decoration:none;
}

#contenant a:hover{
text-decoration:none;
}






/*Philosophie*/

.photoleft_philosophie{
float:left;
margin: 0 10px 10px 0;
padding:0;
}

.signature_philosophie{
float:right;
margin: 10px 10px 10px 0;
}

/*Academy*/

.photoleft_academy{
float:left;
height: 146px;
width: 311px;
margin: 0 10px 10px 0;
}

.photoright_academy{
float:right;
height: 146px;
width: 311px;
margin: 0 0 10px 10px;
}

.photo_academy{
float:left;
margin: -5px 10px 10px 10px;
padding: 4px 4px 4px 4px;
border: 1px #E9E9E9 solid;
background:#FFFFFF;
}

/*formations*/

#contenant_formation{
position: relative;
margin: 0;
padding:30px 40px 30px 40px;
}

#formation a:link {
text-decoration: none;
color: white;
}
#formation a:visited {
text-decoration: none;
color: white;
}
#formation a:hover {
text-decoration: none;
color: #8e5ba4;
}
#formation a:active {
text-decoration: none;
color: white;
}

#formation li {
color: white;
}



#formation h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color:#333333;
}

#formation li {
font-family:Arial, Helvetica, sans-serif;line-height: 17px;margin: 0 0 0 20px;font-size: 14px;list-style-type:disc;}





#formation p {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align:justify;
}

#formation a{
color: #FFFFFF;text-decoration:none;
}



#container_formation{
width: 860px;
margin:20px 0;
padding:0;
}

#formation_formation{
width: 850px;
height: 236px;
background:url(../images/background_formations2.jpg) ;
border: 1px #6a3283 solid;
margin:0;
padding:0;
}

.trait_formation{
float: left;
border-top:1px solid #D8D8D8;
height:1px;
width: 550px;
z-index:20;	
}

.contenu_formation{
margin:5px 5px 5px 165px;
padding: 5px 5px 5px 0;
height: 214px;
background:url(../images/background_formations.jpg);
border: 1px  #6a3283 solid;
}


.photoleft_formation{
float:left;
height: 224px;
width: 150px;
margin: 5px 10px 10px 5px;
border: 1px #6a3283 solid;
}

/*DETAILSTAGE*/
.style4z {color: #4d1167}
.style5z {font-family: Arial, Helvetica, sans-serif;color: #666666}
.style7z {color: #4d1167; font-weight: bold; }
.style8z {font-size: 10px;color: #666666;}
.style10z {font-size: 12px;color: #666666;}
.style11z {color: #666666}
.style12z {font-family: Arial, Helvetica, sans-serif; font-size: 12px;color: #666666 }
.style13z {
	font-size: 14px;
	font-weight: bold;
	color: #4d1167;
}
.style15z {color: #4d1167; font-size: 12px; font-weight:bold; }
.style16z {color: #666666}

/*COLLECTIONS*/

#contenair_collections{
position: relative;
width: 940px;
margin: 0 auto;
padding:0;
background: black;
}

#contenant_collections {
position: relative;
margin: 0 auto;
padding: 20px 0 0 35px;
}

#contenant_collections h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight:100;
color:#999999;
margin:-5px 0 0 0;
padding:0;

}

#contenant_collections h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#4d1167;
margin:0 0 0 0;
padding:0;
}


#contenant_collections p {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#999999;
margin:5px 0 0 0;
padding:0;
}

#contenant_collections a{
color:#333333;
text-decoration:none;
}

#contenant_collections a:hover{
text-decoration:none;
}

.border {
	border: 1px solid white;
	margin-right:2px;
}

.photoleft{
float:left;
margin: 0 10px 10px 0;
}

.signature{
float:right;
margin: 10px 10px 10px 0;
}



#test {
border: 1px solid #666;
}

/*Module haut photo*/

#container {
height: auto;
width: 870px;
margin:0 ;
padding:0;
z-index:0;
}

#header_container {
height: 21px;
width:870px;
margin:0;
padding:0;
background: url(../images/header2_collections.gif) no-repeat top left;
z-index:0;
}

#middle_container {
height: auto;
width:868px;
margin:0;
padding:0;
border-left:solid 1px #171717;
border-right:solid 1px #171717;
z-index:0;
}

#footer_container_module {
height: 22px;
width:870px;
margin:0;
padding:0;
background: url(../images/footer2_collections.gif) no-repeat top left;
z-index:0;
}

#texte{
float: left;
height:248px;
width: 373px;
margin:20px 0 0 20px;
padding:0;
z-index:0;
}

#clique{
float:left;
height:20px;
width: 200px;
margin:40px 0 0 20px;
padding:0;
text-align:left;
z-index:100;
}

#texte_general{
height:auto;
width: 780px;
margin:0px 0 0 20px ;
padding:0;
}

#photo_principal{
float: right;
margin:20px 80px 0 0;
padding:5px 5px 5px 5px;
background-color:#FFFFFF;
z-index:0;
}

#container_photos{
float: right;
height:60px;
width: 860px;
margin:20px 0 0 0;
padding:0;
text-align:center;
z-index:0;
}


.violet {
color:#4d1167;
text-decoration: none
}


#photos  {
margin:0;
padding:0;
list-style-type:none;
text-align: center;
}

#photos li {
display: inline;
}

#photos a {
width: 38px;
text-align: center;
}

#photos a:hover {
color:#FFFFFF;
}






/*----------------*/

/*Module bas photo*/

#module {
font: Arial, Helvetica, sans-serif;
width: 872px;
margin:0 ;
padding: 0;
}

#module_haut{
width:872px;
height: auto;
margin:5px 0;
padding:0;
background: url(../images/header_collections.jpg) no-repeat #360c48;
}

#module_footer{
width:872px;
height: 21px;
background: url(../images/footer_collections.gif) no-repeat;
margin:-6px 0 10px 0;
padding:0;
}

#colonne{
font: Arial, Helvetica, sans-serif;
float: left;
width: 240px;
height:auto;
border-right: 1px solid #5d2775;
margin: 20px 5px 10px 50px;
padding:0;
z-index:20;
}

#colonne2{
font: Arial, Helvetica, sans-serif;
float: left;
width: 240px;
height:auto;
border-right: 1px solid #5d2775;
margin: 20px 0px 10px 40px;
padding:0;
z-index:20;
}

#colonne3{
font: Arial, Helvetica, sans-serif;
float: left;
width: 240px;
height:auto;
border: none;
margin: 20px 0px 10px 30px;
padding:0;
z-index:20;
}

.separation {
clear: both;
visibility:hidden;
margin:0;
padding:0;
}

/* menu */

#menu_collections{
font: Arial, Helvetica, sans-serif;
color:white;
list-style-image:url(../images/puce.png);
}

#menu_collections li{
font-size:14px;
}

#menu_collections a {
font: Arial, Helvetica, sans-serif;
color:white;
font-size:14px;
text-decoration: none;
line-height: 20px;
}

#menu_collections a:hover {
font: Arial, Helvetica, sans-serif;
color: #6666CC;
}

/*Revue de Presse*/
#revue{
position: relative;
margin: 0;
padding:30px 40px 30px 40px;
}

.photo_revue{
text-align:center;
width: 820px;
margin: 10px 10px 10px 10px;
padding: 4px 4px 4px 4px;
border: 1px #E9E9E9 solid;
background:#FFFFFF;
}

.photos_revue{
float: left;
margin: 10px 10px 10px 10px;
padding: 4px 4px 4px 4px;
border: 1px #E9E9E9 solid;
background:#FFFFFF;
}


.container {
height: 90px;
width: 860px;
margin: 5px 5px 5px 5px;
padding: 0;
border: 1px solid #CCCCCC;
background: url(../images/Background_Revue.jpg) no-repeat top left; 
}

tr td{
color:#999999;
}

.photo {
float:left;
margin:5px 20px 5px 5px;
padding-right: 5px;
width: 150px;
text-align:center;	
}

.date {
color : black;
font-size : 12px;
font-family: Arial;
margin:5px 0 ; 
padding:0;
}

.titre {
color: #4d1167;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
margin:-5px 0 ; 
padding:0;
}

.intro {
color:#333333;
font-size : 11px;
font-family: Arial;
margin:5px 0 ; 
padding:0;
}

.suite {
float:left;
color: #4d1167;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0; 
padding:0;
}

a.lien{
color: #4d1167;
text-decoration:none
}

a:hover.lien{
color: #663366;
text-decoration:none
}


/*Videos*/

#contenant_video {
position: relative;
margin: 0 auto;
padding: 30px 0 0 70px;
}

.container_video {
height: 400px;
width: 790px;
margin: 5px 5px 5px 5px;
padding: 0;
border: 1px solid #CCCCCC;
background:url(../images/background_video.jpg) no-repeat top left; 
}

.video {
float:left;
margin:24px 30px 5px 24px;
height: 344px;
width: 425px;
text-align:center;	
}

.miniature {
float:left;
margin:24px 5px 0;
height: 70px;
width: 100px;
text-align:right;	
}

.titre_video {
color: #4d1167;
height: 70px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
margin:24px 5px 0 5px ; 
padding:0;
}

.intro_video {
height:auto;
color : #666;
font-size : 11px;
font-family: Arial;
margin:10px 5px 0; 
padding:0;
text-align:justify;
}


/*Contacts*/

#contenant_contact {
position: relative;
margin: 0 auto;
padding: 30px 0 0 40px;
}

#contenant_contact h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color:#333333;

}

#contenant_contact h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
}


#contenant_contact p {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#666666;
text-align:justify;
}

#contenant_contact a{
color:#4d1167;
text-decoration:none;
}

#contenant_contact a:hover{
text-decoration:none;
}


/*DVD*/
#contenant_dvd {
position: relative;
margin: 0 auto;
padding: 40px 0 0 40px;
height: 550px;
width: 940px;
background: url(../images/dvd_large.jpg) no-repeat top left ;
}

#colonne_dvd {
float:right;
margin: 0 auto;
padding: 0 5px 0;
width: 340px;
background:none;
}

#contenant_dvd h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
color:#cccccc;
margin: 10px 0;

}


#contenant_dvd h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#9c7aa6;
}


#contenant_dvd p {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#cccccc;
margin: 10px 0;
padding: 0 40px 0 0;
text-align:justify;
}