/*POLICES UTILISEES POUR LE SITE////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@font-face{
font-family:"3dumb";
src:url("polices/3dumb.woff");
}

@font-face{
font-family:"2dumb";
src:url("polices/2dumb.woff");
}

@font-face{
font-family:"roboto";
src:url("polices/roboto.woff");
}

@font-face{
font-family:"manu";
src:url("polices/.woff");
}

/*PARAMETRES GENERAUX//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body{
background-color:rgb(35,71,139); /*bleu royal*/
font-family:"roboto"; 										
color:rgb(242,242,243); /*blanc*/
}

h1{
font-family:"2dumb",arial,serif;
font-weight: bold;
color:rgb(245,205,47); /*jaune*/
text-shadow:8px 8px 8px rgb(0,0,0);	/*ombre sous la police*/
font-size:30px;
text-align:center;	
margin-bottom:-20px; /*réduit la marge entre le h1 et l'article*/
}

header{
text-align:center; 
}

.liens{
text-decoration:none;
color:rgb(245,205,47);
cursor:url(pointer.png),auto;
}

.liens:hover{
color:rgb(196,40,27);
-moz-transition: 0.7s;
-webkit-transition: 0.7s;
o-transition: 0.7s;
transition: 0.7s; /*effet de ralenti*/
}

.phrase_rouge{
font-family:"2dumb",arial,serif;												
font-size:30px; 	
text-shadow:5px 5px 5px rgb(0,0,0);	/*ombre sous la police*/													
color:rgb(196,40,27);	
text-align:center;
}

.h1_rouge{
font-family:"2dumb",arial,serif;												
font-size:30px; 	
text-shadow:5px 5px 5px rgb(0,0,0);	/*ombre sous la police*/													
color:rgb(196,40,27);	
text-align:center;
margin:10px;
}

.article_large{
width:880px;
margin-right:15px;
border-radius:5px;
padding:10px;
font-size:18px;
text-align:center;
box-shadow:-1px 2px 20px rgba(0,0,0,0.5) inset;
}

.article_court{
width:625px;
margin-right:30px;
border-radius:5px;
padding:5px;
font-size:18px;
color: rgb(35,71,139);
box-shadow:-1px 2px 20px rgba(0,0,0,0.5) inset;
}

.image_aside{
width:150px;
height:184px;
border-radius:5px;
display: block;
margin:auto;
}

#corps_de_la_page{
width:900px;
margin:auto;
}

article, aside{
display:inline-block;
vertical-align:top;
text-align:justify;
margin-top:15px;
background-color:rgb(242,242,243); 
}

article{
width:625px;
margin-right:15px;
border-radius:5px;
padding:10px;
font-size:18px;
color: rgb(35,71,139);
}

aside{
position:relative;
width:200px;
background-color:rgb(96,96,96);
border-radius:5px;
padding:10px;
font-size:18px;
/* ancienne ombre extérieure : box-shadow:-1px 2px 10px 3px rgba(242,242,243,0.7);*/
/*ancienne ombre intérieure : box-shadow:-1px 2px 20px rgba(0,0,0, 0.5) inset;*/
}

aside h1{
font-size:20px;
}

strong{
font-weight:normal;
}


/*MENU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#menu{
width:100%;
/*background-color:rgb(96,96,96); /*gris*/
border-radius:5px;
list-style:none; /*enléve les puces*/
margin:auto;
padding:0px;
text-align:center;
}

#menu img{
vertical-align:middle; /*aligner image et texte*/
background-color:rgb(245,205,47); /*jaune*/
border-radius:25px; /*fond en forme de cercle*/
}

#menu li{
display:inline; /*aligne les liens*/
margin-right:1px; /*espace entre les liens*/
}


#menu li a{ 
padding:7px;
margin:7px;
color:rgb(245,205,47); /*jaune*/	
text-shadow:8px 8px 8px rgb(0,0,0);	/*ombre sous la police*/
font-size:20px; 
font-weight: bold;
font-family:"2dumb",arial,serif;	
text-decoration:none;		
text-align:center;	
vertical-align:middle;	
}

#menu img:hover{
background-color:rgb(242,242,243); /*blanc*/
}

/*PIED DE PAGE///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
footer{
padding-top:25px;
}

#derniere_fiche, #facebook, #copyright{
display:inline-block;
vertical-align:top;
width:250px;
height:200px;
padding:10px;
font-size:16px;
text-align:center;
border-radius:5px;
background-color:rgb(96,96,96); 
}

#derniere_fiche, #facebook{
margin-right:40px;
}

#derniere_fiche h1, #facebook h1, #copyright h1{
font-size:20px;

}

/*page générale "mes collections"///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.intitule{
width:880px;
}

.liste_collections{
width:880px;
background-color:rgb(96,96,96);
border: 1px solid rgb(242,242,243);
box-shadow: 0px 2px 5px rgb(0,0,0);
border-radius:5px;
padding:10px;
font-size:18px;
}

.vignette img{
position:center;
border: 5px solid rgb(243,243,243);
border-bottom-color: rgb(96,96,96);
border-radius:5px;
}

.vignette img:hover{
border: 5px solid rgb(96,96,96);
border-bottom-color: rgb(196,40,27);
box-shadow:0px 0px 0px rgb(0,0,0);	/*ombre sous la police*/
}

 .logo {
float :left;
padding:2%;

 }
/*PAGE "VOS CREATIONS"/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.tableau_presentation_creations{
width:880px;
text-align:center;
border-collapse: collapse;
}

.tableau_presentation_creations tr{
width:880px;
}
.tableau_presentation_creations td{
text-align:center;
height:30px;
border:solid 1px rgb(35,71,139);
border-collapse: collapse;
}

/*page collection star wars/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.l{
text-decoration:none;
color:rgb(96,96,96);
}

.l:hover{
color:rgb(196,40,27);
}
.tableau_presentation{
text-align:center;
border-collapse:collapse;
font-size:18px;
color:rgb(35,71,139);
}

.tableau_presentation td{
width:600px;
text-align:center;
height:30px;
border-collapse: collapse;
}

/*Tableau de présentation des modéles -effet accordéon//////////////////////////////////////////////////////////////////////////////////*/
.ac-container{
width:900px; 
margin:10px auto 30px auto; 
text-align:left;
}

.ac-container label{ 
font-family:"2dumb",arial,serif;	
font-size:10px; 
padding:7px 20px;
text-align:center;
position:relative;
z-index:20;
display:block;
height:30px; /*largeur onglet fermé*/
cursor:url(pointer.png),auto;
color:rgb(245,205,47);
line-height:33px;
font-size:30px;
background:rgb(96,96,96);
text-shadow:8px 8px 8px rgb(0,0,0);
border-radius:5px;
}
.ac-container label:hover{
background:rgb(245,205,47);
color:rgb(96,96,96);
-moz-transition: 0.7s;
-webkit-transition: 0.7s;
o-transition: 0.7s;
transition: 0.7s;
}

.ac-container input:checked + label,
.ac-container input:checked + label:hover{
background:rgb(245,205,47);
color:rgb(96,96,96);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
content:'';
position:absolute;
width:24px;
height:24px;
right:13px;
top:7px;
background: transparent url(bas.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
background-image: url(haut.png);
}
.ac-container input{
display: none;
}
.ac-container article{
background:rgba(242,242,243,0.9);
border-radius:5px;
margin-top: -1px;
overflow:hidden;
height:0px;
position:relative;
z-index:10;
padding:0px;
width:900px;
}

.ac-container article p{
font-family:tahoma,arial,serif; 
color:rgb(35,71,139);
line-height: 23px;
font-size: 14px;
padding: 20px;
text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}


.ac-container input:checked ~ article.ac-large{
height:auto;
}

/*pages presentation des modeles///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#page_presentation{
width:880px;
}

#tableau_fiche_presentation {
font-family:"2dumb", arial, serif; 						
font-size:20px; 													
color:rgb(214,35,0); 					
width:850px;								
text-align:center;
}

 #tableau_fiche_presentation .td1{
width:300px; 
text-align:left;
padding-left:10px;			
}

 #tableau_fiche_presentation .td2 {									/*2e colonne écrite en tahoma noir 18px*/
font-family:tahoma,arial, serif; 									
font-size:18px; 													
color:rgb(35,71,139);
width:300px; 	
text-align:left;
}	

#tableau_fiche_presentation  img{
width:240px;
height:240px;
vertical-align:middle;
border-radius:5px;
}

#diaporama{
width:880px;
margin-right:15px;
text-align:center;
}

#diaporama img {
margin-top:25px;
border-radius:5px;
box-shadow:3px 3px 3px rgb(96,96,96);
}
.petite{
width:50px;
border: 5px solid rgb(245,205,47);
box-shadow:3px 3px 3px rgb(96,96,96);	
border-radius:5px;
margin-top:25px;
transition: border-radius 2s, border-color 3s;
}

.petite:hover{
width:50px;
border: 5px solid rgb(196,40,27);
box-shadow:3px 3px 3px rgb(96,96,96);	
border-radius:5px;
margin-top:25px;
-webkit-transition:-webkit-transform 0.5s;
-o-transition-duration:0.5s;
-moz-transition-duration:0.5s;
transition-duration:0.5s;
transition: all 2s;
-moz-transform: scale(2,2);
-webkit-transform:scale(2,2);
-o-transform:;scale(2,2)
transform: scale(2,2);
}

#liste{
margin-left:350px;
}

/* formulaire de contact ///////////////////////////////////////////////////////////////////////////////////////////////*/
.boutons{
font-family:"2dumb",arial,serif;												
font-size:20px; 	
text-shadow:5px 5px 5px rgb(0,0,0);														
color:rgb(196,40,27);	
text-align:center;
border-radius:5px;
border: outset 1px rgb(96,96,96);
box-shadow:3px 3px 3px rgb(96,96,96);	
}

.boutons:hover{
font-family:"2dumb",arial,serif;												
font-size:20px; 	
text-shadow:2px 2px 2px rgb(0,0,0);									
color:rgb(245,205,47);
text-align:center;
border-radius:5px;
background:rgb(96,96,96);
box-shadow:1px 1px 1px rgb(96,96,96);
-moz-transition: 0.7s;
-webkit-transition: 0.7s;
o-transition: 0.7s;
transition: 0.7s; /*effet de ralenti*/
cursor:url(pointer.png),auto;
}