/* FONTS */

@font-face {
    font-family: "opensans-condbold";
    src: url('../fonts/opensans-condbold-webfont.eot');
    src: url('../fonts/opensans-condbold-webfont.woff') format('woff'),
         url('../fonts/opensans-condbold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-conbold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "opensans-regular";
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


html {
  height: 101%; }

body {
  margin: 0;
  padding: 0; }

* {
  padding: 0;
  margin: 0; }

h1, h2, h3, h4, h5, h6, .contentheading, .componentheading {
  padding: 3px 0;
  margin: 0;
  line-height: 1.2;
  font-weight: bold;
  font-style: normal; }

h1, .componentheading {
  font-size: 1.75em; }

h2, .contentheading {
  font-size: 1.5em; }

h3 {
  font-size: 1.25em; }

h4 {
  font-size: 1em; }



p {
  padding: 5px 0; }

address {
  margin: 0.75em 0;
  font-style: normal; }

a:focus {
  outline: none; }

img {
  border: none; }

em {
  font-style: italic; }

strong {
  font-weight: bold; }

form, fieldset {
  margin: 0;
  padding: 0;
  border: none; }

input, button, select {
  vertical-align: middle; }

.clr {
  clear: both; }

#wrapper {
  margin: 0 auto; }

.full {
  width: 100%; }

.demi {
  width: 50%; }

.tiers {
  width: 33.33%; }

.quart {
  width: 25%; }

.flexiblemodule, .column, .logobloc {
  float: left; }

/* ---------------------------------------
	Sytles De bases
-----------------------------------------*/
body {
	background: url("../images/bg_body.jpg") repeat scroll 0 0 #FFFFFF;
    color: #626262;
    font-family: "opensans-regular",Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;}

a {
	color: #5c8682;
    text-decoration: none;
    transition: all 1s ease 0s; }

a:hover {
  color: #17A17F; transition:1s; }
  
#center .item-page img {
    margin-bottom: 10px;
    max-width: 100%; /*Vieux 585px */
	margin-top: 15px;
}
#center img {
    border: 1px solid #C3C3C3;
    max-width: 100%;  /*Vieux 587px*/
    padding: 4px;
}

h1, div.componentheading {
  color: #282f34;
  text-align: left;
  font-size: 24px; }

#center .item-page h2 a {
    color: #5c8682;
    font-family: "opensans-condbold",Arial;
    font-size: 20px;
    font-weight: lighter;
    margin: 0 0 10px;
    text-decoration: none;
    text-transform: uppercase;
}

h3 {
  text-align: left;
  font-size: 18px; }

#center .item-page h4 {
    color: #3A434A;
    font-family: "opensans-condbold",Arial;
    font-size: 18px;
    font-weight: lighter;
    margin: 15px 0;
}

h5 {
  text-align: left; }

h6 {
  text-align: left; }
  
#center .item-page ul, #center .item-page ol,
#center .blog ul, #center .blog ol {
    margin: 13px 0;
    padding-left: 40px;
}
#wrapper .button {
	background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px;
    color: #626262;
    cursor: pointer;
    font-family: 'opensans-condbold',arial;
    font-size: 13px;
    letter-spacing: 0.5px;

    padding: 5px 15px; 
 }

#wrapper .button:hover {
	border: 1px solid #17A17F;
    color: #17A17F;
 }
ul.pagenav li{
	list-style: none;
	display: inline-block;
}
ul.pagenav li a {
  display: block;
  background: none repeat scroll 0 0 #FAFAFA;
  border-radius: 3px;
  color: #626262;
  padding: 5px;
  padding-bottom: 7px;
  text-align: center;
  line-height: 20px; }

ul.pagenav li a:hover {
  background: #17A17F;
  text-align: center;
  color: #fff; }

.readmore a {
	background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px;
    color: #626262;
    cursor: pointer;
    font-family: 'opensans-condbold',arial;
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 5px 15px; }

.readmore a:hover {
 border: 1px solid #17A17F;
    color: #17A17F; }

.invalid {
  border: red; }

#header{
	width: 100%;
}

#wrapper {
  width: 990px;
  text-align: left; }

/****************************************************************************
*********** ______ ------  HEADER ------ ______ **************************/

#mainbanner {
	width: 990px;
	margin: 0 auto;
	
}

#mainbanner h1 img{
	border: medium none;
    margin: 1px 0 0px 20px;
}


#banner {
  /*width: 40%;*/
  text-align: left;
  float: right; 
  margin-right: 19px;
  }

/* Slide */
#slideshow .header {
    margin: 0 auto;
    width: 990px;
}

/****************************************************************************
*********** ______ ------ FIN HEADER ------ ______ **************************/


/*------------------------------------------------------------------------------------------------------------------------------*/
/****************************************************************************
*********** ______ ------ MODULE HAUT  ------ ______ ************************/
#modulestop > div.inner {
 }

#modulestop div.moduletable, #modulestop div.module, #modulestop div.moduletable_menu, #modulestop div.module_menu {
  text-align: left; }

#modulestop div.moduletable h3, #modulestop div.module h3, #modulestop div.moduletable_menu h3, #modulestop div.module_menu h3 {
  text-align: left; }

#moduletop1 > div.inner {
  padding: 2px;
  text-align: left; }

#moduletop1 div.moduletable, #moduletop1 div.module, #moduletop1 div.moduletable_menu, #moduletop1 div.module_menu {
  text-align: left; }

#moduletop1 div.moduletable h3, #moduletop1 div.module h3, #moduletop1 div.moduletable_menu h3, #moduletop1 div.module_menu h3 {
  text-align: left; }

#moduletop2 > div.inner {
  padding: 2px;
  text-align: left; }

#moduletop2 div.moduletable, #moduletop2 div.module, #moduletop2 div.moduletable_menu, #moduletop2 div.module_menu {
  text-align: left; }

#moduletop2 div.moduletable h3, #moduletop2 div.module h3, #moduletop2 div.moduletable_menu h3, #moduletop2 div.module_menu h3 {
  text-align: left; }

#moduletop3 > div.inner {
  padding: 2px;
  text-align: left; }

#moduletop3 div.moduletable, #moduletop3 div.module, #moduletop3 div.moduletable_menu, #moduletop3 div.module_menu {
  text-align: left; }

#moduletop3 div.moduletable h3, #moduletop3 div.module h3, #moduletop3 div.moduletable_menu h3, #moduletop3 div.module_menu h3 {
  text-align: left; }

#moduletop4 > div.inner {
  padding: 2px;
  text-align: left; }

#moduletop4 div.moduletable, #moduletop4 div.module, #moduletop4 div.moduletable_menu, #moduletop4 div.module_menu {
  text-align: left; }

#moduletop4 div.moduletable h3, #moduletop4 div.module h3, #moduletop4 div.moduletable_menu h3, #moduletop4 div.module_menu h3 {
  text-align: left; }

#main {
  text-align: left;
  margin-top: 25px; }

#main div.moduletable, #main div.module, #main div.moduletable_menu, #main div.module_menu {
  text-align: left; }

#main div.moduletable h3, #main div.module h3, #main div.moduletable_menu h3, #main div.module_menu h3 {
  text-align: left; }

/* ========================================================================
   Component: Off-canvas
 ========================================================================== */


.menumobile {
  /* 1 */
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: 1011;
  /* 2 */
  width: 270px;
  max-width: 100%;
  background: #484848;
  /* 3 */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* 4 */
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;

}
.menumobile ul, .menumobile li {padding: 0;  margin: 0;}
.menumobile ul li li {
	background: #5A5A5A;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	

.menumobile a, .menumobile span {
    display: block;
    height: 50px;
    line-height: 3.5em;
    color:rgba(255, 255, 255, 0.5);
    padding-left: 15px;
}


#hidemenu {
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:1010;
}
#hidemenu a {
	display:block;
	width:100%;
	height:100%;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
}


/****************************************************************************
*********** ______ ------ FIN MODULE HAUT  ------ ______ ********************/
/*------------------------------------------------------------------------------------------------------------------------------*/
/****************************************************************************
*********** ______ ------ MODULE GAUCHE  ------ ______ *********************/
#left > div.inner {
padding-right: 25px; }

#left div.moduletable, #left div.module, #left div.moduletable_menu, #left div.module_menu {
  text-align: left; }

#left div.moduletable h3, #left div.module h3, #left div.moduletable_menu h3, #left div.module_menu h3 {
  text-align: left; }

/****************************************************************************
*********** ______ ------ FIN MODULE GAUCHE  ------ ______ ******************/
/*------------------------------------------------------------------------------------------------------------------------------*/
/****************************************************************************
*********** ______ ------ CONTENU CENTRE  ------ ______ *********************/
#center > div.inner {
   background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px;
    margin: 0 0 20px;
    padding: 20px 25px;
	overflow:hidden;
 }
 
 
 
/* PAGE CONTACT */

#center .contact .contact-address img, #center .contact .contact-contactinfo img{
    border:none;
    padding:4px;
    margin-right:15px;
    float:left;
}

#center .contact .contact-telephone{line-height: 35px;}

#center .contact-form label{
    width:100px;
    float: left;
    margin-top:5px;
}

#center .contact-form fieldset{
    border:none;
    margin:0;
    padding:0;
}

#center .contact-form legend{font-size: 11px;}

#center input{
    margin-bottom: 15px;
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px 3px 3px 3px;
    height: 20px;
    font-family: 'opensans-regular', arial;
    color:#3A434A;
    font-size: 14px;
}

#center textarea{
    max-width:460px;
    width:460px;
    margin-bottom: 15px;
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px 3px 3px 3px;
    font-family: 'opensans-regular', arial;
    color:#3A434A;
    font-size: 14px;
}

#center #jform_contact_email_copy-lbl{
    padding: 0 0 15px;
    width: 225px !important;
}

#center .contact-form .button.validate, #center button{
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px 3px 3px 3px;
    padding:5px 15px;
    cursor: pointer;
    color:#626262;
    font-family: 'opensans-condbold', arial;
    font-size: 13px;
    letter-spacing: 0.5px;
    letter-spacing: lighter !important;
}

#center .contact-form .button.validate:hover, #center button:hover{
    color:#17A17F;
    border:1px solid #17A17F;
}

#center  input:hover, #center textarea:hover{
border:1px solid #17A17F;
}

#recaptcha_area {
    float: left;
    margin-bottom: 15px !important;
    width: 100%;
}


/**** FIL D'ARIANE ***/
.breadcrumbs > img {
    border: 0 none !important;
    padding: 2px !important;
}


/* ARTCILES ACTIONS */

#center .actions{padding: 0!important;}
#center .actions li{
	display: inline-block;
	list-style: none;
}
#center .actions img, #center .content_rating img {
	border: 0!important;
}

#center .content_vote .radio{
	padding: 0 5px;
}


/****************************************************************************
*********** ______ ------ FIN CONTENU CENTRE  ------ ______ *****************/
/*------------------------------------------------------------------------------------------------------------------------------*/
/****************************************************************************
*********** ______ ------  MODULE DROIT  ------ ______ *********************/
#right > div.inner {
  zoom: 1;
  text-align: left; 
  padding-left: 25px;
  }

#right .moduletable, #right div.module, #right div.moduletable_menu, #right div.module_menu,
#right .moduletable.acces, #right .moduletable.meteo, #right .moduletable.annuaire {
	background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px;
    margin: 0 0 20px;
    padding: 20px 0 5px 15px; }

#right div.moduletable h3, #right div.module h3, #right div.moduletable_menu h3, #right div.module_menu h3 {
  text-align: left; }

#right div.moduletable li a, #right div.module li a, #right div.moduletable_menu li a, #right div.module_menu li a {
  color: #17A17F !important; }

/****************************************************************************
*********** ______ ------ FIN MODULE DROIT  ------ ______ ******************/
/*------------------------------------------------------------------------------------------------------------------------------*/
/****************************************************************************
*********** ______ ------  MODULE CENTRE BAS  ------ ______ *****************/
#modulesbottom > div.inner {
  margin-top: 10px;
  text-align: left; }

#modulesbottom div.moduletable, #modulesbottom div.module, #modulesbottom div.moduletable_menu, #modulesbottom div.module_menu {
  text-align: left; }

#modulesbottom div.moduletable h3, #modulesbottom div.module h3, #modulesbottom div.moduletable_menu h3, #modulesbottom div.module_menu h3 {
  text-align: left; }

#modulebottom1 > div.inner {
     background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px;
    margin: 0 0 20px;
    padding: 20px 15px 5px; }

#modulebottom1 div.moduletable, #modulebottom1 div.module, #modulebottom1 div.moduletable_menu, #modulebottom1 div.module_menu {
  text-align: left; }

#modulebottom1 div.moduletable h3, #modulebottom1 div.module h3, #modulebottom1 div.moduletable_menu h3, #modulebottom1 div.module_menu h3 {
  text-align: left; }

#modulebottom1 a {
  color: #b82800; }

#modulebottom1 a:hover {
  color: #000000; }

#modulebottom2 > div.inner {
   background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px;
    margin: 0 0 20px;
    padding: 20px 15px 5px;}

#modulebottom2 div.moduletable, #modulebottom2 div.module, #modulebottom2 div.moduletable_menu, #modulebottom2 div.module_menu {
  text-align: left; }

#modulebottom2 div.moduletable h3, #modulebottom2 div.module h3, #modulebottom2 div.moduletable_menu h3, #modulebottom2 div.module_menu h3 {
  text-align: left; }

#modulebottom2 a {
  color: #b82800; }

#modulebottom2 a:hover {
  color: #000000; }

#modulebottom3 > div.inner {
   background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px;
    margin: 0 0 20px;
    padding: 20px 15px 5px; }

#modulebottom3 div.moduletable, #modulebottom3 div.module, #modulebottom3 div.moduletable_menu, #modulebottom3 div.module_menu {
  text-align: left; }

#modulebottom3 div.moduletable h3, #modulebottom3 div.module h3, #modulebottom3 div.moduletable_menu h3, #modulebottom3 div.module_menu h3 {
  text-align: left; }

#modulebottom3 a {
  color: #b82800; }

#modulebottom3 a:hover {
  color: #000000; }

#modulebottom4 > div.inner {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D3D1D1;
    border-radius: 3px;
    margin: 0 0 20px;
    padding: 20px 15px 5px;
 }

#modulebottom4 div.moduletable, #modulebottom4 div.module, #modulebottom4 div.moduletable_menu, #modulebottom4 div.module_menu {
  text-align: left; }

#modulebottom4 div.moduletable h3, #modulebottom4 div.module h3, #modulebottom4 div.moduletable_menu h3, #modulebottom4 div.module_menu h3 {
  text-align: left; }

#modulebottom4 a {
  color: #b82800; }

#modulebottom4 a:hover {
  color: #000000; }

/****************************************************************************
*********** ______ ------  FIN MODULE CENTRE BAS  ------ _____**************/
/*------------------------------------------------------------------------------------------------------------------------------*/
/****************************************************************************
*********** ______ ------  FOOTER ------ _____*******************************/
#footer, #footersocial {
    display: block;
    margin: 0 auto;
    /*width: 990px;*/
    width: 890px;
}
.footerbg{
    background: #f2f2f2;
    min-height: 270px;
}

.footerbg2{background: #3a434a;margin-top: 98px;}

#footersocial{ padding: 20px 0 25px 0;}


#footer .custom_copyright{
    clear: both;
    font-family: 'opensans-condbold', Arial;
    font-size: 12px;
    color:#cdcccc;
    font-weight: lighter !important;
    text-align: center;
    letter-spacing: 0.5px;
    padding-top: 50px;
}

#footer .custom_copyright a{
    color:#cdcccc;
    text-decoration: none;
}

#footersocial .moduletable_liens, #footersocial .moduletable_plan{
    float: left;
    height: 210px;
    margin-right: 84px;
    width: 260px;
}

#footersocial h3{
    color:#3a434a;
    font-family: "opensans-condbold", Arial;
    font-size: 20px;
    text-transform: uppercase;
    margin:0;
    font-weight: lighter;
    margin-bottom: 20px;
}

#footersocial .moduletable_contact p, #footersocial .moduletable_contact a{
    color:#3a434a;
    font-family: "opensans-condbold", Arial;
    font-size: 15px;
    text-decoration: none;
}

#footersocial .moduletable_contact img{
    float:left;
    margin-right:20px;
}

#footersocial .moduletable_plan .custom_plan{
    background: url('../images/ombre_plan.png') center bottom no-repeat;
    padding-bottom:7px;
    width:215px;
}

#footersocial .moduletable_plan .custom_plan img{
    border: 1px solid #d3d1d1;
    padding:4px;
    opacity: 1;
}

#footersocial .moduletable_plan .custom_plan img:hover, #footersocial .moduletable_liens .custom_liens img:hover{
    opacity: 0.7;
}

#footersocial .moduletable_liens .custom_liens img {
    padding:2px;
    border: 1px solid #d3d1d1;
    max-height: 72px;
    max-width: 94px;
}

.custom_copyright li {
    display: inline;
    margin: 0 5px;
	color:#cdcccc;
}
/*************************** _--------_ MODULE POSITION Footer  _--------_ ***************************/
#footer .moduletable {
	float: left;
   /* margin-right: 93px;*/
   margin-right: 65px;
}
#footer .moduletable:last-child {
    
    margin-right: 0;
}
#footer .moduletable h3{
	color:#5c8682;
	font-size: 15px;
	font-family: opensans-condbold;
}
#footer .moduletable .custom p, #footer .moduletable .custom a, #footer .moduletable .custom {
	color:#fff;
	
}
/*#footer{padding: 30px 50px 15px}*/
#footer{padding: 30px 50px 15px}

/****************************************************************************
*********** ______ ------  FIN FOOTER  ------ _____*************************/

/*************************** _--------_ Styles ajouter  _--------_ ***************************/

/* Slogan Accueil*/
.slogan16 {
    margin-top: 56px;
    margin-bottom: 56px;
}
.slogan16 .custom > p {
    color:#3C434B;
  font-size:25px;
  font-weight:lighter;
  text-align:center;
}
.divider {
	margin: 0 11px;
	}
#center > div.filigrane {
    background: url("../images/filigrane.png") no-repeat scroll right top #fafafa;
}
#center .contact dt {
    margin: 10px 0;
}
.control-group {
    padding-top: 10px;
}
.form-limit, .ordering-box, .only {
    display:none;
}
#searchForm input {
    height: 28px;
    margin: 0 5px 0 0;
    padding: 0 10px;
}
#searchForm .searchintro {
    margin: 10px 0;
}
.pucef {
	 background: url("../images/puce-f.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	 margin-left:3px;
}
.pucef a{
	 margin-left:11px;
}

#logo a, #logo #logo-titre{
    float: left;
}
#logo-titre {
    color: #5c8682;
    font-family: opensans-condbold;
    margin-left: 92px;
    margin-top: 45px;
    text-transform: uppercase;
}
.erreur > img{
	border:medium none !important;
	}
#jform_articletext_tbl  img {
	margin-bottom: 0 !important;
    margin-top: 0 !important;
    max-width: auto;
	border: none;
    padding: 0px;
}
.alert.alert-error {
    background: none repeat scroll 0 0 #fff;
    margin-bottom: 20px;
    padding: 0 10px;
}
#center .dropdown-menu {
	float: right;
    margin: 0 !important;
    padding: 0 !important;
}
#center .dropdown-menu li{
	display: inline-block;
	list-style: none;
}
#center .dropdown-menu .print-icon a {
    /*background: url("../images/print.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    
}
#center .dropdown-menu .email-icon a{
	/*background: url("../images/email.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    
}

/**********soleil frontend**************/
.btn-toolbar {
    display: inline-block;
    position: relative;
    width: 100%;
}
.btn-toolbar .btn-group {
    float: left;
	margin-right:10px;
}
#jform_featured_chzn, #jform_state_chzn , #jform_catid_chzn, #jform_tags_chzn{
	width: 150px !important;
}
.chzn-drop .chzn-results{
    padding-left: 0px !important;
}
#jform_tags_chzn .chzn-choices{
    padding-left: 0px !important;
}
#editor-xtd-buttons {
    display: none;
    overflow: hidden;
}
#adminForm .nav.nav-tabs {
    display: none;
}

/************************/
.tableaux{
	margin-bottom: 20px;
}
.tableaux tr td{
    padding: 10px 10px;
	vertical-align: top;
}
@media screen and (max-width: 768px) {
.tableaux {
    height: 100%;
    width: 100%;
}
.tableaux, .tableaux thead, .tableaux tbody, .tableaux th, .tableaux td, .tableaux tr {
    display: block;
}

.tableaux tr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #dbe4e3;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    position: relative;
}
}