body
{
   margin: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   padding : 0px;
   background : url('images/bg.jpg') no-repeat;
   background-color : black;
   background-size : 100%;
   background-attachment : fixed;
   /*background-color: #f3f0eb; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}

#clear {
clear : both;
}

.titre {
width : 500px;
margin : 0px 0px 25px 35px;
color : white;
font-size : 1.3em;
font-weight : bold;
font-family : verdana;
padding : 3px;
padding-left : 5px;
background : #3a3a3a;
}

h1, .titre_bleu {
font-weight : bold;
color : #0096ff;
font-size : 1.2em;
font-family : verdana;
}

h2, h3, h4 {
text-align: justify;
color : #4F4F4F;
font-size : 1.2em;
font-family : arial;
font-weight : normal;
}

.bg_grey {
width : 370px;
margin : 0px 0px 25px 35px;
color : white;
font-size : 1.3em;
font-weight : bold;
font-family : verdana;
padding : 3px;
padding-left : 5px;
background : #3a3a3a;
}

.icone_illustration {
float : left;
margin-right : 10px;
}


/* HEADER
*********************************************************************/
#header {
margin : auto;
width: 930px;
}

#content_menu {
float : right;
width : 765px;
}

#menu {
float : right;
height : 48px;
width : 718px;
font-size : 12px;
font-family : arial;
background : url(images/menu.png);
background-repeat:no-repeat;
}

#menu  ul{
list-style : none ;
margin-top : 12px;
margin-left : 19px;
padding-left : 0px;
width: 704px;
height : 43px;
}

#menu  li{
float : left ;
margin-right : 1px;
margin-left : 1px;
text-transform : uppercase ;
color : eae9e9;
}

#header #menu  li a{
margin : 0 ;
padding : 0 12px 0 0 ;
text-decoration : none ;
color : #eae9e9;
}

#header #menu  li a:hover {
color : #eae9e9 ;
text-decoration : underline;
}

#header #menu .active {
color : #fff ;
text-decoration : underline;
}


/* SITE
*********************************************************************/
#site {
margin : auto;
width : 946px;
}

#shadowleft {
background : url('images/shadowleft.png') repeat-y left;
}

#shadowright {
background : url('images/shadowright.png') repeat-y right;
}

#main {
padding : 10px;
margin : 0px;
margin-top : -5px;
margin-left : 6px;
background : white;
width : 910px;
min-height : 1260px;
}

#left {
width : 640px;
float : left;
}

/* SIDE
*********************************************************************/

#side {
float : right;
width : 228px;

}

#side_info {
width : 217px;
margin-top : -5px;
margin-bottom : -6px;
font-family : verdana;
color : white;
padding : 0px 5px 0px 5px;
background-color : #3a3a3a;
}

#side .lien {
color : #ff2064;
background-color : #3a3a3a;
text-decoration : none;
}

#side .lien:hover {
color : #ff2064;
background-color : #FFFFFF;
}


.titre_side {
margin : 0px;
font-weight : bold;
color : #0096ff;
font-size : 1.5em;
font-family : arial;
}

.icone {
margin-top : 10px;
margin-bottom : 5px;
}

.hr2 {
height : 1px;
border: 0;
border-bottom: 1px #CACACA dashed;
}

#newsletter {
margin-top : -5px;
margin-bottom : -6px;
width : 217px;
font-family : verdana;
color : white;
padding : 0px 5px 0px 5px;
background-color : #3a3a3a;
}

#side textarea {
width : 212px;
}

#side input[type=text] {
width : 212px;
}

/* INDEX
*********************************************************************/

.h3_index {
font-weight : bold;
color : #0096ff;
font-size : 1.2em;
font-family : verdana;
}

/* TSHIRT
*********************************************************************/

.inputtshirttaille {
width : 25px;
}

/* QUOI
*********************************************************************/

.h3_quoi, .h2_quoi {
font-weight : bold;
color : #0096ff;
font-size : 1.2em;
font-family : verdana;
}

#table_quoi td {
border : 0px;
}

#table_quoi th {
border : 0px;
}

.ul_sommaire {
font-family : arial;
color : #4F4F4F;
font-size : 1em;
font-weight : bold;
}

.ul_sommaire ul {
color : #ff2064;
font-weight : bold;
margin-bottom : 10px;
}

.ul_sommaire ul li {
list-style-type : none;
font-weight : normal;
margin-left : 15px;
}

.ul_sommaire ul li a {
text-decoration : none;
color : #0096ff;
}

.ul_sommaire ul li a:hover {
text-decoration : underline;
color : #0096ff;
}

.titre_quoi {
font-size : 1.2em;
font-family : verdana;
font-weight : bold;
color : #ff2064;
}

p.retour_haut {
float : right;
margin : 0px;
}

.retour_haut a {
font-size : 0.7em;
color : #ff2064;
}


/* PUB
*********************************************************************/



#pub {
width : 160px;
margin-left : -3px;
margin-top : 10px;
}



/* TEXTE
*********************************************************************/





p {
text-align: justify;
color : #4F4F4F;
font-size : 1.2em;
font-family : arial;
}


.lien {
color : #FFFFFF;
background-color : #ff2064;
text-decoration : none;
}



.lien:hover {
color : #ff2064;
background-color : #FFFFFF;
}

hr {
color : #CDCDCD;
}

.titreformulaire {
padding : 3px;
color : #FFFFFF;
background-color : #6087b8;
font-size : 1.5em;
font-family : arial;
}

#formulaire {
padding-left : 5px;
padding : 5px;
margin-top : -7px;
margin-bottom : 8px;
background-color : #6087b8;
font-size : 1em;
font-family : arial;
color : #FFFFFF;
}

.titreformulaire2 {
padding : 3px;
color : #FFFFFF;
background-color : #a260b8;
font-size : 1.5em;
font-family : arial;
}

#formulaire2 {
padding-left : 5px;
padding : 5px;
margin-top : -7px;
margin-bottom : 8px;
background-color : #a260b8;
font-size : 1em;
font-family : arial;
color : #FFFFFF;
}

#formulaire p {
font-family : arial;
color : #FFFFFF;
font-size : 1em;
}

#formulaire2 p {
font-family : arial;
color : #FFFFFF;
font-size : 1em;
}




/* CATALOGUE
*********************************************************************/
#table_catalogue {
margin : auto;
}

#table_catalogue td {
border : 0px;
}

/* FLYERS AFFICHES
*********************************************************************/

table {
margin : 0px;
}

td {
text-align : center;
font-family : arial;
color : #4f4f4f;
border-right : 1px solid grey;
border-bottom : 1px solid grey;
border-left : 1px solid white;
border-top : 1px solid white;
}

th {
font-family : arial;
text-align : left;
color : #4f4f4f;
font-weight : normal;
border-right : 1px solid grey;
border-bottom : 1px solid grey;
border-left : 1px solid white;
border-top : 1px solid white;
}

.content_affiche {
width : 210px;
margin-top : 0px;
margin-bottom : 10px;
float : left;
text-align : center;
}

#bg_form_flyers {
background : #749bcb;
padding : 5px;
}

.super_content_affiche {
width : 100%;
}

.super_content_affiche {
font-family : verdana;
font-size : 16px;
}

.content_affiche {
float : left;
width : 198px;
margin-right : 10px;
text-align : center;
height : 320px;
}

.content_formulaire p {
font-size : 11px;
}

.content_formulaire {
float : left;
width : 430px;
}

/* AFFFICHE */

#affiche1 {
width : 198px;
height : 281px;
background : url('images/flyers/abstract_australia.jpg') no-repeat;
border : 1px solid #d6d6d6;
}

#affiche1:hover {
background : url('images/flyers/abstract_australia_info.jpg') no-repeat;
}

#affiche2 {
width : 198px;
height : 281px;
background : url('images/flyers/inclined_colors.jpg') no-repeat;
border : 1px solid #d6d6d6;
}

#affiche2:hover {
background : url('images/flyers/inclined_colors_info.jpg') no-repeat;
}

#affiche3 {
width : 198px;
height : 281px;
background : url('images/flyers/contestation.jpg') no-repeat;
border : 1px solid #d6d6d6;
}

#affiche3:hover {
background : url('images/flyers/contestation_info.jpg') no-repeat;
}

#affiche4 {
width : 198px;
height : 281px;
background : url('images/flyers/small_world.jpg') no-repeat;
border : 1px solid #d6d6d6;
}

#affiche4:hover {
background : url('images/flyers/small_world_info.jpg') no-repeat;
}

#affiche5 {
width : 198px;
height : 281px;
background : url('images/flyers/dark_angel.jpg') no-repeat;
border : 1px solid #d6d6d6;
}

#affiche5:hover {
background : url('images/flyers/dark_angel_info.jpg') no-repeat;
}

#affiche6 {
width : 198px;
height : 281px;
background : url('images/flyers/happy_party.jpg') no-repeat;
border : 1px solid #d6d6d6;
}

#affiche6:hover {
background : url('images/flyers/happy_party_info.jpg') no-repeat;
}

#affiche7 {
width : 198px;
height : 281px;
background : url('images/flyers/crazy.jpg') no-repeat;
border : 1px solid #d6d6d6;
}

#affiche7:hover {
background : url('images/flyers/crazy_info.jpg') no-repeat;
}

#affiche8 {
width : 198px;
height : 281px;
background : url('images/flyers/science.jpg') no-repeat;
border : 1px solid #d6d6d6;
}

#affiche8:hover {
background : url('images/flyers/science_info.jpg') no-repeat;
}

#affiche9 {
width : 198px;
height : 281px;
background : url('images/flyers/on_off.jpg') no-repeat;
border : 1px solid #d6d6d6;
}

#affiche9:hover {
background : url('images/flyers/on_off_info.jpg') no-repeat;
}

#affiche10 {
width : 198px;
height : 281px;
background : url('images/flyers/hot_radio.jpg') no-repeat;
border : 1px solid #d6d6d6;
}

#affiche10:hover {
background : url('images/flyers/hot_radio_info.jpg') no-repeat;
}


/**/

.titre_affiche {
font-family : verdana;
color : #4F4F4F;
padding : 3px;
margin : 0px;
font-size : 20px;
font-weight : bold;
}

.content_format_a6 {
margin : 0px;
float : left;
margin-right : 40px;
}

.content_format_a4 {
margin : 0px;
float : left;
width : 250px;
}

legend {
font-family : verdana;
color : #4F4F4F;
font-weight : bold;
margin-bottom : 0px;
font-size : 12px;
}

fieldset {
margin : 0px;
padding : 2px 4px 5px 4px;
border : 1px solid #d6d6d6;
margin-bottom : 5px;
font-family : verdana;
font-size : 11px;
color : #4F4F4F;
}

fieldset input {
margin-bottom : 3px;
}

.nrepere {
color :#ff0000;
font-weight : bold;
}

.txt_repere {
text-align : center;
color :#ff0000;
font-family : verdana;
font-size : 11px;
margin : 0px 0px 5px 0px;
}

/* REALISATION
*********************************************************************/
#realisations {
margin-left : 0px;
}

#realisations p {
}

/* PAIEMENT
*********************************************************************/
#paiement {
margin : auto;
text-align : center;
}

#paiement img {
text-align : center;
}

.option_paiement {
text-align : center;
font-size : 14px;
}

/* FOOTER
*********************************************************************/
#footer {
position : relative;
left : 9px;
margin : auto;
height : 98px;
width : 948px;
background : url(images/footer.png);
background-repeat:no-repeat;
padding-left : 22px;
padding-top : 28px;
}

.textfooter {
font-family : arial;
color : #8C8C8C;
font-size : 0.8em;
}

#footer .lien {
color : #FFFFFF;
background-color : #373737;
text-decoration : none;
}



#footer .lien:hover {
color : #ff2064;
background-color : #FFFFFF;
}