/* Nom du document */

*{outline:none; margin:0; border:0; padding:0;}

body { margin-left:auto; margin-top:0px; margin-right:auto; margin-bottom:0px;  font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#088ac1; outline:none; background:url(../img/fond.jpg); background-repeat:repeat-x;  background-color:#0079C0; }

.clear{clear:both;}

/* infos - erreurs */
/****** infos ******/
#div_infos {background: #aafea1 url(../img/ico_valide.png) no-repeat 6px; padding: 2px 2px 2px 40px; color:#0d9419; text-align:left; border:1px solid #0d9419; font-size:12px; vertical-align:middle; min-height:30px; height:auto !important; height:30px; font-weight:bold;}
#div_info .info_retour {font-size:10px; font-weight:bold; }

.bloc_info_ajout, .bloc_info_update {margin: 5px;}
.bloc_info_code {margin: 5px 140px;}

/****** erreurs ******/
#div_close { position:relative; float:right; top:0; height:30px; width:30px; }
#errorDiv { height:150px; background-color: #FFFFFF; color:#2D195E; text-align:center; border: solid 4px #0188c8; font-size:14px;  min-height:30px; height:auto !important; height:30px; }
.error { background-color: #ff0000!important; color:#fff }

.bloc_error {color:#000; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; text-align:left; vertical-align:middle; background-image:url('../img/ico_error.png'); background-repeat:no-repeat; background-color:#FFCCCC; border:1px solid #F46767; padding: 2px 2px 2px 30px; min-height:30px; height:auto !important; height:30px;}

/* messages erreur *
#error{ position:relative; top: 0px; color:#FFFFFF; z-index: 1002; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; left: 170px; width: 450px; background-color: #ff0000; text-align: center; height: 35px;vertical-align:middle; line-height:35px;letter-spacing:normal}
.error {background-color: #e1011b;color:#FFFFFF;}

#errorDiv {position:absolute;z-index:999;	top:220px; left:225px;width:500px;	height:190px;	background-color: #ffffff;	color:#c10134;	text-align:center; border: solid 2px #c10134;font-size:14px; font-weight:bold}
#msgError {overflow:auto;height:160px;}

#div_close {position:relative; float:right;top:0 ; height:30px; width:30px;}

#titre_error {position:relative;float:left;height:30px;top:0;width:470px;}
/* */

#error_connexion {margin: 5px 0px;}
#error_inscription {margin: 5px 20px 5px 5px;}
#error_password {margin: 5px 0px;}
#error_compte_infos {margin: 5px 20px 5px 5px;}
#error_cart {}
#error_code {margin: 5px 140px;}


/* Liens*/
a:link { color: #575757; text-decoration: none; font-weight: normal; text-align:left; }
a:visited { text-decoration: none; color: #575757; font-weight: normal; text-align:left; }
a:hover { text-decoration: none; color: #575757; font-weight: normal; text-align:left; }
a:active { text-decoration: none; color: #575757; text-align:left;}
a img {border: none;}

/* INDEX */

.Tableau_top { position:relative;  width:214px; height:343px; float:left; }
.top-titre { position:absolute; left:0px; top:0px; width:214px; height:79px; }
.top-left { position:absolute; left:0px; top:79px; width:16px; height:264px; }
.top-up { position:absolute; left:16px; top:79px; width:181px; height:10px; }
.top-right { position:absolute; left:197px; top:79px; width:17px; height:264px; }
.top-img { position:absolute; left:16px; top:89px; width:181px; height:136px; }
.top-txt { position:absolute; left:16px; top:225px; width:176px; height:113px; background:url(../img/top_txt.jpg); background-repeat:no-repeat; padding-left:5px; padding-top:5px; color:#088ac1;}


#Tableau_coupdecoeur { position:relative;  width:389px; height:187px; float:left; background-color:#fbe5ef; margin-left:30px; }
#coup-coeur-01 { position:absolute; left:0px; top:0px; width:103px; height:187px; }
#coup-coeur-02 { position:absolute; left:103px; top:0px; width:286px; height:47px; }
#coup-coeur-03 { position:absolute; left:103px; top:47px; width:93px; height:128px; }
#coup-coeur-04 { position:absolute; left:196px; top:47px; width:163px; height:140px; padding-left:10px; padding-right:20px; }
#coup-coeur-05 { position:absolute; left:103px; top:175px; width:93px; height:12px; }



/*typos top*/
.top-txt a {color:#088ac1; font-weight:bold;}
.top-txt a:visited {color:#088ac1; font-weight:bold;}
.top-txt a:link {color:#088ac1; font-weight:bold;}
.top-txt a:active {color:#088ac1; font-weight:bold;}
.top-txt a:hover {color:#088ac1; text-decoration:underline; font-weight:bold;}
.top1{ font-size:20px; color:#088ac1; font-weight:bold;}
.top_suite { font-size:16px; color:#088ac1; font-weight:bold;}




/* Conteneur */
#conteneur { top:0px;  margin: auto; width:884px; height:auto !important ; min-height:0px; height:0px; background-color:#FFFFFF; clear:both;}
#up{ background:url(../img/bkgd_up.jpg); background-repeat:no-repeat;}
#down{background:url(../img/bkgd_down.gif); background-repeat:no-repeat; width:884px; height:18px; margin:auto; float:left;}

.vide{width:740px; padding:5px; height:auto !important; height:350px; min-height:350px;  padding-top:30px; color:#000000; font-weight:bold; line-height:20px; text-align:center; font-size:16px; margin:auto; padding-left: 50px; padding-right:50px; }

.valid{width:850px;  margin:auto;  font-size:13px; color:#088ac1; padding-top:20px; padding-left:10px;}

#header{width:884px;  margin-left:auto; margin-right:auto; margin-top:25px; }
#titre{ width:680px;   background:none; background-color:transparent; float:left;}
#connexion{width:199px; float:left; height:94px;   }
#panier{width:199px; float:left; background:url(../img/panier.gif); background-repeat:no-repeat; height:94px; position:relative;   }
#statut a{ color:#088ac1}
#statut{ position:absolute; top:30px; left:55px; text-align:center; width:130px; height:45px;}

#compte_deconnec{color:#FFFFFF; position:absolute; left:44px; top:78px; width:150px; background:none; }
#compte_deconnec a{color:#FFFFFF;}

#col_gauche{ width:234px;   float:left; height:auto ; background-color:#FFFFFF;  }
#col_droite{ width:640px; float:left; height:auto ; background-color:#FFFFFF; border-left: 6px dotted #efe707; height:auto !important ; min-height:700px; height:700px; }
.col_middle{  height:auto ; background-color:#FFFFFF; margin:auto; }
#col_droite_disney{ width:640px; float:left; height:auto ; background-color:#FFFFFF; border-left: 6px dotted #efe707; background:url(../img/fond_mickey.gif); background-repeat: no-repeat; height:auto !important ; min-height:700px; height:700px;}


.detail_gauche{width:180px; float:left; margin-left:5px; color:#000000}
.detail_droite{width:450px; float:left; }
.detail_titre{width: 440px; float:left}
#detail_content{width: 435px; float:left; padding-right:10px; padding-left:5px; margin-top:10px; min-height:550px; height:550px; height:auto !important;}
#detail_content_disney{width: 435px; float:left; padding-right:10px; padding-left:5px; margin-top:10px; background:url(../img/fond_mickey); min-height:550px; height:550px; height:auto !important;}

.detail_dispo_bloc_current{ background:url(../img/bg_dispo_current.jpg); background-repeat:no-repeat; float:left; width:60px; height:54px;  padding-top:12px; text-align:center;}
.detail_dispo_bloc{ background:url(../img/bg_dispo.jpg); background-repeat:no-repeat; float:left; width:60px; height:54px;  padding-top:12px; text-align:center;}




.dispo_support {font-size:13px;font-weight:bold; color:#000000;}
.dispo_points {color:#000000;font-size:16px;font-weight:bold;}

#Tableau_recherche { position:relative; left:0px; top:0px; width:232px;  background-color:#FFFFFF;  float:left; }
#rechercher-01 {}
#rechercher-02 {width:auto; padding:0; margin:0}
#rechercher-03 { }
#rechercher-05 { margin-left:100px; }


#recherche_detaillee{ height:auto; float:left; top:150px; text-align:left; padding:5px; }

#edito { position:relative; left:0px; top:0px; width:640px; height:266px; float:left;  }
#edito-02 { position:absolute; left:0px; top:4px; width:17px; height:262px; background:url(../img/edito_02.jpg); background-repeat:no-repeat; }
#titre-edito { position:absolute; left:17px; top:4px; width:162px; height:66px; }
#image-edito { position:absolute; left:179px; top:4px; width:446px; height:245px; }
#texte-edito { position:absolute; left:17px; top:70px; width:152px; height:179px; background:url(../img/texte_edito.jpg); background-repeat:no-repeat; padding:10px; }
#edito-07 { position:absolute; left:17px; top:249px; width:608px; height:17px; background:url(../img/edito_07.jpg); background-repeat:no-repeat; }

#points { padding:5px;}
#parents{ text-align:center; }
#parents_bas{ text-align:right; height:81px; margin-right:10px; }

#div_genres {padding-left:15px; }
.menu_gauche_liste {padding-left:15px; display:none;}
.menu_gauche_header {cursor:pointer; }

#inscription{ padding-left:0px; padding-right:10px; padding-top:20px;}




#pagination_films { float:left; width: 630px; text-align:center;}
.films_nav_pages {color:#acacac;font-size:14px;padding-top:10px;text-align:center;width:630px; float:left;}
.nav_pages_current {color:#088ac1;margin-left:140px;margin-right:140px;}
.films_nav_pages a {color:#088ac1;display:inline;margin-right:0px;text-decoration:none;}

/*  */
.input_form {margin:0; border: #088ac1 solid 2px; height:19px; width: 140px;  }
.gauche{text-align:center; margin-top: 20px; float: left; background-color:#FFFFFF; }
.titre_film{ font-size:12px; font-weight:bold; color:#088ac1; text-transform:uppercase; text-align:left;}
.titre_film_small{ font-size:12px; font-weight:bold; color:#088ac1; text-transform:uppercase; text-align:left;}

.detail_gris{ color:#a6a6a6; font-size:13px; font-weight:normal;}
.rose{ font-size:13px; color:#e30e6f; text-transform:uppercase; font-weight:bold; line-height:25px;}
.courant{font-size:13px; color:#000000; text-transform: none; font-weight: normal;}

.liste_genre{font-weight:normal; font-size:14px; text-transform:uppercase; color:#575757; text-align:left; }
.separation_gauche{border-bottom: 1px dotted #000000; text-align:center; width:224px; margin-top: 5px; margin-bottom:5px; }
.separation_droite{border-bottom: 1px dotted #000000; text-align:center; width:610px; margin-top: 5px; margin-bottom:5px; float:left; margin-left: 10px;}
.separation_pleine{border-bottom: 6px dotted #efe707; text-align:center; width:855px; margin-top: 5px; margin-bottom:5px; float:left; margin-left: 10px; text-align:center;}
.separation_pleine2{border-bottom: 1px dotted #000000; text-align:center; width:855px; margin-top: 5px; margin-bottom:5px; float:left; margin-left: 10px; text-align:center;}

.indic{font-size:20px; font-weight:normal; text-align:center; font-weight:bold; text-transform:uppercase; line-height:50px; }


.total{ text-align:right; font-size:14px;}



.cmd {color: #666666; }
.cent{width:100%; margin:0; border: #088ac1 solid 2px; height:19px; float:left;}
.films_nouveautes{float:left;height:230px;margin:5px;width:150px; text-align:center; padding-top:20px;}
.films_mosaique {float:left;height:240px;margin:5px;width:200px;}
.films_dispo {float:left;height:160px;text-align:right;width:65px;}
.film_img {margin-bottom:10px;}
.films_content {display: inline-block; height: 200px; overflow: hidden; text-align: center; width: 130px;}
.choix_recherche{font-weight:bold; font-size:16px; text-transform:uppercase; color:#575757; text-align:left; padding-left:15px; line-height:22px;}
.txt {border: #088ac1 solid 2px; width:90%; height:19px; margin-bottom:3px; margin-top:3px;}
.date {width: 50px; border: #088ac1 solid 2px; height:19px; margin-bottom:3px;}
#texte_nouveautes a{font-size:14px; font-weight:bold; color:#088ac1; text-align:right; line-height:50px; text-decoration:underline;}

#bienvenue{font-size:20px; font-weight:normal; text-align:center;}
#nouveautes{height:270px; float:left;}
#gauche_news{height:270px; width:192px; float:left; margin:0px;}
#texte_nouveautes{background:url(../img/txt_nouveautes.jpg); background-repeat:no-repeat; float:left; width:142px; height:157px; padding-left:45px; padding-right:5px;}
#fd_nouveautes{ float:left; background:url(../img/fond_nouveautes.jpg); background-repeat:no-repeat; width:670px; height:269px;}

#newsletter{float:left; width:246px; height:81px; position:relative; margin-left:20px;}
#newsletter01 { position:absolute; left:0px; top:0px; width:77px; height:81px; }
#newsletter02 { position:absolute; left:77px; top:0px; width:169px; height:57px; }
#newsletter03 { position:absolute; left:77px; top:57px; width:169px; height:24px; }
#newsletter04 { position:absolute; left:255px; top:60px; width:30px; height:16px; }

#recherche_bas{float:left; width:246px; height:81px; position:relative; margin-left:40px;}
#recherche01 { position:absolute; left:0px; top:0px; width:77px; height:81px; }
#recherche02 { position:absolute; left:77px; top:0px; width:169px; height:57px; }
#recherche03 { position:absolute; left:77px; top:57px; width:169px; height:24px; }
#recherche04 { position:absolute; left:255px; top:60px; width:30px; height:16px; }

#bas{float:left; width:884px; height:91px;}


/*DISNEY*/

#disney_img{ margin-left:20px; margin-bottom:10px;}



/* messages erreur */
#error{ position:relative; top: 0px; color:#FFFFFF; z-index: 1002; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; left: 170px; width: 450px; background-color: #ff0000; text-align: center; height: 35px;vertical-align:middle; line-height:35px;letter-spacing:normal}
.error {background-color: #e1011b;color:#FFFFFF;}

#errorDiv {position:absolute;z-index:999;	top:220px; left:225px;width:500px;	height:190px;	background-color: #ffffff;	color:#c10134;	text-align:center; border: solid 2px #c10134;font-size:14px; font-weight:bold}
#msgError {overflow:auto;height:160px;}


#div_close {position:relative; float:right;top:0 ; height:30px; width:30px;}

#titre_error {position:relative;float:left;height:30px;top:0;width:470px;}


/* Footer */
#footer { text-align: center; color:#FFFFFF; font-size:10px; margin-top:10px;}
#footer a:link { font-weight: normal; text-decoration : none; color:#fff;}
#footer a:hover {font-weight: normal;text-decoration : underline; color:#fff;}
#footer a:visited {font-weight: normal;text-decoration : none; color:#fff;}