/* --------------------------------------------------*/
/*    Site Internet CBNMED                           */
/*                                                   */
/*    StyleSheet for GreenGrass Template             */
/*    by David Herreman                              */
/*    http://www.free-css-templates.com              */
/*                                                   */
/*    CSS partie publique                            */
/*    Version 1.00  05/03/09 - OlGa                  */
/*    Version 3.00  05/10/11 - MaJ design v3         */
/* --------------------------------------------------*/

body {
    background-color:#333333;
    font-size:10pt;
    font-family:Arial;
    margin:0;
    padding:0;
    color:#333333;
}
/* --------------------------------------------------*/
/* Styles globaux                                    */
/* --------------------------------------------------*/

h4 {
    font-size: 12px;
    color: #50922C;
    text-align: left;
    background-color: #fff;
}

h1 {
    font-size: 20px;
    color: #646464;
}

/* --------------------------------------------------*/
/* Mise en page                                      */
/* --------------------------------------------------*/

#page {
    width:900px;
    margin:auto;
    padding:auto;
     background-image:url(../../_GRAPH/template_v3/page.png);      
}

#page2 {
    width:900px;
    margin:auto;
    padding:auto;
/*    background-image:url(../../_GRAPH/template_v3/pagetop.png);       */
    background-repeat:no-repeat;
/* 	background: url(../../_GRAPH/theme/content_bg.gif) repeat-y top center; */ 
}

#header {
    clear:both;
    width:850px;
    height:72px;
    background-image:url(../../_GRAPH/template_v3/header_CBN.png);
    padding-top:30px;
    padding-left:50px;
}

#header h1 {
    font-size:20pt;
    color:#FFFFFF;
    margin:0;
}

#header h1 a {
    color:#FFFFFF;
}

#menulinks {
    clear:both;
    width:875px;
    height:42px;
    padding-left:25px;
    background-image:url(../../_GRAPH/template_v3/menulinks.png);
}

#menu_top {
    background: #fff url("../../_GRAPH/templates/menu.gif") top center no-repeat;
    height: 40px;
    padding-top: 3px;
    padding-left: 20px;
    padding-right: 20px;
/*    background-color: #FF00C0;    */
}

/*
* html #menulinks a { 
  float: left;
  text-decoration: none;
  }

* html #menulinks a span { 
  float: left;
  text-decoration: none;
  }
  
#menulinks a {
	padding-left:11px;
	height:35px;
   background-image:none;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	float:left;
	font-size:14px;
	font-weight:bold;
	margin-right:3px;
	margin-left:3px;
  }

#menulinks a span {
	padding-left:8px;
	padding-right:20px;
	padding-top:9px;
	height:26px;
	display:block;
   background-image:none;
	text-decoration:none;
	cursor:pointer;
  }
  
  
#menulinks a:hover, #menulinks a.active {
	background-image:url(../../_GRAPH/template_v3/menuhover.png);
	background-position:top left;
	text-decoration:none;
	color:#555555;
}

#menulinks a:hover span, #menulinks a.active span {
   background: url(../../_GRAPH/template_v3/menuhoverright.png) right top no-repeat;
	text-decoration:none;
	color:#555555;
}
*/

#mainarea {
    width:840px;
    clear:both;
    padding-left:40px;
/* 	background: url(../../_GRAPH/theme/content_bg.gif) repeat-y top center; */
}

#contentfull {
    width:820px;
    float:left;
/*    background-color:rgb(255,102,153); */ 
}

#contentarea {
    width:560px;
    padding-right:30px;
    float:left;
    line-height:14pt; 
    padding-bottom:10px;
/*    background-color:rgb(255,102,153); */ 
}

#sidebar {
    float:left;
    width:250px;
    line-height:14pt;
/*    background-color:rgb(0,153,102);  */ 
}

#footer {
    width:900px;
    clear:both;
    height:30px;
    padding-top:20px;
    text-align:center;
    line-height:14pt;
    background-image:url(../../_GRAPH/template_v3/footer.png);
    background-repeat:no-repeat;
    color:#FFFFFF;
}

#footer a {
    color:#FFFFFF;
}

.description {
    font-size:14pt;
    color:#FFFFCC;
    margin:0;
    padding-left:5px;
}

a {
    color:#555555;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}              

/* Features specific to the phreplace page */

#featureDocs {
	background: rgb(204,0,255);
    width:250px;
}

#featureDocs ul {
	list-style-type: none;
	padding: 0;
	margin: 5px 0;
}
#featureDocs li {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 0.75em;
	margin: 0;
	border-bottom: 1px solid #CCC8A8;
	color: #000;
}
#featureDocs li a {
	padding: 2px 5px;
	color: #000;
	text-decoration: none;
	display: block;
}
#featureDocs li.sub a {
	padding-left: 15px;
}
#featureDocs li a:hover {
	background-color: #E4E2D1;
	text-decoration: none;
}
/*   
#contentPanel {
	clear: both;
	background: url(../../_GRAPH/theme/navigation_shadow.gif) repeat-x top center;
	padding-bottom: 100px;
}

#contentPanel #sidebar {
	float: right; 
	width: 250px; 
	padding: 10px 0 100px 0;
	padding-bottom: 100px;
}
#contentPanel #content { 
	margin: 0 270px 0 0; 
	padding: 1px 0 20px 0; 
} 
      */     
      
/* --------------------------------------------------*/
/* --------------------------------------------------*/
/* --------------------------------------------------*/

#featurePhreplace {
	background: #C0BB94;	
	margin-top: 10px;
}
#featureCategory {
	background: #8099B6;	
	margin-top: 10px;
}
#featureCategory ul {
	list-style-type: none;
	padding: 0;
	margin: 5px 0;
}
#featureCategory li {
	font-size: 0.875em;
	text-transform: lowercase;
	font-style: italic;
	padding: 2px 5px;
}
#featureCategory li:hover {
	background: #C9D3E0;
}
#featureCategory li a {
	color: black;
	text-decoration: none;
}
#featureCategory li a:hover {
	color: black;
	text-decoration: underline;
}
#featureTags {
	background: #E4E2D1;
}
/* Features specific to the phreplace page */
#featureDocs {
	background: #C0BB94;
}
#featureDocs ul {
	list-style-type: none;
	padding: 0;
	margin: 5px 0;
}
#featureDocs li {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 0.75em;
	margin: 0;
	border-bottom: 1px solid #CCC8A8;
	color: #000;
}
#featureDocs li a {
	padding: 2px 5px;
	color: #000;
	text-decoration: none;
	display: block;
}
#featureDocs li.sub a {
	padding-left: 15px;
}
#featureDocs li a:hover {
	background-color: #E4E2D1;
	text-decoration: none;
}
#featureRelated {
	background: #E4E2D1;
	font-size: 1em;	/* 11px */
}
#featureRelated .post {
	margin-top: 10px;
}
#featureRelated .postTitle {
	font-size: 1.09em; 		/* 12px */
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
	margin-bottom: 5px;
}
#featureRelated .postTitle a {
	color: #000;
	text-decoration: none;
}
#featureRelated .postTitle a:hover {
	color: #000;
	text-decoration: underline;
}
#featureRelated .postCreated {
	color: #868686;
	font-style: italic;
}
#featureRelated .excerpt {
	color: #5e5e5e;
	margin-top: 5px;
}
#featureRelated .excerpt p {
	display: inline;
	margin: 0px;
}
#featureRelated .readAll {
	text-align: right;
	padding-top: 10px;
}
.feature .icon {
	margin-right: 5px;
}
.tagCloud a {
	color: #000;
	text-decoration: none;
}
.tagCloud a:hover {
	color: #000;
	text-decoration: underline;
}
.feature {
	margin-top: -5px;
}
.feature .left {
	background: url(../../_GRAPH/theme/feature_left.png) repeat-y top left;
}
.feature .right {
	background: url(../../_GRAPH/theme/feature_right.png) repeat-y top right;
}
.feature .top {
	background: url(../../_GRAPH/theme/feature_top.png) no-repeat top left;
}
.feature .bottom {
	background: url(../../_GRAPH/theme/feature_bottom.png) no-repeat bottom left;
	padding: 10px 15px 20px 15px;
	width: 220px;
}
.feature .inner {
	padding: 5px;	
}

/* --------------------------------------------------*/
/* Styles pour COINS ARRONDIS                        */
/* --------------------------------------------------*/

#cadre {
/*    width: 25em;     */
    padding: 0px;
    background-color: white;
    border-top:solid 2px #DEDEDE; /* la bordure haute est blanche */
    border-left:solid 2px #DEDEDE; /* la bordure gauche est blanche */
    border-right:solid 1px gray; /* la bordure droite est noire */
    border-bottom:solid 1px gray; /* la bordure basse est noire */
}

#hautgauche, #hautdroit, #basgauche, #basdroit {
    height: 19px;
    width: 19px;
    background-repeat: no-repeat;
    font-size:1px; /* correction d'un bug IE */
}

#hautgauche {
    background: url(../../_GRAPH/hautgauche.gif);
}

#hautdroit {
    float: right;
    background: url(../../_GRAPH/hautdroit.gif);
}

#basgauche {
    background: url(../../_GRAPH/basgauche.gif);
}

#basdroit {
    float: right;
    background: url(../../_GRAPH/basdroit.gif);
}

#contenu p {
/*    color: #000000;     */
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    margin: 0em 1em 0em 1em;
}

#contenu a:link {font-style:normal; font-size: 12pt; color:#000000; text-decoration: none; padding: 0px;}
#contenu a:hover {background-color: silver;}
#contenu a:visited {font-style:normal; font-size: 12pt; color:#000000; text-decoration: none; padding: 0px;}
#contenu a:active {font-style:normal; font-size: 12pt; color:#000000; text-decoration: none; padding: 0px;}

/* --------------------------------------------------*/
/* SILENE - Image MAP                                */
/* --------------------------------------------------*/

#desc {
/*
    background: #fff url("../_GRAPH/cbnm.jpg") top right no-repeat;
    background-position:right top;
    background-image:url("../_GRAPH/cbnm.jpg";
*/
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:bold;
    font-size:14px;
    color:#000000;
    height:20px;
    text-align:center;
    font-weight:bold;
}

#contact {
    background-color: #FFFFFF;

    border-top:solid 2px #DEDEDE; /* la bordure haute est blanche */
    border-left:solid 2px #DEDEDE; /* la bordure gauche est blanche */
    border-right:solid 1px gray; /* la bordure droite est noire */
    border-bottom:solid 1px gray; /* la bordure basse est noire */

    padding: 0;
}

/* --------------------------------------------------*/
/* File browser                                      */
/* --------------------------------------------------*/

#file_browser {
    background-color: #FFFFFF;

    border-top:solid 2px #DEDEDE; /* la bordure haute est blanche */
    border-left:solid 2px #DEDEDE; /* la bordure gauche est blanche */
    border-right:solid 1px gray; /* la bordure droite est noire */
    border-bottom:solid 1px gray; /* la bordure basse est noire */

    padding: 10px;
}