/* Start of CMSMS style sheet 'Martial Meylan CSS Main' */
/*************************************************************/
/*   Webdesign:  DO-JO | Web and Graphic Design (Ecran)      */
/*   Auteur:  Dominique Pévenasse (do@do-jo.net)             */
/*   Date:    10 juillet 2006                                */
/*-----------------------------------------------------------*/

/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
body {
	background: #FFF;
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size: 10px;
	color: #111111;
	text-align: center;
	display: block;
	margin-top: 0px;
	}
/*------------------------------------------------------------*
**  Titre et Texte
**------------------------------------------------------------*/		
h1 {
	padding: 10px 0 0 0;
        font-size:110%;
        color:#9AC13A;
}
h2 {
	padding: 10px 0 0 0;
        font-size:110%;
        color:black;
        margin:0 0 5px 0;
	}
td, tr, th {
text-align:left;
}

/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#wrapper {
	position:relative;
	background: #fff url(images); /* Cancel IE Fix */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 900px;
	top: 20px;
	}
	
/*------------------------------------------------------------*
**  Top
**------------------------------------------------------------*/		
#top {
	padding: 10px 0 0 0;
	}
	
/*------------------------------------------------------------*
**  Page
**------------------------------------------------------------*/	
#content
{
	background:#fff;
	float:left;
	width:900px;
	text-align: justify;
	/*border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B9BABB;*/
        padding-bottom:30px;
	top: 20px;
}	
/*------------------------------------------------------------*
**  Nav
**------------------------------------------------------------*/

#menu {
	padding-left: 5px;
}

#menu ul {
	background: #FFF;
	margin: 0;
	height:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9BABB;
	padding-top: 10px;
	}
#menu li {
	margin: 0;
	height:20px;
	list-style-type: none;
	display: inline;
	}		
#menu li a {
	text-decoration: none;
	color: #333333;
	font-size: 10px;
	float: left;
	padding-top: 0x;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
        text-transform:lowercase;
        margin-right:20px;
	}
#menu li a:hover { color: #9AC13A;  }
#menu li a.on { color: #9AC13A; }

#sousmenu {
	background: #FFF;
	margin: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	height: 15px;
	padding-top: 5px;
	}
#sousmenu li {
	list-style-type: none;
	display: inline;
	}		
#sousmenu li a {
	text-decoration: none;
	color: #333333;
	font-size: 10px;
	float: left;
	padding-top: 0x;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
        text-transform:lowercase;
        margin-right:20px;
	}
#sousmenu li a:hover { color: #9AC13A;  }
#sousmenu li a.on { color: #9AC13A; }

/*------------------------------------------------------------*
**  Side Content
**------------------------------------------------------------*/

#sidemenu {
	background: #FFF;
	margin: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-top: 0;
	height: 15px;
	}
#sidemenu li {
	list-style-type: none;
	display: inline;
	}		
#sidemenu li a {
	text-decoration: none;
	color: #AAAAAA;
	font-size: 10px;
	float: right;
	padding-top: 0x;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
        text-transform:lowercase;
	}
#sidemenu li a:hover { color: #9AC13A;  }
#sidemenu li a.on { color: #9AC13A; }



#sidecontent {
	float: left;
	width: 70px;
	}
#titresidecontent {
	text-align: center;
	color: #9AC13A;
	height:20px;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9BABB;
	padding-left: 10px;
	display: block;
	}
	
#titresidecontent  a {
	text-decoration: none;
	color: #9AC13A;
	font-size: 10px;
	float: left;
	padding-top: 0x;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 10px;
	}
#titresidecontent  a:hover { color: #9AC13A;  }
#titresidecontent  a.on { color: #9AC13A; }
/*------------------------------------------------------------*
**  Side Bar & Content
**------------------------------------------------------------*/
#txtcontent {
	overflow: hidden;
	float: left;
	width: 890px;
	margin-bottom: 0;
	margin-top: 20px;
	margin-left: 10px;
        padding-right:15px;
        /*height:460px;*/
	}

#txtcontent p {
	margin:0;
        padding:0 0 10px 0;
	}

#txtcontent a {
	text-decoration: none;
	color: #333333;
	font-size: 10px;
	}
#txtcontent a:hover { color: #9AC13A;  }
#txtcontent a.on { color: #9AC13A; }

#txtcontent .breadcrumbs {
	padding: 10px 0 0 0;
        font-size:11px;
        color:#9AC13A;
        text-transform:lowercase;
        font-weight:bold;
}
#txtcontent .breadcrumbs_current {
	padding: 10px 0 0 0;
        font-size:11px;
        color:#9AC13A;
        text-transform:lowercase;
        font-weight:bold;
}
#txtcontent .breadcrumbs a {
	padding: 10px 0 0 0;
        font-size:11px;
        color:#9AC13A;
        text-transform:lowercase;
        font-weight:bold;
}

/*Special sans assenceurs_________________________*/
#txtcontentS {
	overflow: hidden;
	float: left;
	height: 350px;
	width: 595px;
	margin-bottom: 20px;
	margin-top: 40px;
	margin-left: 15px;
	}

#txtcontentS a {
	text-decoration: none;
	color: #333333;
	font-size: 10px;
	}
#txtcontentS a:hover { color: #9AC13A;  }
#txtcontentS a.on { color: #9AC13A; }


#sidebar h3, #content h3 { 
	font-size: 1.1em; 
	color: #007a32; 
	margin: 0 5px 0 0; 
	cursor: default;
	}
#content div, #sidebar div {
	}	
/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
	/*
#txt li {
	list-style-type: none;
	text-align: left;
	}*/
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer {
	position: relative;
	width:900px;
	border-top-style: solid;
	border-top-color: #B9BABB;
	border-top-width: 1px;
	float: left;
	display: block;
	}
	



#footerleft 
{
	background:#fff;
	float:left;
	width:600px;
	text-align: left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	line-height: 16px;
	margin-left: 10px;
        /*background:url(uploads/images/bg_logo.gif) no-repeat;*/
}	
#footerleft ul
{
	margin: 0px;
	list-style-type: none;
	padding: 0px;
}	
#footerleft li
{
	margin: 0px;
	padding: 0px;
	background-image: url(images/Image2.png);
	background-repeat: no-repeat;
	background-position: left center;	
}	

#footerleft li span
{
	color:#9AC13A;
}	

#footerleft li span.meylan
{
	color:#000000;
}	

#footerleft a {
	text-decoration: none;
	color: #333333;

	
}
#footerleft a:hover { text-decoration: none; color: #9AC13A;}

#txtfooter {
	
	padding-left: 0;
	}
	
#sidefooter {
	width: 159px;
	height:45px;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B9BABB;
	padding-top: 28px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 10px;
	text-decoration: none;
	line-height: 16px;
	vertical-align: bottom;
	text-align: left;
	position: relative;
	margin-bottom: 0px;
	font-size: 10px;
	}
	
#sidefooter a {
	text-decoration: none;
	color: #333333;
        text-transform:lowercase;
	
}
#sidefooter a:hover { text-decoration: none; color: #9AC13A;}
#sidefooter a.on { color: #9AC13A; }

.gris {
	color: #666665;
	line-height: 20px;
	clip: rect(auto,auto,auto,auto);
	padding-left: 20px;
	font-style: oblique;
}
.arrowgris {
	color: #666665;
	line-height: 19px;
}
.noir {
	color: #000;
}
.img {
	padding: 12px;
	float: left;
}
.meylan {
             font-weight:bold;
}
/* End of 'Martial Meylan CSS Main' */

/* Start of CMSMS style sheet 'Articles CSS' */
.articles  {
border-bottom:solid 0px #EEEEEE;
padding-top:10px;
padding-bottom:10px;
height:70px;
clear:both;
font-size:10px;
}
.articles p {
font-size:10px;
}
.articles h1 {
font-size:0.9em;
}
.articles .image {
margin-right:20px;
width:80px;
}
.articles .image a {
background-color:#FFFFFF;
border:0px solid #EEEEEE;
display:block;
line-height:0px;
margin:0px 9px 9px 0px;
padding:4px;
}
.articles .image {
float:left;
}
/*.articles .image a:visited {
background-color:#FFFFFF;
border:1px solid #EEEEEE;
}*/
.articles .image a:hover {
background-color:#FFFFFF;
border:1px solid #9CBC22;
padding:3px;
}
.articles ul {
padding:0;
margin:0;
}
.articles li.title {
/*list-style-image: url(uploads/images/puce.png);*/
list-style: inside square;
/*background:url(uploads/images/puce.png) left no-repeat;*/
font-weight:bold;
color:#9CBC22;
font-size:100%;
margin:40px 0 5px;
padding:0;
line-height:6px;
}
.articles li.morelink {
list-style-type:none;
margin-left:0px;
}

#articles_detail h1 {
color:black;
margin-bottom:30px;
}
#articles_detail h2 {
margin-top:40px;
}
#article_detail #left_text {
color:black;
float:left;
}
#article_detail #left_text ul {
margin:20px 0 20px 30px;
padding:0;
}
#article_detail #left_text li {
margin:0 0 20px 0;
padding:0;
list-style-image:url(uploads/images/puce.png);
line-height:6px;
}
#article_detail #summary {
}
#article_detail #content {
top:200px;
}

#article_detail #content1 {
color:black;
font-size:10px;
font-weight:normal;
}
#article_detail #content2 {
color:black;
font-size:10px;
font-weight:normal;
}
#article_detail #content3 {
color:black;
font-size:10px;
font-weight:normal;
}

#article_detail #image {
text-align:right;
margin-bottom:5px;
}
#article_detail #thumbnails {
margin-bottom:5px;
float:right;
}
#article_detail #thumbnails .images {
right:0;
float:right;
margin-left:5px;
}
/* End of 'Articles CSS' */

/* Start of CMSMS style sheet 'Martial Meylan CSS Form' */
.cmxform {
	width: 370px;
	font-size: 1.1em;
	color: #333;
}
	
.cmxform legend { padding-left: 0; }
	
.cmxform legend,
.cmxform label { color: #333; }

.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
}
	
.cmxform fieldset fieldset { 
background: none; 
}
	
.cmxform fieldset li {
padding: 5px 10px 7px;
background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}

.cmxform fieldset { margin-bottom: 10px; }
	
.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}
	
.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

.cmxform label { width: 120px; } /* Width of labels */
.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

/*\*//*/ .cmxform legend { display: inline-block; } /* IE Mac legend fix */
/* End of 'Martial Meylan CSS Form' */