@import url(mcewrapper.css);

/**********************************************
******************** Positionnement *******************
***********************************************/
#principal {
    text-align: left;
    background: transparent url(../images/bg_main.png) no-repeat left 200px;
}

#entete {
    position: relative;
    height: 104px;
}

#logo {
	float: left;
    margin: 10px 0 0 10px;
}

#col-droite {
    float: right;
    padding: 20px 25px 0 0;
    width: 270px;
}

#contenu {
    float: left;
    padding: 20px;
    width: 640px;
}

div.sanscols {
    float:none !important;
    width: auto !important;
}

#footer {
    clear:both;
    background: transparent url(../images/footer.png) no-repeat;
    padding-top: 14px;
}

#message_pied {
    text-align: center;
    color: #9f9f9f;
    font-size: 11px;
}

#liensitewebu {
	width: 34px;
	height: 26px;
	margin: 5px auto;
}

/**********************************************
******************** MENUS *********************
***********************************************/
.menu {
}

/*----------------------------- Menu Pied de page----------------------------------------------------*/
/*--- conteneur du menu ---*/
#footer .menu {
    text-align: center;
    margin: 0 0 5px 0;
}

#footer .menu li {
    display: inline;
    background: none;
    padding: 0;
    color: #ffbf00;
}

#footer .menu li a {
	color: #ffbf00;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0 5px 0 5px;
}

/*--- menu actifs et survol ---*/
#footer .menu li a:hover {
    text-decoration: underline;
    color: #9f9f9f;
}

/*----------------------------- Menu onglet----------------------------------------------------*/
/*--- conteneur du menu ---*/
#entete .menu {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 29px;
    right: 0;
}

#entete .menu li {
    display: block;
    float: left;
    margin: 0 0 0 3px;
    padding: 0;
    background: transparent url(../images/onglets.png) no-repeat right 0;
}

#entete .menu li a {
    color: #000;
    font-size: 13px;
    padding: 0 7px;
    margin: 0;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    float: left;
    line-height: 25px;
    font-weight: bold;
    background: transparent url(../images/onglets.png) no-repeat left -25px;
}

/*--- menu actifs et survol niveau 1 ---*/
#entete .menu li:hover,
#entete .menu li.itemactif {
    background: transparent url(../images/onglets.png) no-repeat right -50px;
}

#entete .menu li a:hover,
#entete .menu li.itemactif a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    background: transparent url(../images/onglets.png) no-repeat left -75px;
}

#entete .menu li ul {
    position: absolute;
    width: 980px;
    height: 29px;
    bottom: -29px;
    right: 0;
    padding: 0;
    margin: 0;
}

#entete .menu li ul li {
    display: block;
    float: right;
    padding: 0;
    margin: 0 0 0 3px;
}

#entete .menu li.itemactif ul li a {
    display: block;
    float: none;
    font-size: 13px;
    text-transform: none;
    text-decoration: none;
    font-weight: normal;
    border: 0;
    line-height: 29px;
    padding: 0 .5em;
    color: #000;
    background: transparent url(../images/ssmenu.png) repeat-x;
}

/*--- menu actifs et survol sous niveaux ---*/
#entete .menu li ul li a:hover,
#entete .menu li ul li.itemactif a {
    text-decoration: none;
    color: #fff;
    background: transparent url(../images/ssmenu.png) repeat-x 0 -29px;
    font-weight: normal;
    border: 0;
}
/**********************************************
************** Page d'accueil ****************
**********************************************/

.blocs_accueil {
    font-size: 13px;
}

.blocs_accueil h2 {
    background: transparent url(../images/head_bloc2.png) no-repeat;
    min-height: 47px;
    margin: 0 0 5px 0;
    line-height: 20px;
    font-size: 16px;
}

.blocs_accueil h3 {
    background: none;
    text-transform: none;
    padding: 0;
    color: #9f9f9f;
    margin: 0 0 5px 0;
}

#bloc_acc_h {
    width: 640px;   
}

#bloc_acc_h h2 {
    background: transparent url(../images/head_bloc1.png) no-repeat;
    font-size: 20px;
    vertical-align: bottom;
}

#bloc_acc_g {
    float: left;
    width: 300px;
    margin: 15px 0 0 0;
}

#bloc_acc_d {
    float: right;
    width: 300px;
    margin: 15px 0 0 0;
}

#bloc_acc_d h3 {
	margin: 0;
    padding: 0 0 0 10px;
    color: #626262;
    font-weight: bold;
    background: transparent url(../images/puce_orange.png) no-repeat 0 .5em;  
}

.blocs_accueil .vignette1 {
    padding: 6px 13px 0 16px;
    border: 0;
    margin: 0;
}

#bloc_acc_ref {
    clear: both;
    background: transparent url(../images/separ_accueil.png) no-repeat 0 15px;
    padding: 40px 0 0 0;
}

#cadre_actus {
    clear: both;
   	background: transparent url(../images/separ_accueil.png) no-repeat 0 15px;
   	padding: 40px 0 0 0;
}

#cadre_actus h2, #bloc_acc_ref h2 {
    color: #9f9f9f;
    border-bottom: 1px dotted #9f9f9f;
    padding: 0 0 3px 0;
    margin: 0 0 10px 0;
}

#cadre_actus .vignette1 {
	float: left;
    border: solid 3px #cfd0d2;
    padding: 0;
    margin: 0 10px 10px 0;
}

.contenu_actu {
    margin-left: 160px;	
}

.cadre_actu {
    clear: both;
    padding: 10px 0 0 0;
}
	
#cadre_actus h3 {
    margin: 0;
}

#lien_all_actus {
    font-weight: normal;
    text-decoration: none;
    color:  #9f9f9f;
    background: transparent url(../images/puce_lien.png) no-repeat 0 6px;
    font-size: 11px;
    float: right;
    padding-left: 13px;
}

.date_actu {
    font-size: 11px;
    color: #898989;
    font-style: italic;
    margin: 0 0 5px 0;
}

.lien_suite {
	margin: 5px 0 0 0;
	text-align: right;
}

.lien_suite a {
    background: transparent url(../images/puce_lien.png) no-repeat 0 4px;
    padding-left: 13px;
}


/**********************************************
****************** blocks ********************
**********************************************/




/**********************************************
************** Zones de la page ****************
**********************************************/
/*---------------- entete -------------------------------------------------*/
.baseline {
    visibility: hidden;
}

/*----------------- Affichage colonne droite --------------------------------------------------------*/

.blocsD {
    background: transparent url(../images/bg_blocsD.png) repeat-y;
    margin-bottom: 20px;
}

.blocsD h2 {
	font-size: 20px;
    color: #9f9f9f;
    font-weight: normal;
    min-height: 32px;
    background: transparent url(../images/head_blocsD.png) no-repeat;
    padding: 10px 0 0 50px;
    margin: 0 0 5px 0;
    
}

.blocsD .tidy_wrapper {
    padding: 0 20px;
}

p.liens_blocsD {
    margin: 10px 0 0 0;
    padding: 0 0 20px 0;
    background: transparent url(../images/foot_blocsD.png) no-repeat center bottom;
}

.blocsD .liens_blocsD a {
	display: block;
    background: transparent url(../images/puce_lien.png) no-repeat 0 4px;
    padding-left: 13px;
    line-height: 14px;
    margin: 0 20px 0 110px;
}

#bloc_contact {
    background: transparent url(../images/bloc_contact.png) no-repeat;
    height: 240px;
}

#bloc_contact h2 {
    background: none;
    color: #fff;
    font-variant: small-caps;
    text-transform: capitalize;
    font-size: 22px;
    font-weight: bold;
    padding: 10px 0 0 20px;
}

#bloc_contact .user_formulaires {
    padding: 0 20px;
}

#bloc_contact .user_formulaires label {
    text-align: left;
    color: #fff;
    padding: 0;
    line-height: 1.4em;
    width: 90px;
}

#champ_mail {
    text-align: right;
    margin-bottom: 0 !important;
}

#bloc_contact #useremail {
    width: 130px;
}


#bloc_contact .user_formulaires textarea {
    width: 228px;
    height: 60px;
}

#bloc_contact .user_formulaires .validation input {
	margin: 0;
	float: right;
    width: 69px;
    height: 24px;
    background: transparent url(../images/bg_btn.png) no-repeat;
    color: #000;
    font: 13px "Trebuchet MS", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

#bloc_contact .user_formulaires .validation input:hover {
    background: transparent url(../images/bg_btn_hover.png) no-repeat;
    color: #707070;
}

#bloc_contact p {
    margin-bottom: 5px;
}

/*----------------- Affichage colonne centrale --------------------------------------------------------*/



/**********************************************
************** Listes de publications ****************
**********************************************/
.cadres_publication {
    clear: both;
    margin-bottom: 1em;
}


/**********************************************
************** Xarpages ****************
**********************************************/
.cadres_contenu {

}

/**********************************************
************** Pagers ****************
**********************************************/
.pager {
    clear:both;
    margin:5px 0;
}

.pager span {
    color:#8296BB;
    font-weight:bold;
    text-decoration:underline;
}
/**********************************************
************** Class Génériques ****************
**********************************************/
.txt_16px {
	font-size: 16px;
}

.vignette1 {
    float: left;
    padding: 2px;
    border: 1px solid #e3e3e4;
    margin: 5px 10px 5px 0;
}

.vignette {
    padding: 2px;
    border: 1px solid #e3e3e4;
    margin: 5px 10px 5px 0;
}

.cacher {
    display:none;
}

.masquer {
    position:absolute;
    top:-9999em;
}

.hrspacer {
    height:1px;
    line-height:1px;
    visibility:hidden;
    clear:both;
    font-size:1px;
}

.toplink {}

.align_center {
    text-align:center;
}

.align_right {
    text-align:right;
}

.align_left {
    text-align:left;
}

.clearboth {
    clear:both;
}

.grosmessage {
    font-size:2em;
    color:red;
}

.xar-accent {
    background-color:#fdfbe4;
}

.help {
    cursor:help;
    border-bottom:dashed 1px #e5e5e5;
}

.tolowercase {
	text-transform:lowercase;
}

.barre {
    text-decoration:line-through;
}

.ttc {
    font-size:60%;
}

/**********************************************
********** Styles des formulaires utilisateurs *************
**********************************************/
/*---------- Configuration des dimentions ----------------------*/
.user_formulaires label, .user_formulaires .label {
  width: 22%;
}

.user_formulaires .filtre label, .user_formulaires .filtre .label {
  width:40%;
}

.cadre_upload, .cadre_checkbox, .webuploads_iframe {
    width:75%;
}

.webuploads_iframe {
    height:150px;
}

.cadre_upload label {
    width:50%;
}

.user_formulaires p.url_titre label {
    width:10%;
}

.demilargeur {
    float:left;
    width:48%;
    padding:.5%;
}

.demilargeur label, .demilargeur .label {
    width:50% !important;
}

/*----------------- Textarea ------------------*/
.user_formulaires .webu-textareasmall textarea {

}

.user_formulaires .webu-textareamedium {
    clear:both !important;
    float:none !important;
    display:block !important;
    margin-bottom:.5em !important;
}

.user_formulaires .webu-textareamedium textarea {
    height:15em;
    width:99%;
    clear:left;
}

.user_formulaires .webu-textarealarge {
    clear:both !important;
    float:none !important;
    display:block !important;
    margin-bottom:.5em !important;
}

.user_formulaires .webu-textarealarge textarea {
    height:40em;
    width:99%;
    clear:left;
}

/*-- patch tinymce --*/
.mceStatusbarPathText {
    width:90% !important;
}

/*------------------ Formulaires -------------*/
.user_formulaires {
}

.user_formulaires fieldset {
  border: 1px solid #ffbf00;
  padding:.5em;
  margin:.5em;
}

.user_formulaires legend {
  font-weight: bold;
  background-color: #666;
  color: #fff;
  padding: 0 .5em;
}

.user_formulaires p, .user_formulaires .cadre_champs_form {
  margin: 2px 0;
  clear: both;
}

.msg {
  text-align: center;
  font-weight: bold;
}

.user_formulaires p.msg_cat {
  margin: .1em 2em;
  font-weight: bold;
}

.erreur {
  font-weight: bold;
  background-color: transparent;
  color: red;
  font-size: 10px;
  line-height: 10px;
}

.user_formulaires .erreur {
  padding: 0;
  text-align: right;
  margin: 0 !important;
}

.user_formulaires label, .user_formulaires .label {
  float: left;
  text-align: right;
  padding: 0 .5em 0 0;
  line-height: 1.4em;
}

.user_formulaires label[title] {
  cursor: help;
}

.user_formulaires .legende {
    margin-left: 15px;
    font-style: italic;
    text-decoration: none;
    font-weight: normal;
    background: transparent;
}

.user_formulaires input, .user_formulaires textarea, .user_formulaires select {
  background-color: #fff;
  border: solid 1px #9c9d9f;
}

.user_formulaires input:focus, .user_formulaires textarea:focus {
}

input.input_checkbox {
    border:none !important;
    background-color:transparent !important;
    padding:0 !important;
}

.user_formulaires .input {
  color: #666;
  background: transparent;
  font-weight:bold;
}

.user_formulaires .enligne label {
    float:none;
    width:auto;
    text-align:left;
    display:inline;
    padding: 0 .2em 0 1em;
}

.user_formulaires .cases label {
    float:none;
    width:auto;
    text-align:left;
    display:inline;
}

.user_formulaires .mce_wrapper {
    background-color:#fff;
    padding:.5em;
    border:1px solid #ccc;
    clear:both;
}

.cadre_upload {
    border:1px solid #CCC;
    float:left;
    margin-bottom:.5em;
}

.cadre_checkbox {
    float:left;
    margin:0;
    padding:0;
    margin-bottom:.5em;
}

.cadre_checkbox p {
    padding:0 0 .5em 0 !important;
    margin:0 !important;
}

.cadre_checkbox label {
    float:none;
    width:auto;
    text-align:left;
    display:inline;
}

.separateur {
    border-top:1px solid #CCC;
    visibility: visible;
    height : 1px;
}

.validation {
    text-align:center;
    border:none;
}

.validation input, .validation button, .validationbtn {
    margin: 1em 0 0 0;
    width: 69px;
    height: 24px;
    background: transparent url(../images/bg_btn.png) no-repeat;
    color: #000;
    font: 13px "Trebuchet MS", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    padding:0 .5em;
    border:none;
    cursor:pointer;
}

.validationbtn {
    padding-top:.1em;
    padding-bottom:.1em;
}

.validation input:hover, .validation button:hover, .validationbtn:hover {
    background: transparent url(../images/bg_btn_hover.png) no-repeat;
    color: #707070;
}

input.input_normal {
    color:#333;
}

input.input_disabled {
    color:#ccc;
}

.required {
    font-weight:bold;
}