/* Start of CMSMS style sheet 'Sylune' */
@charset "utf-8";
/* CSS Document */

body { 
	padding: 0; 
	margin: 0; 
	font: 12px Tahoma, "Trebuchet MS", sans-serif; 
	background: url(images/cms/fond800.gif) center repeat-y #000000; 
	color: #e8e8e8; 
	line-height: 120%;
}

a {
color:#ffcc99;
text-decoration:none;
}

a:hover {
color:#ffcc99;
text-decoration:underline;
}

a:visited {
color:#ffcc99;
text-decoration:none;
}

a:active {
color:#ffcc99;
text-decoration:none;
}

.content { 
	margin: 0 auto;
	width: 800px;
-width: 830px;
}

.header { 
	height: 80px;
}

.logo {
    width:200px;
    float:left;
margin-left:12px;
-margin-left:6px;
margin-top:20px;
}

.corps {
float:left;
margin: 0;
width: 800px;
-width: 830px;
}

.colonne {
float:left;
position:relative;
-position:;
margin: 0;
width: 210px;
height: 414px;
}

.colonne_bas {
float: right;
position:absolute;
-position:;
width:190px;
margin:375px 10px 0px 10px;
-margin:125px 10px 0px 10px;
text-align:left;
}

.contenu {
float:right;
margin: 0;
width: 590px;
}

.contenu_fil {
float:left;
height:18px;
text-align:right;
width:556px;
float:left;
margin: 0 10px 0 10px;
padding-right:14px;
}

.contenu_fil_right {
float:right;
margin: 0;
width: 14px;
height:18px;
background:url(images/cms/coinhaut_right.png) no-repeat;
}

.contenu_fil_left {
float:right;
margin: 0;
width: 14px;
height:18px;
background:url(images/cms/coinhaut_left.png) no-repeat;
}

.contenu_fil_centre {
float:right;
margin: 0;
height:14px;
background:#3d3d3d;
width:auto;
padding:2px 0 2px 0;
}

.contenu_haut {
float:left;
margin: 0 10px 0 10px;
width: 570px;
height:14px;
background:url(images/cms/barre_haut_570.png) no-repeat left;
}

.contenu_centre {
float:left;
margin: 0 10px 0 10px;
padding: 14px 30px 14px 30px;
width: 510px;
height:402px;
background-color:#3d3d3d;
color: #e8e8e8;
text-align:justify;
overflow-y : auto;
}

.contenu_bas {
float:left;
margin: 0 10px 0 10px;
width: 570px;
height:14px;
background:url(images/cms/barre_bas_570.png) no-repeat bottom;
}

#menu_vert {
float:right;
width:190px;
margin-top:35px;
margin-right:10px;
-margin-left:10px;
}

#menu_vert ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-bottom: 1.6em;
	line-height: 180%;
}

#menu_vert ul ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-bottom: 1em;
	line-height: 180%;
}

#menu_vert ul ul li {
	padding: 6px 0px 2px 4px;
	text-align:left;
                background:none;
}


#menu_vert li {
	padding: 8px 0px 2px 0px;
	background: url(images/cms/barre_menu.gif) bottom no-repeat;
	text-align:left;
}

#menu_vert a {
color:#ffcc99;
text-decoration:none;
}

.ligne_haut {
float:left;
width:510px;
height:128px;
margin:0 0 9px 0;
}

.ligne_bas {
float:left;
width:510px;
height:128px;
margin:0 0 0 0;
}

.ligne_texte_left {
float:left;
width:320px;
padding-right:10px;
height:128px;
text-align:left;
}

.ligne_texte_right {
float:right;
width:320px;
padding-left:10px;
height:128px;
text-align:right;
}

.ligne_barre {
float:left;
width:22px;
height:128px;
background:url(images/cms/barre_vertical.gif) no-repeat center;
}

.ligne_img_left {
float:left;
width:158px;
height:128px;
background:#202020;
text-align:center;
align:absmiddle;
}

.ligne_img_right {
float:right;
width:158px;
height:128px;
background:#202020;
text-align:center;
align:absmiddle;
}

.img_atelier {
float:left;
margin: 0 5px 5px 0;
}

h1 {
	font-size: 100%;
	font-weight: bold;
    margin:0;
    padding:0;
}

h2 {
	font-size: 100%;
	font-weight: bold;
	margin:0;
    padding:0;
}

h3 {
	font-size: 100%;
	font-weight: bold;
	margin:0;
    padding:0;
}

hr {
  color: #000000;
  background: #000000;
  height: 1px;
  border: 0;
}

.clear_both {
  clear: both;
}

input { 
background-color:#666666;  
color: #ffffff;  
font-weight:bold; 
font: 12px Tahoma, "Trebuchet MS", sans-serif; 
}  
textarea { 
background-color:#666666;  
color: #ffffff;  
font-weight:bold; 
overflow:auto; 
font: 12px Tahoma, "Trebuchet MS", sans-serif; 
} 
submit { 
font: 12px Tahoma, "Trebuchet MS", sans-serif; 
background-color:#666666; 
color:#FFFFFF; 
font-weight:bold; 
border:#CCCCCC solid 1px; 
}

.submit {
margin-top:4px;
}

fieldset {
border:none;
}
label {
width:150px;
}
.contactform fieldset {
background-color:#3d3d3d;
}  
.contactform fieldset legend {
text-decoration:none; 
font: 12px Tahoma, "Trebuchet MS", sans-serif; 
color:#CCCCCC; 
margin-bottom:8px;
}   
.contactform div {
width: 100%;
color: #e8e8e8;
line-height: 120%;
padding: 0;   
margin: 0;   
font: 12px Tahoma, "Trebuchet MS", sans-serif;  background-color:#3d3d3d;
}   
.contactform div label {
display: block;
width: 10em; 
margin-bottom:4px;
}   

.contactform div.required {
color: #ffffff;
margin-bottom:8px;
}
/* End of 'Sylune' */

