body {
	font-family : Arial,Helevetica,sans-serif;
	color : #000;
	font-size : 0.8em;
	background : #FCFCFC;
	margin: 0 auto;
}
#select{
	font-family : Arial,Verdana,Helevetica,sans-serif;
	color : #000;
	font-size : 0.8em;
	background: #EBEBEB;
	margin:auto;
}
img{border:0;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.center{margin:0 auto;}
.centre{float:left;margin-left:285px;}
.hidden{display:none;}
.erreur{color:#C33;margin-left:10px;}
.reussite{color:#0C0;margin-left:10px;}


.top{margin-bottom:5px;}
.erreur-orange{color:#FF9C2A;font-weight:bold;}
.erreur-rouge{color:#C33;font-weight:bold;}

/************************************/
/*			ACCUEIL					*/
/************************************/

#last-creation, #last-envoi{width:330px;margin-left:140px;}



/************************************/
/*			Module Newsletter		*/
/************************************/

#picker {left:0;position:absolute;top:auto;width:200px;}
.hasPicker{float:left;}

ul#sortable{list-style:none;margin:0 auto;display:block;width:800px;padding:0;float:left;display:block;}
ul#sortable li.sortable, ul#sortable li.no-sortable{border:1px solid #000;margin-bottom:0px;padding:9px;clear:both;}

ul.ajout li {float:left;height:60px;margin:0;width:100px;list-style:none;}
ul.ajout li:hover{cursor:pointer;}
ul.ajout {margin:0 auto;}

.back-white{background:white;}
.handle{cursor:move;margin-right:10px;float:left;}
.del{float:left;margin-right:150px;cursor:pointer;}
.additem { cursor : pointer; margin-right : 10px;}

.add:hover{cursor:pointer;}
#zone-add{width:780px;margin:0 auto;display:none;}

.bouton-choisir-newsletter {background-color: #5f5c5c;padding: 6px 40px;border-radius: 2px;width: 50px;color: white !important;}

/************************************/
/*	Sidebar du Module Newsletter	*/
/************************************/

#sidebar{padding : 10px;background : #ffffff;float : right;position:absolute}

#sidebar ul {min-height:300px;list-style:none;}
#sidebar ul li{display:block;margin:0 50px 5px -50px;float:left;}
#sidebar ul li img{border:5px solid #EDEDED;}

.notes h1{text-align:center;}

.zone-img{position:relative;}
.zone-img img{border:2px dashed #F0F0F0;}
.ui-draggable{z-index:1;}
.mceExternalToolbar{z-index:2;}
.zone-img .taille-img {background-color:#FFFFFF;top:2px;color:#000000;font-family:verdana;font-size:8px;height:14px;position:absolute;text-align:center;width:48px;right:2px;display:none;z-index:100;}
.multi-img-item .taille-img {right : 22px;}
.zone-img .ban-link{position:absolute;left:2px;top:2px;z-index:100;}
.zone-img .ban-link.actif {z-index : 9999; }
.zone-img .ban-link .url-img{background:url(../images/url.png);width:14px;height:28px; cursor: pointer; }
.zone-img .ban-link .url-img-rempli{background:url(../images/url-rempli.png);width:14px;height:28px;}
.zone-img .ban-link input{height:22px; margin-top : 0;}
.container-multi-item { float : left; text-align : center; }
.zone-img.multi-img-item { margin : 0 auto; width : 188px; }

.delete-item { position : absolute; right : 0px; top : 0px; cursor : pointer; border : none !important; z-index : 999;}

.position-img-droit{margin:0 10px 0 36px;}
.position-img-gauche{margin:0 36px 0 10px;}

/*HEADER */

#logo{background: url(../images/logo_sfi.png); position:absolute;top:1px;right:20px;width:33px;height:32px;}
#info_util{position:absolute;top:10px;right:120px; color:#FFFFFF;height:50px;}
ul#menu {
	margin: 0; padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	background: url(../images/topnav_stretch.gif) repeat-x;
}
ul#menu li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555;
	height:35px;
}
ul#menu li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#menu li:hover { background: #1376c9 url(../images/topnav_active.gif) repeat-x; }
ul#menu li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; top:35px;
	display: none;
	width: 100%;
	background: #1376c9;
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#menu li:hover span { display: block; } 
ul#menu li span a { display: inline; }
#info_util:hover  span{ display: block; } 
#info_util  span{
padding: 15px 10px;
	position: absolute;
	left: 0; top:25px;
	display: none;
	width: 83px;
	background: #1376c9;
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px; } 
#info_util:hover  span  a{ display: block; } 
#info_util  span  a{ color: #fff; } 
ul#menu li span a:hover {text-decoration: underline;}



/*MAIN */

#main{ margin:45px auto;width:960px;}
.main{ margin:45px auto;width:960px;}

label {
    width:190px;
    display:inline-block;
}
.zoombox-inline-content label {
    width : 184px;
} 
 
#container_select{
width:80%;margin:0 auto;}


.no-float{margin-left:120px;}

/* LOGIN */

#container_login{
width: 100%; 

}
.login-block {
    margin:10% auto;
    text-align:center;
    width:260px;
}

.login-block form {
    -moz-border-radius:15px 15px 15px 15px;
	-webkit-border-radius:15px 15px 15px 15px;
    -moz-box-shadow:0 0 10px #333333;
	-webkit-box-shadow:0 0 10px #333333;
	border-radius:15px;
	box-shadow: 0 0 10px #333333;
	border:3px solid white;
	background: #F9F9F9;
    padding:20px;
	width:auto;
}

.login-block .active-form {
    border-color:#81A1E2;
}
.login-block form p {
    margin:0;
    text-align:left;
}

.login-block label {
    color:#7C6767;
    font-size:14px;
	text-align:left;
}

.login-block input[type="text"], .login-block input[type="password"] {
    border-color:#EEEEEE #CCCCCC #CCCCCC #EEEEEE;
    border-right:1px solid #CCCCCC;
    border-style:solid;
    border-width:1px;
    font-size:15px;
    margin:0 0 15px;
    padding:5px;
    width:200px;
}

.login-block a.button {
    text-decoration:none;
}

.login-block input[type="text"]:focus, .login-block input[type="password"]:focus {
    border-color:#555555;
}

.submit input {
	width: auto;
	padding: 7px 11px;
	background: #617798;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


.error2{
color:#FF0000;
}

.bouton_editeur
{
color:#222222;
cursor:default;
display:inline-block;
padding:2px 10px;
text-align:center;
}
a.bouton_editeur {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-background-clip:border;
-webkit-background-inline-policy:continuous;
-webkit-background-origin:padding;
-webkit-border-radius-bottomleft:5px;
-webkit-border-radius-bottomright:5px;
-webkit-border-radius-topleft:5px;
-webkit-border-radius-topright:5px;

background:transparent url(/ckeditor/images/sprites.png) repeat-x scroll 0 -1069px;
border-collapse:separate;
cursor:default;
padding:5px 0;
}

a img{
	border:none;
}
a{
	text-decoration: none;
}

/* EXPLORATEUR IMAGES SUR UPLOAD */
.min{
	background:#FFFFFF url(/images/fondbloc.jpg) top left no-repeat;
	float:left;
	margin:0 15px 15px 0;
	padding:10px 10px 13px 10px;
	position:relative;
	height:112px;
	width:215px;
}
.min a{
	display:block;
	height:100%;
	position:relative;
	width:100%;
	overflow:hidden;
}
.min img{
	position:relative;
	width:100%;
}
.min:hover h3{
	background:#000 none repeat scroll 0 0;
	bottom:0;
	color:#FFF;
	font-family:Arial;
	font-size:9px;
	font-weight:normal;
	left:0;
	margin:0;
	width:205px;
	display:block;
	padding:5px;
	position:absolute;
	text-transform:uppercase;
}
.min:hover{
	background-position:bottom left;
}
.min h3{
	display:none;
}


/* tables sorter plugin */
/*
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	position:relative;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

.pager{position:absolute;bottom:0px;}
/* UPLOADIFY */
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 250px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

/**
 * Farbtastic Color Picker 1.2
 * C 2008 Steven Wittens
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
 */
.farbtastic {
  background:none repeat scroll 0 0 #666666;
border:1px solid #AAAAAA;
left:0;
position:relative;
top:1px;
z-index:99999;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(../js/farbtastic/wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(../js/farbtastic/mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(../js/farbtastic/marker.png) no-repeat;
}
/*
REFONTE JOURNAL
*/
.filters .row{
    margin: 5px 0;
}
.more-filters{
    display: none;
    margin: 20px 0;
}
.filters input:focus,
.filters button:focus,
.more-filters input:focus,
.more-filters input:focus{
    outline: none!important;
    box-shadow: none;
}
.more-filters label{
    line-height: 35px;
}
.more-filters .form-control{
    float: right;
    width: 60%;
}
.more-filters .checkbox{
    margin-top: 0;
    width: 60%;
    float: right;
}
.more-filters .checkbox label{
    padding-left: 0;
}
.more-filters .checkbox .form-control{
    box-shadow: none;
    width: 120px;
}
.label_exclusion_test{
    line-height: 33px;
}
.label_exclusion_test input.form-control{
    margin: 0;
}
.container_resultat_journal th{
    text-align: center;
    vertical-align: top!important;
}
.cms-content-editor label {
	width: auto;
	text-align: center;
	float: none;
}