* {
  margin                      : 0;
  padding                     : 0;
  border                      : none;
  text-decoration             : none;
}

body {
  font-family                 : Verdana, Arial, Helvetica, sans-serif;
  font-size                   : 13px;
  background                  : #000000 url(/themes/images/uc/background-1280.jpg) top center no-repeat fixed;
}

/* global */

img {
  border                      : none;
}


p {
  color                       : #3F2327;
  margin                      : 0.5em; /*marge du texte voir exemple decalage page actus*/
}

a {
  color                       : black;
  font-size                   : 0.85em;
  font-weight                 : bold;
  text-decoration             : none;
}

a:hover {
  color                       : black;
  font-weight                 : bold;
  text-decoration             : underline;
}

a.home_picture{
	-moz-border-radius          : 7px;
  	-webkit-border-radius       : 7px;
  	border-radius               : 7px;	
}

h1,h2,h3,h4,h5 {
  color                       : black;
  font-weight                 : bold;
  margin                      : 0.6em;
  margin-left:0px;
}

h2 {
  font-size                   : 1.1em;
}

.souligne {
  text-transform              : uppercase;
  border-bottom 			  : 1px solid black;
  margin-bottom 			  : 10px;
}

.red.souligne {
  border-bottom 			  : 1px dotted #63242F;
}

h3 {
  font-size                   : 0.85em;
}

h4 {
  font-size                   : 0.7em;
}

ul {
  list-style-type             : none;
  color                       : #63242F;
  margin-left                 : 20px;
}

.break-word{
  word-wrap                   : break-word;
}

.majuscule{
  text-transform              : uppercase;
}

.legende_photo{
  float                       : right;
  margin-right                : 15px;
  font-size                   : 0.7em;
}

.tabulation{
  width:20px;
  display:inline-block;
}

.retour a span.texte, .retour-news a span.texte, .retour-albums a span.texte, span.texte-after-sprite {
  display:block;
  float:left;
  padding-top:12px;
}

.icon-pageflip {
  width:40px;
}

.ebuzzing_box {
  margin: 0 auto;
  width:430px;
}

.takeover_left_box {
  cursor: pointer;
  float: left;
  height: 800px;
  margin-left: -203px;
  position: fixed;
  top: 0;
  width: 200px;
}

table.data{
  margin-bottom:10px;
  font-size:10px;
}

table.data th{
  font-size:11px;
  vertical-align:top;
}

table.data td{
  padding:5px;
}

#categories{

}

#categories ul {
  margin-left                 : 10px;
}

#categories ul li a {
  padding-top                 : 7px;
  padding-bottom              : 2px;
}

textarea, select, button {
  color                       : #63242F;
  border                      : 1px solid #63242F;
  background-color            : #FFE59F;
}

input[type=text],input[type=password] {
  color                       : #63242F;
  border                      : 2px dotted #63242F;
}

input[type=submit] {
  border                      : 2px solid #63242F;
  color                       : #63242F;
  font-weight                 : 700;
  background-color            : #FFE59F;
  -moz-border-radius          : 3px;
  -webkit-border-radius       : 3px;
  border-radius               : 3px;
}

li a {
  color                       : black;
  font-weight                 : bold;
  font-size                   : 0.9em;
  /*text-decoration:none;*/
}

li a:hover {
  text-decoration             : none;
  color                       : white;
  background-color            : black;
}

.good {
	color                       : #63242F;
	font-weight                 : bold;
}

.description {
  margin-top                  : 5px;
  list-style-type             : none;
  color                       : #63242F;
  margin-bottom               : 10px;
  font-size                   : 0.9em;
}

.black, .noir {
  color                       : black;
}

.red, .rouge {
  color                       : #63242F;
}

.orange-clair {
	color : #D78E39;
}

.argile {
  color                       : #BB998A;
}

.centre {
  margin-right                : auto;
  margin-left                 : auto;
  text-align                  : center;
}

.lien_menu_little {
  color                       : #63242F;
  font-size                   : 8pt;
  text-decoration             : none;
}

.titre_menu_little {
  color                       : #63242F;
  font-size                   : 8pt;
  text-decoration             : none;
}

.commentaires {
  width                       : 250px;
}

a.commentadd, a.commentview {
  font-size                   : 0.85em;
  text-decoration             : underline;
}

.abuse span, .abuse a {
  font-style : italic;
  float : right;
  margin-right : 7px;
  font-size : 0.85em;
}

.reduce-alpha{
  opacity : 0.5;
  filter : alpha(opacity=50);
}

.bold {
  font-weight                 : bold;
}
.white {
  background-color            : #ffffff;
}

.spacer, .space, .clear {
  clear                       : both;
}

.float {
  float                       : left;
  width                       : 47%;
  margin                      : 0px;
  padding                     : 0px;
  margin-left                 : 10px;
}

div.float p {
  margin                      : 0px;
  padding                     : 0px;
}

#contenu-news {
  text-align : justify;
  text-justify : word-break;
}

.news {
  float                       : left;
  width                       : 90%;
  margin-bottom               : 20px;
  margin-left                 : 5%;
  margin-right                : 5%;
}

.news p a, .news .comments h3 a {
  font-size : 0.95em;
  font-style:italic;
}

.news .comments a{
  font-size : 0.85em;
  font-style:italic;
}

#contenu-news div#news a, .link-dotted {
  color : #333333;
  text-decoration : none;
  outline-style : none;
  outline-width : initial;
  outline-color : initial;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #666666;
  padding : 0px;
  margin : 0px;
}

.tableAjoutLink {
  margin-left                 : 20px;
}

.labelAjoutLink {
  color                       : #63242F;
  margin                      : 0.5em; /*marge du texte voir exemple decalage page actus*/
  font-size                   : 0.9em;
  vertical-align              : top;
  padding-top                 : 3px;
}

.textareaAjoutLink {
  width                       : 300px;
}

a {
  outline                     : none;
}

.body {
  padding-top                 : 20px;
  width                       : 100%;
}

body.takeover {
	background : #000000 url(/images/takeovers/redbull-king-of-the-rock/redbull-king-of-the-rock.png) top center no-repeat !important;
	background-attachment : fixed !important;
}

/** 
 * Takeover Do a barrel roll
 */
@-moz-keyframes roll {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-o-keyframes roll {
    100% {
        -o-transform: rotate(360deg);
    }
}
@-webkit-keyframes roll {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
body.takeover-roll {
	-moz-animation-name : roll;
  -moz-animation-duration : 3s;
  -moz-animation-iteration-count : 1;
  -o-animation-name : roll;
  -o-animation-duration : 3s;
  -o-animation-iteration-count : 1;
  -webkit-animation-name : roll;
  -webkit-animation-duration : 3s;
  -webkit-animation-iteration-count : 1;
}

/**
 * Takeover Monkey Theorem
 */ 
body.takeover-monkey {
	background : #000000 url(/images/takeovers/monkey-theorem/monkey-theorem.png) top center no-repeat !important;
	background-attachment : fixed !important;
}

/**
 * Takeover Contratak
 */ 
body.takeover-contratak {
  background                  : #051008 url(/images/takeovers/contratak/contratak.png) top center no-repeat !important;
  background-attachment		: fixed !important;
}

body.takeover-contratak .vbox {
  background-color:#A7AD29 !important;
}

body.takeover-contratak #middle p {
  color:#163104;	
}

body.takeover-contratak .red, body.takeover-contratak .rouge {
  color:#5E5F00;	
}

/**
 * Takeover Rêveur
 */ 
body.takeover-reveur {
  background                  : #fff url(/images/takeovers/reveur/reveur.jpg) top center repeat-y !important;
  background-attachment		: scroll !important;
}

body.takeover-reveur .header_menu a span {
  color:#444 !important;
}

body.takeover-reveur .copyright p {
  color:#444 !important;
}

body.takeover-reveur .content_tabs li a {
  background-color:#000 !important;
}
body.takeover-reveur .content_tabs li a:hover, body.takeover-reveur .content_tabs a.active {
  background-color:transparent !important;
}

body.takeover-reveur .content_tabs li a, body.takeover-reveur .fbox a, body.takeover-reveur .copyright a {
  color                       : #fff !important;
}

body.takeover-reveur .content_tabs li a:hover, body.takeover-reveur .content_tabs a.active, body.takeover-reveur .fbox a:hover, body.takeover-reveur .copyright a:hover, body.takeover-reveur .header_menu a:hover, body.takeover-reveur .header_menu a {
  color                       : #000 !important;
}

/**
 * Fin takeover Rêveur
 */ 
 
/**
 * Takeover MattB
 */
 
body.takeover-mattb .body {
  background                  : #796F87 url(/images/takeovers/matt-b/MattB.jpg) top center repeat-y;
  background-attachment		: fixed;
}

body.takeover-mattb {
  background-color            : #796F87;
}

body.takeover-mattb .header_menu a span {
  color                       : #C6F1D7 !important;
}

body.takeover-mattb .content_tabs li a {
  background                  : none !important;
  background-color			  : #200009 !important;
}

body.takeover-mattb .content_tabs li a:hover {
  background                  : none !important;
  background-color			  : none !important;
}

/**
 * Fin takeover MattB
 */

.all {
  width                       : 920px;/*912*/
  margin                      : 0 auto;
}

.header_menu {
  padding-left                : 15px;
}
.header_menu ul {
  margin-left                 : 0px;
}
.header_menu li {
  display                     : inline;
  float                       : left;
  padding-right               : 10px;
  padding-bottom              : 15px;
}
.header_menu li a:hover {
  background                  : none;
  color                       : #FFE59F;
}

.header_menu a {
  color                       : #F0F5CA;
  font-family                 : Verdana, Arial, Helvetica, sans-serif;
  font-size                   : 10px;
  font-weight                 : bold;
  text-transform              : uppercase;
  display                     : block;
}

.header_menu a span {
  color                       : #BB998A;
  font-weight                 : normal;
  display                     : block;
}

.header_box {
  float                       : left;
  width                       : 918px;
  height                      : 200px;
  cursor                      : pointer;
  background                  : #000 url(/themes/images/uc/header.png) top left no-repeat;
  border                      : 1px solid #EFD5B3;
  -moz-border-radius          : 7px;
  -webkit-border-radius       : 7px;
  border-radius               : 7px;
}

#tools {
	text-align                  : center;
}

#middle-top {
	float                       : left;
	width                       : 920px;
	height                      : 18px;
	background                  : url(/themes/images/uc/bg-header-top.png) top left no-repeat;
}

#middle-bottom {
	float                       : left;
	width                       : 920px;
	height                      : 20px;
	background                  : url(/themes/images/uc/bg-header-bottom.png) bottom left no-repeat;
}

#middle {
	float                       : left;
	width                       : 918px;
	background                  : url(/themes/images/uc/fond-orange.jpg) top left no-repeat;
	background-color            : #fff;
	border                      : 1px solid #63242F;
	border-bottom               : none;
	border-top-right-radius     : 10px;
	-moz-border-radius-topright : 10px;
	-webkit-border-top-right-radius : 10px;
	border-top-left-radius     : 10px;
	-moz-border-radius-topleft : 10px;
	-webkit-border-top-left-radius : 10px;
}

#sidebar {
  position                    : relative;
  width                       : 300px;
  float                       : right;
  padding-top                 : 22px;
  background                  : url(/themes/images/uc/strip.png) top left no-repeat;
}

.vboxT {
	overflow                    : hidden;
	width                       : 300px;
	height                      : 220px;
}

#last-comments-home {
	border:1px dotted #9493A5;
	background:url(/themes/images/uc/background-1280.jpg) repeat scroll bottom right transparent;	
}

#last-comments-home p {
	font-size : 0.95em;	
}

#last-comments-home a.orange, #last-comments-home a:hover.orange {
	color : #9493A5;
	font-weight : normal;
	text-decoration : none;
}

.vboxT-custom {
  width                       : 270px;
  height                      : 100%;
  padding                     : 10px;
  border                      : 2px dashed #63242F;
  border-radius               : 10px;
  -moz-border-radius          : 10px;
  -webkit-border-radius       : 10px;
  margin-bottom               : 16px;
}

.msg-error {
  margin-left                 : 20px;
  width                       : 510px;
  background-color            : #FCEBD1;
  height                      : 100%;
  padding                     : 10px;
  border                      : 2px dashed #63242F;
  border-radius               : 10px;
  -moz-border-radius          : 10px;
  -webkit-border-radius       : 10px;
  margin-bottom               : 16px;
}

#community {
  float                       : left;
  padding-top                 : 7px;
  padding-right               : 20px;
  padding-left                : 10px;
}

#formulairesContact {
  margin-left                 : 20px;
}

div#formulairesContact legend {
  color                       : black;
  font-weight                 : bold;
  margin                      : 0.6em;
  font-size                   : 14px;
}

div#formulairesContact label {
  color                       : black;
  font-weight                 : bold;
  margin                      : 0.6em;
}

div#formulairesContact input[type="text"],div#formulairesContact select {
  width                       : 377px;
}

.content {
  width                       : 605px;
  float                       : left;
}

.content_tabs {
  float                       : left;
}

.content_tabs li {
  display                     : inline;
  padding-right               : 2px;
  float                       : left;
}

.content_tabs li a {
  background                  : url(/themes/images/uc/bg.png);
  display                     : block;
  float                       : left;
  padding                     : 0 10px;
  height                      : 18px;
  padding-top                 : 4px;
  color                       : #F0F5CA;
  text-transform              : uppercase;
  font-family                 : Arial, Helvetica, sans-serif;
  font-weight                 : bold;
  font-size                   : 11px;
}
.content_tabs li a:hover {
  color                       : #FFE59F;
  background                  : none;
}

.content_tabs a.active {
  color                       : #FFE59F;
  background                  : none;
}

.left {
  padding                     : 16px;
  padding-right               : 0;
}

.vbox {
  width                       : 300px;
  height                      : 256px;
  margin-bottom               : 16px;
  padding                     : 16px;
  padding-top                 : 10px;
  line-height                 : 14px;
  border                      : 1px solid #63242F;
  border-radius               : 10px;
  -moz-border-radius          : 10px;
  -webkit-border-radius       : 10px;
  background-color            : #EFD5B3;
}

.vbox250 {
  width                       : 300px;
  height                      : 250px;
}

div.vbox h2 {
  margin-top                  : 0px;
  padding-top                 : 0px;
}

.vbox li {
  width                       : 132px;
  display                     : block;
  list-style                  : none;
  float                       : left;
  font-family                 : Verdana, Arial, Helvetica, sans-serif;
  font-size                   : 10px;
  color                       : #a1a1a1;
}

.vbox li a {
  font-family                 : Verdana, Arial, Helvetica, sans-serif;
  font-size                   : 10px;
  color                       : #8ac2f4;
  line-height                 : 20px;
}
.vbox li a:hover {
  color                       : #FFF;
}

.vbox img {
  vertical-align              : top;
  padding-left                : 5px;
  padding-top                 : 5px;
}

.fbox { 
  background                  : url(/themes/images/uc/bg.png);
  border                      : 1px solid #63242F;
  border-radius               : 10px;
  -moz-border-radius          : 10px;
  -webkit-border-radius       : 10px;
  width                       : 300px;
  height                      : 248px;
  float                       : left;
}

.fbox a {
  color                       : #F0F5CA;
}

.fbox a:hover {
  color                       : #FFE59F;
}

#recherche_google {
  width                       : 530px;
  margin                      : auto auto;
  text-align                  : center;
}

input[type=submit].custom_submit, #newsletter-box input[type=submit], #desabo input[type=submit], #inscription-newsletter input[type=submit], #recherche_google input[type=submit] {
  background                  : url(/themes/images/uc/sprite.png) no-repeat scroll 0px -47px transparent;
  width                       : 52px !important;
  height                      : 51px !important;
  cursor                      : pointer;
  border                      : none !important;
  vertical-align              : middle;
  margin-bottom               : 3px;  
}

#desabo input[type=text]{
  border                      : 2px solid #A5372C;
  width                       : 250px;
  height                      : 17px;
  margin-right                : 3px !important;
}

#newsletter-box input[type=text], #inscription-newsletter input[type=text], #recherche_google input[type=submit] {
  border                      : 2px solid #A5372C;
  width                       : 150px;
  height                      : 17px;
  margin-right                : 3px !important;
}

.animation_image_accueil a {
  border                        : 2px solid #63242F;
  -moz-background-clip          : border;
  -moz-background-origin        : padding;
  -moz-background-inline-policy : continuous;
  width                         : 170px;
  height                        : 150px;
  display                       : inline;
  font-weight                   : bold;
  -moz-border-radius            : 7px;
  -webkit-border-radius         : 7px;
  border-radius                 : 7px;
  margin-right					: 7px;
  float							: left;
}

.animation_image_accueil {
  text-align                  : center;
  width                       : 550px;
  height                      : 170px;
  overflow                    : hidden;
  margin-left                 : 20px;
  margin-top                  : 15px;
}

#animation_image {
  border                      : 2px solid #F0F5CA;
  background-color            : #000;
  -moz-border-radius          : 7px;
  -webkit-border-radius       : 7px;
  border-radius               : 7px;
  width                       : 296px;
  height                      : 250px;
  text-align                  : center;
}

.copyright {
  color                       : #63242F;
  width                       : 914px;
  font-family                 : Verdana, Arial, Helvetica, sans-serif;
  font-size                   : 0.85em;
  padding-top                 : 10px;
  padding-bottom              : 10px;
  padding-left                : 4px;
  background                  : url(/themes/images/uc/bg.png);
  border                      : 1px solid #63242F;
  border-radius               : 10px;
  -moz-border-radius          : 10px;
  -webkit-border-radius       : 10px;
}

.copyright a {
  color                       : #F0F5CA;
  font-size                   : 1em;
  font-weight                 : normal;
  text-decoration             : underline;
}
.copyright a:hover {
  color                       : #FFE59F;
}
.copyright p {
  color                       : #BB998A;
}

.copyright #footer-left-column{
  float:left;
  width:180px;
}

.copyright #footer-middle-column{
  float:left;
  width:580px;
}

.copyright #footer-right-column{
  float:left;
  width:140px;
}

.copyright #footer-left-column span.sprite{
  margin:0 3px 3px 0px;
}

.aligncenter {
	display                     : block;
	margin-left                 : auto;
	margin-right                : auto;
}

.alignleft {
  float                       : left;
}

.alignright {
	float                       : right;
}
img.centered {
  display                     : block;
  margin-left                 : auto;
  margin-right                : auto;
}

img.alignright {
  padding                     : 4px;
  margin                      : 0 0 2px 7px;
  display                     : inline;
}

img.alignleft {
  padding                     : 4px;
  margin                      : 0 7px 2px 0;
  display                     : inline;
}

/* Section Shop*/

#resoFly {
  width                       : 200px;
}

/* Section Bookmark Social*/

.social-bookmarks-img, .milieu {
  vertical-align              : middle;
  margin-bottom               : 3px;
}

.i-like-it{
  font-size                   : 1.1em;
/*  color                       : #7F513F;*/
}

.i-likebox{
  float         		      : right;	
  padding                     : 5px;
  border                      : 1px solid #63242F;/*#63242F*/
  border-radius               : 7px;
  -moz-border-radius          : 7px;
  -webkit-border-radius       : 7px;
  background-color            : #EFD5B3;
}

#facebook-like{
  width 					  : 510px;
  height					  : 70px;
  overflow					  : hidden;
}

/* Section Galeries */

.ssgalerie-tof, .ssssgalerie-tof {
  margin-top                  : 10px;
  margin-bottom               : 10px;
}

#funky-fresh-news, #funky-fresh-mags {
  margin-left                 : 10px;
}

#galerie-tof a span, #funky-fresh-news a span{
  background-color:#000 !important;
  display:block;
  padding-bottom:2px;
}

#funky-fresh-news a span {
  padding                     : 2px;
  text-transform              : uppercase;
}

#galerie-tof a, #galerie-tof a:hover{
  color:#fff !important;
}

#funky-fresh-news a, #funky-fresh-news a:hover{
  color:#fff !important;
  text-decoration:none;
}

/* Section Enquête */

body.layout_enquete #sidebar
{
  display                     : none;
  visibility                  : hidden;
}

body.layout_enquete .content {
  width                       : 95%;
}

div#enquete fieldset {
  margin-bottom               : 10px;
  padding                     : 10px;
  margin-left                 : 20px;
  border                      : 1px solid #000;
}

div#enquete h3 {
  margin-top                  : 10px;
  margin-bottom               : 10px;
}

div#enquete input[type=text],div#enquete select {
  padding-top                 : 3px;
  padding-bottom              : 3px;
  width                       : 300px;
}

div#enquete table#douleurs_table, div#enquete table#blessures_table {
  text-align                  : center;
}

div#enquete table#douleurs_table td, div#enquete table#blessures_table td {
  padding-top                 : 10px;
  padding-bottom              : 10px;
}

div#enquete table#douleurs_table input[type=text],div#enquete table#douleurs_table select {
  width                       : 150px;
}

div#enquete table#blessures_table input[type=text],div#enquete table#blessures_table select {
  width                       : 150px;
}

div#enquete legend {
  font-weight                 : bold;
  color                       : #000;
  margin-bottom               : 10px;
  padding-left                : 10px;
}

.no_display {
  display                     : none;
}

/* Section pub */

div#flashcontent_1, div#flashcontent_2 {
	text-align                 : center;
}

#google-pub {
  margin-left                : 20px;
  margin-bottom              : 20px;
}

#blog-bang {
  display:none;
}

/* Section sitemap */

body.layout_sitemap #uc_editions a span, body.layout_sitemap #uc_actus_tag a span, body.layout_sitemap #uc_liens a span, body.layout_sitemap #uc_musique a span {
  float                       : right;
  margin-right                : 50px;
}

/* Section magazines */

.magazine {
  width : 100%;
  display : block;
  margin-bottom : 10px;
  margin-top : 10px;
}

/* Section editions */

body.editions .zoomOn {
  margin-left:20px;
}

.zoomImage {
  float : left;
  width : 200px;
}

.zoomTexte {
  float : right;
  width : 350px;
  cursor : pointer;
}