/* Feuille de styles Standard                                                 */
/* par Tevolys                                                                */

body {
  text-align:center;
  margin: 0px;
  padding: 0px;
  font-family: "Trebuchet MS";
  font-size: 12px;
  color: #333333;
  font-weight: normal;
  background-color:#052025;
  background-image:url(/assets/templates/crbck/general/fond_global.jpg);
  background-repeat:no-repeat;
  background-position:top center;
}

img {
  border: 0;
}

#contenu ul {
  list-style-type: square;
  /*margin-left: 15px;*/
}
#contenu ul li {
  font-size: 12px;
  /*background: url(/assets/templates/crbck/general/puce_orange.gif) no-repeat left 10px;
  padding: 3px 0 3px 10px;*/
}
a {
  color: #666666;
}

a:hover {
  text-decoration:none;
}

#global {
  text-align:left;
  margin:0px auto;
  background-color:#ffffff;
  background-image:url(/assets/templates/crbck/general/fond_global_int.jpg);
  background-repeat:no-repeat;
  width: 976px;
}

#global_int {
  margin:0px 7px 0px 9px;
}

div#haut {
  display: block;
  width: 960px;
  height: 174px;
}

div#colonne1 {
	float: left;
	width: 165px;
	padding: 0;
	margin: 0;
}
div#colonne2 {
	float: right;
	width: 280px;
	padding: 0;
	margin: 0;
}
div#centre {
	margin-left: 180px;
	margin-right: 290px;
	/*padding: 0px 290px 0px 180px;*/
  min-height:850px;
  text-align:left;
}

div#bas {
  clear:both;
  border-top: solid 1px #777777;
  margin: 50px 0 20px 0;
  padding: 4px 15px;
  background-color:#ffffff;
}

.clear{
  overflow:hidden;
  font-size:0px;
  border:0px;
  line-height:0px;
  height:0px;
  clear:both;
}


/* navigation */

#bandeau {
	width: 960px;
	height: 133px;
        background-image:url(/assets/templates/crbck/general/haut.jpg);
        background-repeat:no-repeat;
}
#bandeau a {
	display: block; 
	width: 960px;
	height: 133px;
}

#navigation {
	width: 960px;
	height: 41px;
	background-image:url(/assets/templates/crbck/general/menu.jpg);
        background-repeat:no-repeat;
}

#navigation ul
{
	list-style-type: none;
	padding: 0;
	margin: 4px 0 0 4px;
}
#navigation li
{
        background: 0;
        padding: 0;
	display: inline;
	margin: 2px 0 0 2px;
	font-size: 13px;
	color: #FFFFFF;
}

#navigation li.sep {
	font-size: 10px;
}

#navigation li a 
{
	font-size: 13px;
	color: #44cfeb;
	text-decoration: none;
}
#navigation li.active a 
{
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}	
#navigation li a:hover
{
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}
#menu {
	float: left;
}
#accesadherents {
  float: right;
  margin-right: 4px;
  margin-top: 4px;
  font-size: 11px;
  color: #ffffff;
}
#accesadherents strong {
  color: #ffcc2a;
  font-size: 11px;
}
#accesadherents a {
  color: #ffffff;
  font-size: 11px;
  text-decoration: underline;
}
#accesadherents a:hover 
{
  color: #ffcc2a;
  text-decoration: none;
}
a#lienaccesadherents {
  color: #ffcc2a;
  font-size: 11px;
  text-decoration: none;
}
a#lienaccesadherents:hover {
  color: #ffffff;
  font-size: 11px;
  text-decoration: underline;
}

#menuaccesadherents {
  left: 815px; 
  width: 143px; 
  /*height:97px;*/
  top:0px;
  display: none;
  position: absolute; 
  text-align: right;
  margin-top: 28px;
  /*padding: 5px 10px; */
  background-color:#ffffff;
  border:1px solid #cccccc;
  border-top:0;
}

#menuaccesadherents_haut {
  background-image:url(/assets/templates/crbck/general/menu_adherents.jpg);
  font-size:0pt;
  height:7px;
}

#menuaccesadherents_int {
  background-color:#1c4d57;
  margin:0px 1px 0px 1px;
  padding:6px 6px 0 0;
}

#menuaccesadherents_int a {
  display:block;
  padding:3px 0 3px 0;
  font-size: 10px;
  color: #ffffff;
  text-decoration: underline;
}

#menuaccesadherents_int a:hover {
  font-size: 10px;
  color: #ffffff;
  text-decoration: none;
}

#menuaccesadherents_bas {
  background-color:#1c4d57;
  margin:0px 1px 1px 1px;
  font-size:0pt;
  height:6px;
}


/**** droite ****/

/* adherez */
#adherez {
   margin: 0 0 15px 0;
}

#ecopagayeur {
padding-bottom:8px;
}

#oupagayer {
padding-bottom:8px;
}

/* agenda */

.agendabloc {
  padding: 1px;
  border: solid 1px #1a606d;   
  text-align:left;
}

#agenda {
  margin: 0 0px;
  padding: 45px 15px 15px 10px;
  background: #d8d8d8 url(/assets/templates/crbck/general/agenda.jpg) no-repeat;
}

#agenda p {
  color: #333333;
  font-size: 11px;
  margin: 0 10px 0 10px;
}

#agenda a {
  color: #333333;
  font-size: 10px;
  text-decoration: underline;
}
#agenda a:hover {
  text-decoration: none;
}

#agenda h2 {
  color: #285660;
  font-size: 22px;
  margin: 0;
}

#agenda h3 {
  font-size: 16px;
  color: #285660;
  font-weight: bold;
  margin: 15px 0 0 0;
}


/* articles */

#articles h2 {
  display: none;
}
#articles h3 {
  color: #185c6b;
  font-size: 20px;
  margin: 15px 0 3px 0;
}
#articles p {
  color: #333333;
  line-height: 18px;
  font-size: 12px;
  margin: 0 16px 0 16px;
  padding: 0 0 0 3px;
}

/*
#articles p.resume {
  text-align: justify;
  border-left: solid 1px #aaaaaa;
}
#articles p.resume em {
  font-size: 11px;
}
#articles p.lirelasuite {
  color:#666666;
  text-align: right;
}
*/

.resume {
  text-align: justify;
  border-left: solid 1px #aaaaaa;
}
.resume em {
  font-size: 11px;
}
.lirelasuite {
  color:#666666;
  text-align: right;
}


#articles a {
  color: #666666;
  text-decoration: underline;
}
#articles a:hover {
  text-decoration: none;
}



/* colonne de gauche */

#breves, #comites {
  padding:1px;
  border: 1px solid #54630e;
  text-align:left;
  margin-bottom:12px;
}

#acces, #acces_adherents, #menu_adherents {
  padding:1px;
  background-color:#f8f8f8;
  border: 1px solid #dbdbdb;
  text-align:left;
  margin-bottom:12px;
}

#acces img, #breves img, #comites img, #acces_adherents img, #menu_adherents img {
  display: block;
}

#abonnementnewsletter 
{
  padding-bottom:8px;
}

/* bloc portail */ 
.outerbloc {
  /*margin: 0 0 15px 0;
  padding: 0;*/
}
.bloc {
  /*padding: 0 1px;
  border-left: solid 1px #DBDBDB;
  border-right: solid 1px #DBDBDB;
  background-color: #F8F8F8; */   
}

.bloc img {
  display: block;
}

.bloc h2 {
  font-size: 21px;
  font-weight: bold;
  color: #78b036;
  display: block;
  padding: 3px 10px;
  margin: 0;
}

.searchbox, #ajaxSearch_resultListContainer {
  padding: 10px 0;
}
.ajaxSearch_result {
  margin-bottom: 15px;   
  margin-top : 0;
  padding: 0;
}
.ajaxSearch_resultDescription {
  display: block;
}
.ajaxSearch_paging {
  display: block;
  margin-bottom: 10px;
}
.searchbox form, fieldset, .searchbox p {
  margin: 0;
  padding: 0;
  border: none;
}
.searchbox input {
  font-family: "Trebuchet MS";
  font-size: 11px;
}
 

/* accordions */
div.accordion  {
  margin: 0;
  padding: 0;
}
div.accordion div.selected .accordiontitle {
  font-size : 9px;
  color: #000000;
  padding: 3px 10px;
  margin: 1px 0 0 0;
  background: #96b01c url(/assets/templates/crbck/general/puce_down.gif) no-repeat 145px 7px;
  cursor: pointer;
}
div.accordion div.accordiontitle {
  font-size: 9px;
  color: #FFFFFF;
  padding: 3px 10px;
  margin: 1px 0 0 0;
  background: #96b01c url(/assets/templates/crbck/general/puce_up.gif) no-repeat 145px 7px;  
  cursor: pointer;
}
div.accordion div {
  font-size: 9px;
  color: #ffffff;
  margin: 1px 0 0 0;
}
div.accordion div img {
  display: block;
}
div.accordion div p {
  margin: 5px 5px;
}
div.accordion div a {
  color: #ffffff;
  text-decoration: none;
}
div.accordion div a:hover {
  color: #000000;
  text-decoration: underline;
}

/* links */
div.links 
{
    margin: 0;
    padding: 0 0 1px 0;
}
div.links ul {
  list-style-type: none;
  margin: 0 8px;
  padding: 3px 0;
}
div.links li 
{
    font-size: 11px;
    background: url(/assets/templates/crbck/general/puce_orange.gif) no-repeat left 10px;
    padding: 4px 0 4px 10px;
}
div.links li a 
{
    color: #333333;
    text-decoration: none;
}
div.links li a:hover 
{
    text-decoration: underline;
}

/* screen */

#screen {
  border: solid 1px #000000;
  padding: 0;
  margin: 0;
  width: 483px;
  height: 267px;
  overflow: hidden;  
}

#screenimage 
{
    position: relative;
}

#incrust 
{
    position: absolute;
    width: 483px;
    height: 267px;
    top: 0px;
    left: 0px;
    /*background-color: #5a5352;*/
    background: url(/assets/templates/crbck/general/incrust.png) no-repeat 0px 214px;    
    text-align:left;
    color: #ffffff;
}

#incrustint 
{
    position:absolute;
    top:214px;
    left:0px;
    width: 483px;
    height:53px;
    overflow: hidden;
    margin:0;
    padding: 3px 5px 0 15px;
    text-align:left;
}

#incrustint h2, #incrustint h3
{
  color: #ffffff;
  font-size: 15px;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

#incrustint p {
  margin: 5px 0;
}
#incrustint a 
{
  color: #ffffff;
  font-size: 11px;
  text-decoration: underline;
}
#incrustint a:hover
{
  text-decoration: none;
}

.thumbs {position:absolute; width:150px; top:0px; right:0px; margin: 0; padding: 0; list-style:none; }
.thumbs li{ 
  display:block;
  width:125px;
  height:70px;
  overflow:hidden;
  float:right;
  margin:8px 10px 0; 
}
.thumbs li.active { border: solid 1px #ffffff; }

.thumbs li img.thumb { cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto }


/* footer */

#bas {
clear:both;
}

div#bas a {
  color: #333333;
  font-size: 10px;  
  text-decoration: none;
}
div#bas a.pale {
  font-size: 9px; 
  color: #777777;
}
div#bas span {
  color: #333333;
  font-size: 10px;
}


/* navigation */

.blocnav {
  /*padding: 0 1px;
  border-left: solid 1px #DBDBDB;
  border-right: solid 1px #DBDBDB;
  background-color: #f6f6f6;*/
}
.blocnav h2 {
  font-size: 19px;
  color: #78b036;
  padding: 5px 0 0 8px;
  margin: 0 0;
}
.blocnav ul {
  padding: 0 0 10px 0;
  margin: 10px 6px 0px 8px;
  list-style-type: none;
}
.blocnav ul li {
  background: none;
  margin: 6px 0px 0px 0px;
}
.blocnav ul li ul li {
  margin: 0 0;
  background: none;
}

.blocnav ul li a {
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}
.blocnav ul li.active a {
  color: #78b036;
}
.blocnav ul li a:hover {
  color: #78b036;
}
.blocnav ul ul {
  padding: 0 0;
  margin: 0px 5px 0px 20px;
}
.blocnav ul li ul li {
  margin: 2px 0;
}
.blocnav ul li ul li a {
  font-size: 10px;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}
.blocnav ul li.active ul li a {
  color: #333333;
}
.blocnav ul li.active ul li.active a {
  color: #78b036;
}

/*  breadcrumb */

.B_crumbBox {
  font-size: 11px;
  color: #333333;
  font-weight: normal;  
}
a.B_crumb, a.B_homeCrumb {
  font-size: 11px;
  color: #333333;
  font-weight: normal;
  text-decoration: underline;
}
a.B_crumb:hover, a.B_homeCrumb:hover {
  text-decoration: none;
}


/* formulaires */

   #profileform label {
     color: #303030;
     width:150px;
     float:left;
     text-align:right;
     padding: 3px 10px;
   }

   #profileform p {
     margin: 5px 0;
     /*clear: both;*/
   }

   #profileform h1 {
     font-size: 14px;
     font-weight: bold;
     margin: 30px 0 5px 0;
   }
  
   #profileform input, select, textarea {
     font-size: 11px;
     padding: 2px 2px;
   } 

   #profileform p.wlpeMessageText {
     color: #000099;
     font-size: 15px;
     font-weight: bold;
     padding: 5px;
     margin: 0;
   }

   #profileform .required {
     color: #D70010;
   }  

   #profileform .helpinfo {
     font-size: 10px;
   }

   #poleDomDiv { float:left; }



/* styles editeur */

/*
.intro, #contenu p.intro, #contenu span.intro {
  display: block;
  margin: 0 10px;
  color: #996600;
  font-size: 12px;
  padding: 0;
  line-height: 20px;
  text-align: justify;  
}
*/

.middle {
  vertical-align:middle;
  display:inline;
}

.left{
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  float:left;
  display:inline;
}

.right {
  padding-top: 3px;
  padding-left: 3px;
  padding-bottom: 3px;
  float:right;
  display:inline;
}


/* newsletter */
.body,p,td
{
    font-family: "Trebuchet MS";
    font-size: 12px;
    font-weight: normal;
}
.body
{
    background-color: #F0EFEF;
    margin-top: 0px;
}
A.newsletter-lienadherent:link, A.newsletter-lienadherent:visited
{
    font-family: "Trebuchet MS";
    font-size: 12px;
    font-weight: normal;
    color: #ffcc2a;
    text-decoration: none;
}
.newsletter-titre
{
    font-family: "Trebuchet MS";
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.newsletter-soustitre
{
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
    color: #3e8fb7;
    margin-bottom: 0px;
    margin-top: 10px;
}
.newsletter-manifs-texte
{
    font-family: "Trebuchet MS";
    font-size: 12px;
    font-weight: normal;
    color: #666666;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.newsletter-news-titre
{
    font-family: "Trebuchet MS";
    font-size: 22px;
    color: #990000;
    margin-bottom: 0px;
    margin-top: 0px;
}
.newsletter-news-texte
{
    font-size: 13px;
    line-height: 22px;
    color: #000000;
    text-align: justify;
    margin-bottom: 0px;
    margin-top: 0px;
}

A.newsletter-lien:link, A.newsletter-lien:visited, .newsletter-news-texte a:link, .newsletter-manifs-texte a:link
{
    font-family: "Trebuchet MS";
    font-size: 12px;
    color: #3e8fb7;
    text-decoration: underline;
}
A.newsletter-lien:hover
{
    text-decoration: none;
}
.newsletter-droit-bloc
{
    display:block;
    font-size: 10px;
    font-weight: normal;
    background-color: #F0F0F0;
    width: 210px;
    border: 1px solid #999999;
    padding: 5px;
    text-align: left;
}
.newsletter-droit-bloc ul, .newsletter-droit-bloc li
{
    font-size: 12px;
    list-style-type: none;
    margin: 0;
    margin-left: 0;
    text-align: left;
}

.newsletter-droit-bloc li {
  font-size: 12px;
  background: url(/assets/templates/cgpme/images/puce_orange.gif) no-repeat left 10px;
  padding: 3px 0 3px 10px;
}

.newsletter-droit-bloc a:link, .newsletter-droit-bloc a:visited
{
    font-family: "Trebuchet MS";
    font-size: 12px;
    color: #000000;
    text-decoration: underline;
}
.newsletter-droit-bloc a:hover
{
    text-decoration: none;
}

.newsletter-droit-bloc-titre
{
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
    color: #990000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #990000;
}

.newsletter-titre-juridique
{
    font-family: "Trebuchet MS";
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #51640d;
}
.newsletter-soustitre-juridique
{
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
    color: #94b815;
    margin-bottom: 0px;
    margin-top: 10px;
}

.newsletter-titre-recrutement
{
    font-family: "Trebuchet MS";
    font-size: 18px;
    font-weight: bold;
    color: #003366;
    margin-bottom: 0px;
    margin-top: 10px;
}
.newsletter-soustitre-recrutement
{
    font-family: "Trebuchet MS";
    font-size: 16px;
    color: #3e8fc3;
    margin-bottom: 0px;
    margin-top: 0px;
}

.newsletter-titre-rouge 
{
	font-family: "Trebuchet MS";
	font-size: 24px;
	color: #990000;
}

.TXNewsletters_form_labelGauche {
display:block;
padding-top:2px;
float:left;
width:140px;
height:18px;
color: #333333;
position:relative;
top:0px;
text-align:left;
margin-right:2px;
}

.TXNewsletters_form {
margin:10px;
padding:2px;
}

.TXNewsletters_form_right {
padding-left:145px;
}

.TXNewsletters_form_item {
padding:1px;
margin:2px;
}

.TXNewsletters_form_item TEXTAREA {
vertical-align:middle;
border:1px solid #bbbbbb;
font-size:11px;
color: #333333;
}

.TXNewsletters_form_item INPUT {
width:350px;
height:20px;
vertical-align:middle;
border:1px solid #bbbbbb;
font-size:11px;
color: #333333;
}

INPUT.TXNewsletters_form_noborder {
border:0;
}

.TXNewsletters_form_noborder {
border:0;
}

.TXNewsletters_form_inputErr {
border:1px solid #ff0000;
}

.TXNewsletters_form_labelErr {
color:#ff0000;
}

.titre_article {
font-size: 20px;
font-weight: bold;
color: #185c6b;
}

.intro {
display:block;
margin-left: 10px;
color: #78b036;
font-size: 12px;
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
line-height: 20px;
text-align: justify;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #78b036;
}

.grand_titre {
font-size: 18px;
color: #000000;
}

.texte_bleu {
color: #185c6b;
}

.texte_gris {
color: #666666;
}

/* Easy Slider */

#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none !important;
	background: none !important;		
	}
#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:273px;
	height:108px;
	overflow:hidden;
		}
		
   #slider li a 
   {
   	float:left;
   	margin:0;
   	padding:0;
   }
	
#slider li img
{
	border: none;		
}
	
#prevBtn, #nextBtn {display:none }