html, body {margin: 0px; padding: 0px; font-family: Arial;  color: #003366; font-size: 10px;}

a {color: #a0d5f5; text-decoration: none; font-weight: bold;}
img {border-color: #a0d5f5;}

form {display:inline;}

#blog_top img, #menu_top_left img, #menu_top_right img {border:none;}
/*#blog_top #menu_top_img {margin-bottom: 7px;}*/
#menu_top_left {height: 14px; width: 490px; text-align: center; float: left; margin: 0px; padding-top: 12px; padding-bottom: 12px;}
#menu_top_right {height: 14px; float: right; padding-right: 20px; padding-top: 12px; padding-bottom: 12px;}
#blog_menu_top .clear, #blog_top .clear {clear: both;}

ul#menutopleft {width: 489px; background-image: url(menu_haut_left_02.png); height: 14px; list-style: none; background-repeat: no-repeat; margin: 0px; padding: 0px;}
ul#menutopleft li {float:left; margin: 0px; padding: 0px;}
ul#menutopleft  a {margin: 0px; padding: 0px;}
ul#menutopleft a.menu1 {display:block; height: 14px; margin-right: 10px; width: 77px;}
ul#menutopleft a.menu2 {display:block; height: 14px; margin-right: 11px; width: 55px;}
ul#menutopleft a.menu3 {display:block; height: 14px; margin-right: 8px;  width: 86px;}
ul#menutopleft a.menu4 {display:block; height: 14px; margin-right: 9px;  width: 101px;}
ul#menutopleft a.menu5 {display:block; height: 14px; margin-right: 8px;  width: 57px;}
ul#menutopleft a.menu6 {display:block; height: 14px; margin-right: 0px;  width: 67px;}

ul#menutopleft a:hover {background-image: url(menu_haut_left_02.png);}
ul#menutopleft a.menu1:hover {background-position: 0px 14px;} 
ul#menutopleft a.menu2:hover {background-position: -87px 14px;}
ul#menutopleft a.menu3:hover {background-position: -153px 14px;}
ul#menutopleft a.menu4:hover {background-position: -247px 14px;}
ul#menutopleft a.menu5:hover {background-position: -357px 14px;}
ul#menutopleft a.menu6:hover {background-position: -422px 14px;}

#menu_top_right {text-align:right;}
ul#menutopright {width: 227px; background-image: url(menu_haut_right_02.png); height: 14px; list-style: none; background-repeat: no-repeat; margin: 0px; padding: 0px;}
ul#menutopright li {float:left;}
ul#menutopright a.menu1 {display:block; height: 14px; margin-right: 6px; width: 31px;}
ul#menutopright a.menu2 {display:block; height: 14px; margin-right: 3px; width: 59px;}
ul#menutopright a.menu3 {display:block; height: 14px; margin-right: 9px; width: 71px;}
ul#menutopright a.menu4 {display:block; height: 14px; margin-right: 0px; width: 48px;}

ul#menutopright a:hover {background-image: url(menu_haut_right_02.png);}
ul#menutopright a.menu1:hover {background-position: 0px 14px;} 
ul#menutopright a.menu2:hover {background-position: -37px 14px;} 
ul#menutopright a.menu3:hover {background-position: -99px 14px;} 
ul#menutopright a.menu4:hover {background-position: -179px 14px;} 


#menu_botom {margin-left: 65px; text-align: left;}
ul#menubottom {display: block; width: 621px; height: 37px; background-image: url(menu_bas_02.png); list-style: none; background-repeat: no-repeat; margin: 0px; padding: 0px;}
ul#menubottom li {float:left;}
ul#menubottom a.menu1  {display: block; height: 37px; margin-right: 7px; width: 52px;}
ul#menubottom a.menu2  {display: block; height: 37px; margin-right: 6px; width: 37px;}
ul#menubottom a.menu3  {display: block; height: 37px; margin-right: 7px; width: 60px;}
ul#menubottom a.menu4  {display: block; height: 37px; margin-right: 8px; width: 71px;}
ul#menubottom a.menu5  {display: block; height: 37px; margin-right: 5px; width: 38px;}
ul#menubottom a.menu6  {display: block; height: 37px; margin-right: 5px; width: 50px;}
ul#menubottom a.menu7  {display: block; height: 37px; margin-right: 6px; width: 33px;}
ul#menubottom a.menu8  {display: block; height: 37px; margin-right: 7px; width: 58px;}
ul#menubottom a.menu9  {display: block; height: 37px; margin-right: 7px; width: 71px;}
ul#menubottom a.menu10 {display: block; height: 37px; margin-right: 1px; width: 50px;}
ul#menubottom a.menu11 {display: block; height: 37px; margin-right: 0px; width: 42px;}

ul#menubottom a:hover {background-image: url(menu_bas_02.png);}
ul#menubottom a.menu1:hover  {background-position: 0px 38px;}
ul#menubottom a.menu2:hover  {background-position: -59px 38px;}
ul#menubottom a.menu3:hover  {background-position: -102px 38px;}
ul#menubottom a.menu4:hover  {background-position: -169px 38px;}
ul#menubottom a.menu5:hover  {background-position: -248px 38px;}
ul#menubottom a.menu6:hover  {background-position: -291px 38px;}
ul#menubottom a.menu7:hover  {background-position: -346px 38px;}
ul#menubottom a.menu8:hover  {background-position: -385px 38px;}
ul#menubottom a.menu9:hover  {background-position: -450px 38px;}
ul#menubottom a.menu10:hover {background-position: -528px 38px;}
ul#menubottom a.menu11:hover {background-position: -579px 38px;}

#root {width: 800px; margin: 0px auto;}

#root {background-image: url(/img/fonds_dot_01.png);}

.barre {text-transform: uppercase; font-size: 14px; padding-top: 3px; padding-left: 5px;height: 17px; color: #a0d5f5; font-weight: bold; background-color: #908f91; background-image: url('/img/barre_01.png'); background-position: right; background-repeat: no-repeat; padding-right: 23px;}

.barresmall {float: left;}
.barresmall img {border:none;}
.barresmall {margin-left: 5px} 
.barresmall a.text {display: block;text-transform: uppercase; font-size: 10px; height: 14px; color: #fff; background-color: #908f91;  text-align: center; padding-top: 2px; padding-right: 5px; padding-left: 5px;}


/* toto */
#t_content_toto #menu_top_left {padding-left: 25px;}
#t_toto {padding-bottom: 5px; padding-left: 25px;height: 894px; background-color: #000; background-image: url(/img/fond_toto_01.png);background-position: right top; background-repeat: no-repeat;}
#t_toto #right_toto {padding-top: 355px; margin-right: 53px;}
#t_toto #blog_right .lastmot {float: right; font-size: 10px; padding: 1px 2px; margin: 2px 0px; }
#blog_content .categorys8 {height: 753px; overflow: auto; margin-top: 136px;}

/* link */
#link {width: 749px; height: 423px;  background-image: url(/img/title_lien_02.png); background-position: top center; background-repeat: no-repeat; background-color: #fff; margin: 0px; padding: 0px; margin-left: 7px;}

#linkbrand, #linkmedia, #linkshop, #linkautres {width: 164px; height: 304px; padding: 0px 5px 5px 5px; margin-top: 103px;  overflow: auto; float: left;margin-right: 12px; font: 10px/18px "Trebuchet MS", Arial, Verdana, sans-serif;}
#linkbrand {margin-left: 7px;}
#linkmedia {}
#linkshop {}
#linkautres {margin-right: 0px;}
#link a {color: #335e79;}

#goodies {width: 748px; padding-bottom: 5px; text-align: right; float:right; padding-right: 20px;}

#goodies #caddieempty {width: 748px; height: 72px; background-image: url(/img/title_goodies_soft_01.png);}

#goodies #caddie {background-image: url(/img/title_goodies_avec_envoi_01.png); 
padding: 6px 9px 0px 490px;
/*
width: 748px; 
height: 72px;
*/
width: 247px; 
height: 66px;

}

#goodies #caddie .list {width: 247px; height: 41px; overflow: auto; text-align: left;}
#goodies #caddie .submit {height: 20px; border-width: 3px 2px 0px 3px; border-color: #fff; border-style: solid; margin-top: 5px;}


#goodies .goodiescheckout,
#goodies .goodiesafterpay {padding: 10px; margin: 0px; background-color: #fff; text-align: center; min-height: 200px;}

#goodies .goodiescontent {padding-left: 15px; padding-right: 5px; margin: 0px; background-color: #fff; padding-top: 15px;}
#goodies .abo_left {float:left; margin-bottom: 15px;}
#goodies .abo_right {text-align: center; height: 266px; width: 250px; float: right;}
#goodies .abo_prix {text-align: right; background-image: url(/img/goodies_abo_prix_01.png); background-repeat: no-repeat; background-position: left;margin-top: 20px; margin-bottom: 20px; height: 114px; padding-right: 20px;}
#goodies .abo_prix input {height: 17px; width: 17px;}
#goodies .abo_prix #france, #goodies .abo_prix #europe {margin-bottom: 25px;}  
#goodies .abo_ajouter {background-color: #67e204; text-align: right; padding-right: 18px; padding-top: 6px; padding-bottom: 6px;}
#goodies input.submit {background-color: #cae9f9; border: none; color: #21a342; font-weight: bold; font-size: 10px;}
#goodies .tshirt .form {background-color: #67e204; margin-top:5px; margin-bottom: 15px; padding: 5px 0px; text-align:left;}
#goodies .tshirt .form select {background-color: #cae9f9; border: 1px solid #7b9cb5; color: #21a342; font-weight: bold; font-size: 10px;}
#goodies .tshirt .form select.size {width: 140px; margin-bottom: 5px;}
#goodies .tshirt .form form.tshirt1 {display:block; float: left; padding-left: 338px;}
#goodies .tshirt .form form.tshirt2 {display:block; float: left; padding-left: 45px;}
#goodies .tshirt .form .submit {margin-left: 5px;}
#goodies .tshirt .form .clear {clear: both;} 
#goodies .fondecran {margin-bottom: 10px;}
#goodies .fondecran .list {padding-top: 10px;}
#goodies .fondecran .list .image {border: 1px solid #ddd;}


#checkout {width: 389px; margin: 0px auto;background-image: url(/img/caddie_content_fond_01.png);}
#checkout .content {}
#checkout .content a {color: #666; }
#checkout .input {text-align: right;}
#checkout .input input {width: 250px; border: none; margin: 3px 10px;}
#checkout .info .value {width: 250px; margin: 3px 10px; display: inline;}
#checkout .info img {vertical-align: middle; margin: 3px;}
#checkout div.submit {text-align: right;}
#checkout input.submit {border: 2px solid #fff; font-size: 12px; margin: 3px 10px;}
#checkout .cadeau .title {background-color: #55d115; margin: 3px 10px 0px 10px; padding: 3px; color: #fff; text-align: left;}
#checkout .cadeau .textarea {background-color: #77d115;margin: 0px 10px 3px 10px;padding: 3px;}
#checkout .cadeau .textarea textarea {border: none; width: 300px; height: 40px;}
#checkout .cadeau .info_lot {text-align: left; margin: 5px;}

/* INTRO */
html, body {height: 100%;}
table.intro a img {border:none;} 
#copy_intro {position: fixed; bottom: 3px; text-align: center; width: 100%;}

#blog_user p.info {margin-left: 5px; margin-right: 5px;}

#rubrique_user #root {background-image: none;}
#rubrique_user #root,
#rubrique_lastmag #root, #rubrique_popup_pub #root {width: auto;}
#root .clearroot {clear: both;}

#rubrique_photo #root {width: auto;}
#rubrique_photo #root #blog_content {width: auto; text-align: left;}
#rubrique_photo .imgnav {display:none;height: 20px;}
#rubrique_photo .see_original {display:none;}

/*
#right {height: 740px;}
#right {height: 740px;}
*/
#rightsoulards {height: 887px; overflow: auto;} 
#rightsoulards .listcouv {height: 850px; overflow: auto;} 
#rightsoulards .listcouv .oldcouv {margin-top: 5px; margin-right: 15px;}



#blog_content .categorysmoin1,
#blog_content .categorys1 {height: 872px;/*711px;*/ overflow: auto;}
#blog_content .categorys2 {height: 793px;/*657px;*/ overflow: auto;}
#blog_content .categorys3 {height: 793px;/*657px;*/ overflow: auto;}
#blog_content .categorys4 {height: 794px;/*658px;*/ overflow: auto;}
#blog_content .categorys5 {height: 794px;/*658px;*/ overflow: auto;}
#blog_content .categorys6,
#blog_content .categorys7 {height: 750px; overflow: auto;}
#blog_content .categorys9 {height: 439px; overflow: auto;}


#blog_content {background-color: #fff;}
#t_content {margin-left: 25px;}
#left {width: 490px; margin: 0px; float: left;}
#blog_title_rub img {border: none;}
.article, .archive {padding: 5px 10px;}
.archive {padding-top: 10px;}
.archive a {text-transform: lowercase; color: #003366;}
.archive .list {padding: 10px 0px;}

.article .content {font-size: 10px;}
.article .header .info {padding: 0px 0px 0px 0px;}
.article .header .info .title {text-transform: uppercase; font-size: 16px; font-weight: bold;}
.article .header .info .title a {color: #003366;}
.article .header .info .title .cat_name {font-style: italic; font-size: 10px; border-bottom: 1px dashed #a0d5f5;}
.article .header .info .before {float: right; font-size: 10px;}


.article .content .lasuite {margin-top: 10px; text-transform: uppercase;}

.article .content .resume {text-align: justify;}

.article .content .author {float: right;}
.article .content .author .title {font-weight: bold;}
.article .content .author .name {}

.categorysmoin1 .header .info {padding: 0px 0px 0px 0px ;} 
.article .content img {margin: 2px 5px 0px 5px;}
.article .content .illustration, .article .header .info .title .illustration {float: right; margin-left: 3px;}



.categorys3 .tele {float: left; width: 119px; height: 81px; padding-top: 12px; padding-left: 13px; background-image: url(/img/tele_01.png);}
.categorys3 .article .content .illustration {margin: 0px;}
.categorys3 .tele img {border: none;}

.categorys3 .articlelist .article .header .info .before {float: left; margin-right: 3px;}
.categorys4 .articlelist .article .header .info .before {float: left; margin-right: 3px;}

.articlelist .navigator {display: none;}

.article .header .info .after {font-size: 10px; padding-bottom: 5px;}



.article .footer {padding-bottom: 0px; padding-top: 10px; font-size: 12px; clear: both; 
/*border-bottom: 1px dashed #000;*/
 background-image: url(/img/dot_01.png);  background-position: left bottom;  background-repeat: repeat-x;
}

.categorys3 .article .header .info .title a,
.categorys4 .article .header .info .title a {color: #000;}

.articlelistmedia img, .articlelistimg img {border: 2px solid transparent;}
.articlelistmedia img:hover, .articlelistimg img:hover {border-color: #a0d5f5;}


/* contact */
#blog_contact {text-align: right;}
#blog_contact img {border: none; margin-right: 20px;}

#rightsoulards, #right {background-image: url(/img/fond_box_right.png); background-position: left top; background-repeat: repeat-y; width: 227px; float: right; text-align: right; padding: 5px 7px 5px 0px; padding-right: 27px;}


/* pub */
.pubbig {height: 285px; width: 207px; background-color: #fff; float: right; margin-bottom: 5px; margin-top: 2px;}
.pubsmall {height: 71px; width: 207px; background-color: #fff; float: right; margin-bottom: 5px; margin-top: 2px;}
.pubbig img, .pubsmall img {border:none;}

#right .clear {clear: both;} 

#blog_right img {border: none;}

#blog_right #title_en_kiosque {margin-bottom: 3px;}
#blog_right #title_myspace {margin-top: 3px; height: 31px;}
#blog_right #title_last_mots {margin: 5px 0px 3px 0px;}


#blog_right .lastmot {background-color: #fff; width: 202px; float: right; font-size: 10px; padding: 2px 2px; margin: 2px 0px;}
#blog_right .lastmot:hover {background-color: #ceefff;}

#blog_right .lastmot a {color: #000;}
#blog_right .lastmot span {cursor: pointer;}
#blog_right .lastmot span.title {display: block; width: 95px; overflow: hidden; float: left; text-transform: uppercase; white-space: nowrap; text-align: left;}
#blog_right .lastmot span.dateauthor {display: block; width: 95px; overflow: hidden; float: right; white-space: nowrap;font-size: 9px;}

#blog_right #title_special {margin: 5px 0px 3px 0px;}


a#myspace {display: block; background-image: url(/img/right_title_myspace_01.png); width: 207px; height: 31px; float:right;}
a#myspace:hover {background-image: url(/img/right_title_myspace_hover_01.png);}

#blog_bottom {clear: both; text-align: center; padding: 7px 0px;}
#blog_bottom img {border:none;}



/* mots */
.comments {margin-left: 10px; margin-right:10px; color: #404c6f;}
.commentbox {padding-left: 3px; padding-right: 3px; border-bottom: 1px solid #003366;}
.commentbox .title {padding-top: 10px; padding-bottom: 15px;}
.commentbox .footer {clear: both; padding-top: 10px;}
.comform {padding-top: 15px;}
.comform p {margin: 0px; padding: 0px;}
.comform .barre {width: 150px; float:left; margin: 0px;}
.comform #commentcomment_bb label {display: none;}
.comform #commentcomment_bb textarea {width: 420px; height: 100px;}
.comform input, 
.comform textarea {border: 1px solid #ddd; margin-top: 5px;}
.comform p { margin: 0px;}
.comform p#commentauthor, .comform p#commentlogin, .comform p#commentpasswd {float:left; margin: 0px;}
.comform p#commentsauthor {font-size: 12px; padding-top: 4px;}
.comform #commentsauthor label,
.comform #commentlogin label,
.comform #commentpasswd label {text-transform: uppercase; font-weight: bold; padding-left: 10px; padding-right: 5px;}
.comform #commentsauthor input,
.comform #commentlogin input,
.comform #commentpasswd input {width: 75px; font-size: 10px;}
.comform #commentsubmit {text-align: center; margin-bottom: 5px;}
.comform #commentsubmit input {background-color: #a0d5f5; text-transform: uppercase; font-size: 10px; border: none; font-size: 12px; font-weight: bold;  color: #404c6f; height: 16px; float: left;}

form {display: inline; margin: 0px; padding: 0px;}

form.lostpass p, div.lostpass p {clear: both; padding-top: 10px;}
form.lostpass label {text-transform: uppercase; font-weight: bold; padding-left: 10px; padding-right: 5px; width: 75px; float: left; display:block}
form.lostpass input {width: 75px; font-size: 10px;border: 1px solid #ddd; float: left; margin-right:10px;}
form.lostpass input.submit {background-color: #a0d5f5; text-transform: uppercase; font-size: 10px; border: none; font-size: 12px; font-weight: bold;  color: #404c6f; height: 16px; float: left;}

.closewin {text-align: center; clear: both; padding-top: 0px;}

form.formpublic_user p {width: 33%; float:left; text-align: right; margin-top: 2px; margin-bottom: 2px;}
form.formpublic_user p input {width: 90px; border: 1px solid #ddd;}
form.formpublic_user p label {padding-right: 5px; text-transform: uppercase; font-weight: bold;}

form.formpublic_user p#public_usersubmit {width: 99%; float:none; text-align: center; clear: both;}
form.formpublic_user p#public_usersubmit input {background-color: #a0d5f5; text-transform: uppercase; font-size: 10px; border: none; font-size: 12px; font-weight: bold;  color: #404c6f; height: 16px; margin-top: 5px;}

form.formchange_pass p {margin-top: 2px; margin-bottom: 2px;}
form.formchange_pass p input {width: 90px; border: 1px solid #ddd;}
form.formchange_pass p label {padding: 5px; text-transform: uppercase; font-weight: bold;}
form.formchange_pass p#change_passsubmit {width: 99%; float:none; text-align: center; clear: both;}
form.formchange_pass p#change_passsubmit input {background-color: #a0d5f5; text-transform: uppercase; font-size: 10px; border: none; font-size: 12px; font-weight: bold;  color: #404c6f; height: 16px; margin-top: 5px;}



.errors h3 {clear: both; color: #cc6666;}

#blog_copyright .copyright, #blog_copyright .navigator {text-align:center;}

.copyright, .copyright a {color: #357; font-size: 10px; font-weight: normal;}

/* g2html */
.g2html-right { float: right; margin: 1px;}
.g2html-left { float: left; margin: 1px;}
.left {float: left;}
.right {float: right;}

.articlelistmedia embed {display: block; margin : 3px auto;}