@import url(/c/tag_cloud.css);

/* News suivantes - pr�c�dentes */
#content .news_next {
    float			: right;
    height			: 16px;
    padding-right	: 25px;
    padding-top		: 2px;
    margin-top		: -10px;
    background		: transparent url('/i/icons/control_fastforward.gif') no-repeat right 0;
}
#content .news_next:hover {
    background		: transparent url('/i/icons/control_fastforward_blue.gif') no-repeat right 0;
}
#content .news_previous {
    height			: 16px;
    padding-left	: 25px;
    padding-top		: 2px;
    margin-top		: -10px;
    background		: transparent url('/i/icons/control_rewind.gif') no-repeat 0 0;
}
#content .news_previous:hover {
    background		: transparent url('/i/icons/control_rewind_blue.gif') no-repeat 0 0;
}

/* Petits extras de pr�sentation cool */
a.with-icon {
    margin			:0 5px;
}
a.with-icon img {
    vertical-align	: middle;
    margin-right	: 3px;
}

.facebook-like {
	width:370px;
	float:left;
}

.facebook-share {
	float:right;
}


/* Bouton rouge (pour l'admin par exemple) */

#contenu #sidebar div.red-button {
    margin:		10px 40px 0 50px;
}
#contenu #sidebar div.red-button-left {
    margin:0;
    padding:0;
    background: transparent url(i/red_button_corners.png) no-repeat 0 0;
    padding-left:10px;
}
#contenu #sidebar div.red-button-r {
    margin:0;
    padding:0;
    background: transparent url(i/red_button_corners.png) no-repeat right 0;
    padding-right:10px;
}
#contenu #sidebar div.red-button-c {
    height:		20px;
    overflow:	hidden;
    background:	transparent url(i/red_button_bg.png) repeat-x 0 0;
    margin:		0;
    padding:	0;
    border:		0 none;
}
#contenu #sidebar div.red-button-c h2 {
    color:		#fff;
    margin:		0;
    padding:	0;
    text-align:	center;
    font-size:	130%;

}
#contenu #sidebar div.red-button-c h2 a {
    background:	none;
}

/* Barre horrizontale en haut (titre + contexte)   */
#contenu #contexte {
    border 			: 1px solid #0F0 ;
    border-width: 0 1px 1px 1px ;
    margin			: 0 20px 20px ;
    -moz-border-radius: 0 0 8px 8px  ;
}
#contenu #contexte a {
    margin			: 4px  0 4px 4px ;
    padding			: 2px ;
    float			: left ;
    display			: inline ;
}
#contenu #contexte span {
    margin			: 4px ;
    padding			: 2px ;
    float				: left ;
    display			: inline ;
    color			: #666 ;
}
#contenu #contexte a span {
    float			: none ;
    color			: #666 ;
    margin			: 0 4px 0 0 ;
    padding			: 0 ;
}
#contenu #contexte a span.cat {
    color			: #bbb ;
}

#contenu #newsSource	{
    float		: right ;
    margin-right	: 15px ;
    display		: inline ;	}
#contenu #newsSource a	{
    font-size	: 10px ;
    color		: #999 ;	}
#contenu #newsSource a:hover{
    color		: #FF0198 ;	}


/* --------------------------------------------------- */

#content{
    margin: 0px 10px 5px;
    padding: 0 0 0 0;
}
.post{
    margin-bottom: 0;
}


#sidebar #calendar{
    margin: 10px 20px 0 0;
    padding: 10px 0 10px 20px;
}
#contenu #sidebar #newsPhotosCol {
    margin: 10px 20px 0 0;
    padding: 10px 0 10px 20px;
}
#contenu #sidebar #newsPhotosCol img {
    display:block;
    margin:0 auto;
}
pre, code{
    font-size: 1.2em;
}

pre{
    width: 100%;
    overflow: auto;
    border: 1px solid #CCC;
}

fieldset{
    border: none;
}

label{
    cursor: pointer;
    cursor: hand;
}

.field label{
    display: block;
}

textarea{
    width: 100%;
    font-size: 1em;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.left{
    float: left;
    margin-right: 1em;
}

.right{
    float: right;
    margin-left: 1em;
}

#contenu .accueilLink	{
    float		: right ;
    margin-right	: 15px ;
    line-height	: 30px ;
    color		: #3366FF ;	}
#contenu h1		{
    margin		: 0 0 0 -2px;
    border-bottom : 2px solid #0F0;
    font-size	: 15px ;
    text-align	: center ;
    padding		: 5px ;		}

#sidebar #favourite_triangle{
    margin: 5px 10px 0 0;
    width : 240px;
}
/* Le contenu
-------------------------------------------------------- */

#contenu .post-title{
    color: #F90;
    background: transparent;
    border-bottom: 1px solid #0F0;
    margin: 12px 0 0 0;
    padding: 0 0 0 10px;
    text-align:left;
    background		: transparent url('/c/i/h2-bg.png') 0 2px no-repeat;
}

.post-title a{
    background: transparent;
    text-decoration: none;
}

.post-info{
    float:right;
    margin-top: 0;
    color: #555;
    background: transparent;
    padding: 0 2ex 1ex;
    font-family	: Courier, 'Courier New', monospace;
    /*border-bottom: 1px solid #FC0;*/
}
.post-info a{
    color: #FA0;
    background: transparent;
    text-decoration: none;
}

.post-info-home{
    float: right;
    color: #999;
    margin-top:-20px;
    font-family	: Courier, 'Courier New', monospace;
}
.post-info-home img{
    vertical-align:	middle;
}
#content .post-info-home a{
    color: #999;
}

#contenu .post-tags {
    margin-top:0px;
    padding:0 10px;
    color: #555;
}
.post-content{
	clear		: both;
    text-align: justify;
    padding		: 0 0 10px 0;
	margin		: -3px 0 0 0;
    background	: transparent url('/c/i/spacer-blog.gif') bottom center no-repeat;
}

.post-content blockquote{
    font-family: Georgia, serif;
    font-style: italic;
}

.post-info-co{
    margin-top:0px;
    float: right;
}
#comments {
	margin-top:20px;
}
#comments blockquote{
    border: 1px solid #EEE;
    margin: 1em 0;
    padding: 1ex 1em;
}
.tag_icon{
    margin-right:5px;vertical-align:middle;
}

#sidebar div ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

#contenu #sidebar h2, #sidebar h3{
    margin: 0 0 1ex 0;
}

#contenu #sidebar .box h2, #contenu #sidebar .box h3{
    color: #555;
    margin: 0 0 5px 0;
}
#contenu #sidebar .box {
    padding: 0 0 10px 0;
    margin-top:20px;
}
#sidebar h3{
    font-size: 1em;
    margin: 0;
}

#sidebar .admin_box {
    padding: 0 15px 10px;
}
#contenu #sidebar .admin_box h2 {
    margin: 0;
}
#sidebar .admin_box div {
    padding			: 5px 10px 0;
    border			: 1px solid #ddd ;
    -moz-border-radius: 10px ;
}
#sidebar .admin_box form * {
    margin-right:5px;
    float:right;
}
#sidebar .admin_box form .clear, #sidebar .admin_box form option {
    float:none;
}
#sidebar .admin_box ul {
    line-height:20px;
}
#sidebar .admin_box li {
    background-repeat:no-repeat;
    padding:0 0 2px 20px;
}
#sidebar .admin_box a:hover{
    background:none;
}


#contenu #sidebar #tab_box {
    margin			: 20px 7px 0px 7px;
}
#contenu #sidebar #tab_box h2 {
    display			: inline;
    color			: #555555;
    font-size		: 130%;
    padding			: 2px 5px 0 5px;
    -moz-border-radius-topright : 6px;
    -moz-border-radius-topleft  : 6px;
}
#contenu #sidebar #tab_box h2.tab_active {
    border			: 1px solid #B8B8B8;
    border-bottom	: none;
    background		: #FFF repeat-x left top;
    cursor			: default;
    padding-bottom	: 1px;
}
#contenu #sidebar #tab_box h2.tab_hidden {
    border			: 1px solid #B8B8B8;
    background-color: #F9F9F9;
    cursor			: pointer;
}
#contenu #sidebar #tab_box h2.tab_hidden:hover {
    background-color: #fff;
}
#contenu #sidebar #tab_box #tab_box_tabs {
    padding			: 10px;
    border			: 1px solid #B8B8B8;
    background		: #FFF repeat-x left top;
}

#contenu .col .box h2 a {
    color		: #555;
}


#sidebar h3{
    font-size: 1em;
    margin: 0;
}


#contenu #sidebar div#search{
    color: inherit;
    line-height: 2.3em;
}

#contenu #search fieldset, #contenu #search p, #contenu #archives {
    text-align: center;
    padding: 0;
}

#contenu #q{
    padding-left: 10px;
    margin: 0 5px 0 20px;
    background: #fff url(img/q.png) no-repeat 4px center;
}


#sidebar div#calendar table{
    font-size: 0.8em;
    text-align: center;
    margin: 0 auto;
    border-collapse: collapse;
}

#sidebar div#calendar table caption{
    margin: 0 auto;
}

#sidebar div#calendar table th{
    color: #333333;
    background: transparent;
}

#sidebar div#calendar table td{
    width: 14%;
    line-height: 2em;
    border: 1px solid #EEE;
}

#sidebar div#calendar table td a{
    display: block;

    background: #F1ECDA;
    color: #398FEB;
    font-weight: bold;
    text-decoration: none;
}

#sidebar div#calendar table td a:hover{
    background: #EFA;
    color: #E29A13;
}
#sidebar div#calendar a {
    display:block;
}

#sidebar a:hover {
    background:#eee;
}

#contenu .col .listing ul {
    margin 		: 5px 0 5px 3px;
}
#contenu .listing li,#contenu .listing_article li {
    border-top	: 1px solid #D2D2D2 ;
}
#contenu .listing .first {
    border		  : 0 ;
}
#contenu .listing li a {
    display 	  : block ;
    padding-left  : 4px ;
    border-left   : 3px solid #D2D2D2 ;
    height        : 17px;
}
#contenu #sidebar .listing li a {
    height        : 18px;
}
#contenu .listing li a span {
    color         : #999999;
    float         : right;
    font-size     :10px;
    padding-right :2px;
}
#contenu .listing li a span img {
    margin		  : 0pt 0pt 0pt 4px;
    vertical-align: -15%;
    display		  :inline;
}
#contenu .listing li a:hover {
    color 		  : #f00 ;
    background 	  : #eee ;
    border-color  : #FF0198 ;
}
#contenu .demi ul{
    padding : 5px 0px 0px 0px;
}

#contenu .demi li{
    width  : 140px;
    float : left;
    margin : 0px 5px 0px 0px;
}

/* derniers comments */
#contenu #sidebar #last_comments h2 {
    margin: 10px 20px 0 0;
    padding: 10px 0 10px 20px;
}
#contenu .commentsBox {
    float			: left ;
}

#contenu #sidebar #last_comments h4 {
    padding			: 2px 0;
    margin			: 8px 0 0 6px;
}


/*-------------------------------*
 *         Pagination            *
 *-------------------------------*/
.page_navigator {
    border-bottom		: 1px solid #CCC;
    border-top			: 1px solid #CCC;
    text-align			: center;
    height				: 16px;
    margin				: 2px 5px;
}
.page_navigator span.prev {
    float				: left;
}
.page_navigator span.next {
    float				: right;
}

/* *************************
formulaire de saisie
**************************** */
#contenu .Lettrine	{
    color		: #FF0198 ;	}
#contenu .colGauche	{
    margin-left	: 10px ;
    float		: left ;
    display		: inline ;
    width		: 450px ;	}
#contenu .colDroite	{
    float		: left ;
    display		: inline ;
    width		: 220px ;	}
#contenu #addNewsForm h4 {
    margin		: 10px 0 0 ;
    color		: #999 ;
    font-weight	: normal ;
    padding-left: 10px ;	}
#contenu #addNewsForm fieldset {
    border		: 2px solid #ddd ;
    padding			: 10px 0 ;
    margin			: 10px 40px 10px 10px;	}
#contenu #addNewsForm .colDroite fieldset {
    margin-left	: 20px ;
    width				: 250px ;	}
#contenu #addNewsForm label {
    display			: block ;
    margin			: 10px 10px 1px 15px ;
    color				: #333 ;
    font-style		: italic ;	}
#contenu #addNewsForm input,#contenu #addNewsForm select {
    margin			: 0 10px ;	}
#contenu #addNewsForm #Body:hover, #contenu #addNewsForm #Description:hover {
    margin			: 0  ;
    border			: none  ;	}
#contenu #addNewsForm #Body:focus, #contenu #addNewsForm #Description:focus {
    border			: none  ;	}
#contenu #addNewsForm legend	{
    font-family		: Arial ;
    font-weight	: bold ;
    color				: #999 ;	}
#contenu #actions label	{
    margin			: 0 ;
    padding			: 0 ;	}
#contenu #actions label	{
    display			: inline ;	}
#contenu #actions input[type="submit"] {
    float				: right ;
    margin-right	: 10px ;
    border-style	: outset ;
    display			: inline ;	}


#contenu #tagForm #taglist input {
    display			: inline ;
    border			: none ;
    padding			: 0;
    margin			: 0 10px 0 0;
}
#contenu #tagForm ul {
    list-style: none;
    margin				: 0 0 0 15px;
    padding				: 0;
}
#contenu #tagForm #taglist li {
    display				: block;
    margin				: 0;
    padding				: 10px 0 10px 5px;
    border-left			: 3px solid #FFE3B1;
}
#contenu #tagForm #taglist li:hover {
    background-color 	: #eee ;
}


#contenu #photosForm	{
    margin 			: 0 15px 10px ;
    border			: 2px solid #f5f5f5;
    padding			: 5px ;
    -moz-border-radius : 8px ;}
#contenu #photosForm input[type="submit"] {
    float				:  right ;
    margin-right	: 10px ;
    border-style	: outset ;
    display			: inline ;	}

#contenu #photos_container {
    margin: 20px;
    text-align:center;
}
#contenu #photos_container div .loader {
    margin: 10px;
    width: 100px;
    height: 100px;
    border-style: solid;
    border-width: 5px;
    border-color: #DEDFDE;
    overflow: hidden;
}
#contenu #photos_container img.load {
    margin: 36px;
}
#contenu #photos_container div {
    border-style: solid;
    border-width: 5px;
    border-color: #DEDFDE;
    margin: 5px 0;
}
#iframephotos			{
    font			: 100% "bitstream vera sans","Trebuchet MS",Verdana,Arial,sans-serif;
}
#contenu #iframe_container iframe {
    border-width: 0px;
    height: 50px;
    width: 230px;
}

/* *************************
admin
**************************** */

#contenu .news_admin_box {
    margin			: 20px 0;
    padding			: 0 ;
    border			: 1px solid #ddd ;
    -moz-border-radius: 10px ;
}
#contenu .news_admin_box_padding {
    padding			: 5px 10px 0px 15px ;
    margin			: 0;
}
#contenu .news_admin_box h3 {
    background		: transparent no-repeat 0 0;
    display			: inline;
    margin-left		: -10px;
}
#contenu .news_admin_box h3 a {
    color			: #000;
}
#contenu .news_admin_box h3 a img {
    margin-right	: 5px;
}
#contenu .news_admin_box h3 a:hover {
    color			: #E29A13;
}
#contenu .news_admin_box span.news_admin_box_date {
    color       	: #555555;
    float			: right;
    margin-top		: 3px;
}
#contenu .news_admin_box span.news_admin_box_comments {
    float			: right;
    padding-left	: 20px;
    margin-top		: 11px;
}
#contenu .news_admin_box p.news_admin_box_tags {
    margin			: 11px 0 0 20px;
}
#contenu .news_admin_box .news_admin_box_admin {
    text-align		: center;
    border-top		: 1px solid #FF0198;
    padding			: 5px 0;
}
#contenu .news_admin_box .news_container {
    border-top		: 1px solid #FF0198;
    padding			: 5px 2px;
}
#contenu .news_admin_box .news_container_inside {
    width			: 630;
    text-align		: justify;
}


#contenu .adminBody {
    width		: 658px;
    margin-left	: 170px;
    text-align	: justify;
}
#contenu .adminList	{
    margin		: 5px 10px 0 ;
    padding		: 4px 0 ;
    background	: #e7e7e7 ;
    font-size	: 13px ;	}
#contenu .adminList img	{
    margin		: 0 8px ;	}
#contenu .adminList .date		{
    padding-left	: 10px ;	}
#contenu .adminList a	{
    color		: #FF0198 ;	}
#contenu .inHome a	{
    color	: #f00 ;		}
#contenu .newsAdminBox	{
    border		: 1px solid #FF0198 ;
    border-width	: 0 1px 1px ;
    padding		: 2px 20px ;
    background	: #fbfbfb ;
    margin		: 0 20px 10px;
    -moz-border-radius: 0 0 5px 5px ;}
#contenu .newsAdminBox a	{
    color		: #3366FF ;	}
#contenu #newsAction	{
    margin		: 0 0 10px 140px;
    list-style	: none ;}
#contenu #newsAction li	{
    display		: block ;
    float		: left ;
    border 		: 1px solid #FF0198 ;
    border-width: 0 1px 0  0 ;
    padding 		: 2px 10px ; }
#contenu #newsAction li.last	{
    border		: 0 ;	}
#contenu #newsAction li a {
    color 		: #9ED200 ;
    font-weight	: bold ;	}
#contenu .date		{
    font-size	: 11px ;
    color		: #888 ;	}
input,textarea,select	{
    font		: 90%  Verdana,Arial,sans-serif;
}
input,textarea,select{
    border		: 1px solid #FFE3B1 ;
}
input:hover, textarea:hover, select:hover{
    border		: 1px solid #E7BC6E;
}
input:focus, textarea:focus, select:focus{
    border		: 1px solid #EB7D32;
}
.adminMediaThumb {float :left;width:30%;border:1px solid #ddd;margin:0 5px 5px 0;padding: 5px;}
.adminMediaThumb img {display:block;margin:0 auto;}

/*-------------------------------------*
 *            News Favoris             *
 *-------------------------------------*/


#contenu .favoris_thumb li .product:hover{
    border-top    : 1px solid #E00;
    border-bottom : 1px solid #E00;
    color         : #e29a13;
}
#contenu .favoris_thumb li .product{
    padding       : 0px 0px;
    height        : 30px;
    border-top    : 1px solid #DDD;
    border-bottom : 1px solid #DDD;
}
#contenu #favoris_thumb .product h2{
    color         : #333;
    font-size     : 110%;
    padding       : 0px 0px;
}
#contenu #favoris_thumb .product h2:hover{
    color         : #e29a13;
}

#contenu .favoris_thumb li .del_product{
    float         : left;
    opacity       : 0.6;
    margin        : 7px 0px 0px 0px;
}

#contenu .favoris_thumb li span:hover{
    opacity       :1;
}


 /*****************************************************
 *           Portfolio					              *
 ******************************************************/
#contenu #portfolio {
    margin		: 5px 15px ;
}
#contenu .photoBox {
    float		: left ;
    display 		: inline ;
    margin		:5px ;
    text-align	:center ;
    padding 		: 6px 0 0 ;
    color 		: #555;
    width 		: 190px;
/*	height 		: 175px;
    background 	: #eee ;
    -moz-border-radius:8px; */
}

#contenu .photoBox a, #contenu .photoBox a:active, #contenu .photoBox a:visited {
	color:#FFFFFF;
}

#contenu .photoBox a:hover {
	color:#0F0;
}

 /*****************************************************
 *           Interface administration                 *
 ******************************************************/

ul#portfolio {
    list-style			: none;
}

#portfolio li {
    float				: left;
    margin				: 3px 6px;
}

img.ajaxPortfolio {
    height				: 75px;
}

#questionnaire
{
	margin				: 20px;
	padding				: 20px;
	border				: 1px solid #0F0;
}

#questionnaire h3 {
	margin				: 0 0 8px 0;
	padding				: 0;
}

#questionnaire input.questionnaire {
	width				: 450px;
}

#questionnaire textarea {
	width				: 450px;
	height				: 200px;
}

/**
 * Styles pour le portfolio
 */

#portfolio {
	background-color:#000;
	padding:5px;
}

#portfolio h2.link {
	color:#FFF;
	font-size:12px;
	font-family:Helvetica, Verdana, Arial;
	margin:16px 0 0 16px;
	cursor:pointer;
}

#portfolio .photoBox {
	float:left;
	width:170px;
	height:120px;
	padding:5px;
	text-align:center;
}

#portfolio .photoBox {
	color:#FFFFFF;
	font-size:10px;
}

#portfolio .photoBox img {
	cursor:pointer;
}

#portfolio #player #gallery {
	padding: 30px;
}

#portfolio #player #descriptions {
	position: relative;
	background: #EEE;
	margin-top: 10px;
	width: 640px;
	overflow: hidden;
}

#portfolio #player #descriptions .ad-image-description {
	position: absolute;
}

#portfolio #player #descriptions .ad-image-description .ad-description-title {
	display: block;
}

body.portfolio {
	background: #000 url(/c/i/ad-gallery/bg-portfolio.pnng) top left no-repeat;
}

body.portfolio #player {
	margin:0 auto;
	padding:0 20px;
}

/*
 * Nouveau BO news
 */
 
.col.merged.bo-menu {
    border-bottom: 1px solid #00FF00;
    padding-top:25px;
}
 
.bo-menu a, .bo-menu a:hover, .bo-menu a:active, .bo-menu a:visited {
	width:auto;
	height:20px;
	border: 1px solid #FF0198;
	border-bottom:0px !important;
	display:block;
	float:left;
	margin-right:5px;
	padding:5px 5px 3px;
	text-align:center;
	width:90px;
}

.bo-menu a:hover, .bo-menu a.active {
	background-color:#00FF00;
	color:#FFFFFF;
	border: 1px solid #00FF00;
}

.bo-menu a.inactive:hover, .bo-menu a.inactive {
	background-color:#FFF;
	color:#CCC;
	border: 1px solid #CCC;
	cursor:default;
}

#photosEdit img.preview {
	float:left;
	margin-right:7px;
}

#photosEdit input[type=text] {
	width:220px;
}

#tagForm label {
	float:left;
}
#tagForm #uploadtags {
	float:left;
	width:260px;
}

#photos #applet {
	display:none;
}