/* ------------------------------  GENERAL ------------------------------------  */

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	padding: 0;
	margin: 0
}


html, body {
	height: 100%;
	overflow: hidden;
}



#global {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 1000px;
	height: 450px;
	margin-top: -225px;
	margin-left: -500px}

#content {
height:100%;
}

a img {
	border:none}

a { color: #333 }

a:hover { color: #333 }

TABLE, TR, TD {
	padding: 0;
	border: 0;
	margin: 0;
	font-size:14px;
	font-weight:200;}

h1 {
	margin: 0 5px;
	font-size:14px;
	font-weight:150;}
	

UL {
	padding: 10px 0 10px 20px;
	margin: 0;}

LI {
	list-style-type: square;}

LI:hover, LI.actif {
	text-decoration: none;
	color: #690;
}

LI a {
	color: #000}

LI a:hover { color: #690 }
	
	
	
/* ------------------------------  BLOCS ------------------------------------  */



#logo {
	position:absolute;
	width: 220px;
	left: 0px;
	top: 0px;
	padding: 0;
	height: 75px}

#logo_vericreation {
	position:absolute;
	left: 0px;
	top: 0px;}

#baseline {
	color: #333;
	position:absolute;
	left: 30px;
	top: 80px;
	width:310px;
	padding: 0px;
	font-size: 9px;
	letter-spacing:0.2em;
	text-align:left;
}

.vert{
	color:#690;
	margin: 0;
	padding:0}

#header {
	position:absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin:0;
	color: #aaa;
	height: 20px;
	text-align:left;
	padding: 4px 10px 0px 10px;
	background-color:#222;
}

#header a{
	color: #aaa;

}

#pied a {
	color:#999;
}
#pied a:hover {
	color:#000;
}



#bloc_texte {
	position:absolute;
	left: 280px;
	top: 85px;
	padding: 0;
	margin: 0;
	width: 750px;
	height:420px;
	overflow:auto;
	font-size: 12px;
	color: #333;
}

#bloc_texte h1 {
	font-size:0, 9em;
	color:#000;
	margin: 0px;
	padding:0px;
}


#bloc_texte a { color:#690; }



#container_texte {
	border : 1px solid;
	position:absolute;
	width:700px;
	height:350px;
	left:0px;
	top: 0px;
	padding: 0;
	margin:0px;
	overflow:hidden;
}

#contenu {
	width : 600px;
	background: url(../img/fond_accueil.jpg) no-repeat top;
	position:absolute;
	left: 260px;
	top: 40px;
	margin: 0;
	padding: 0px;
	width: 680px;
	height:400px;
}


#contenu h1 {
font-size: 9px;
font-family:Arial, Helvetica, sans-serif;
padding: 3px 0px 0px 10px;
color: #FFF;}

#visuel {
	width : 680px;
	height: 380pox;
	position:absolute;
	top: 20px;
	left: 0px;
}


#description {
	width : 680px;
	background: url(../img/fond_description.png);
	height: 80px;
	position:absolute;
	top: 320px;
	left: 0px;
	margin: 5px;
	padding: 10px;
}

#lien{
	background-color:#99c029;
	text-align:right;
	width: 220px;
	height: 10px;
	position:absolute;
	bottom: 0px;
	right: 0px;
	margin: 0;
	padding: 5px;}

#lien a{
color: #fff;}

#lien a:hover{
color: #000;}



#accueil_1 {
	width : 200px;
	position:absolute;
	height:400px;
	top: 80px;
	left: 20px;
}

#accueil_1_texte {
	color: #666;
	position:absolute;
	top: 320px;
	left: 20px;
	width : 200px;
}

#accueil_2 {
	position:absolute;
	height:400px;
	top: 80px;
	left: 250px;
	width : 200px;
}

#accueil_2_texte {
	color: #666;
	position:absolute;
	top: 320px;
	left: 250px;
	width : 200px;
}

#accueil_3 {
	position:absolute;
	height:400px;
	top: 80px;
	left: 480px;
	width : 200px;
}

#accueil_3_texte {
	color: #666;
	position:absolute;
	top: 320px;
	left: 480px;
	width : 200px;
}

#simpleviewer {
	position:absolute;
	left: 220px;
	top: 80px;
	padding: 0;
	width: 770px;
}

#global a, #global_contact a, #global_liens a, #global_presentation a, #global_actualite a {
	text-decoration:none;
}

#commentaires {
	display:none
}


/* ------------------------------  MENU ------------------------------------  */


#menu {
	position:absolute;
	left: 0px;
	top: 120px;
	padding: 0;
	width: 220px;
	font-size:11px;
	font-weight:100;
	letter-spacing:0.2em;
}




#liste_menu a {
	font-weight:bold;
	text-decoration:none;
}





.glossymenu {
	margin: 5px 0;
	padding: 0;
	width: 170px; /*width of menu*/
	border-bottom-width: 0;
}

a.menuitem {
	font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: 200px;
	padding: 4px 30px;
	margin: 5px 0;
	text-decoration: none;

}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
	color: white;
}

.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}
.glossymenu a.menuitem:hover {
}

.glossymenu div.submenu { /*DIV that contains each sub menu*/
	background: white;
}

.glossymenu div.submenu ul { /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	
	padding: 0;
}

.glossymenu div.submenu ul li {
	border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a {
	display: block;
	font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover {
	background: #DFDCCB;
	colorz: white;
}






/* ------------------------------  FORMS ------------------------------------  */



input, textarea {
	background-color:#cddca4;
	color:#333333;
	border: 1px solid #eee
}

input:focus, textarea:focus {
	background-color:#eeeeee;
	color:#000;

}
#bouton {
	background-color:#eeeeee;
	color:#000;
	font-size: 0.8em;
}



/* /// Styles pour l'interface d'Admin ////////////////////////////////////////////////////////////////////////////// */

.admin IMG.noborder {
	border: 0px;
	margin: 0;
}

.admin A {
	text-decoration: none;
}

.admin A:hover {
	color: #000;
	text-decoration: none;
}

.admin {
	font-family: sans-serif;
	font-size: 10pt;
	color: #333;
	background: #eee repeat 0 0;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	margin: 0;
}
.admin FORM {
	padding: 0;
	margin: 0;
}
.admin H1 {
	font-size: large;
	color: #555;
	margin-right: 10px;
	display: inline;
}

.admin H2.label {
	color: #95bf21;
	font-weight:bold;
	font-size:12px;
}

.admin H3,  .admin H4 {
	font-size: small;
}

.admin H3 {
	font-style: italic;
	color: #690;
}

.admin H4.label {
	margin: 0 0 10px;
}

.admin H5 {
	color: #999;
	padding: 0;
	margin: 0;
}

.admin IMG {
	background-color: #fff;
	padding: 2px;
	margin: 0;
}

.admin LABEL {
	font-size: x-small;
	font-weight: bold;
}

.admin UL {
	padding: 0 0 10px 16px;
	margin: 0;
}

.admin DIV#header {
	color: #fff;
	background-color: #333;
	padding: 20px;
	border-bottom: 5px solid #fff;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 665px;
	height: 20px;
}

.admin DIV#menue {
	color: #333;
	text-align: left;
	background-color: #fff;
	padding: 10px;
	border-bottom: 5px solid #333;
	width: 210px;
	position: absolute;
	top: 70px;
	left: 0;
}

.admin DIV#content {
	color: #333;
	background-color: #fff;
	width: 450px;
	padding: 10px;
	border-bottom: 5px solid #333;
	margin: 0;
	position: absolute;
	top: 70px;
	left: 235px;}
.admin .label {
	font-weight: normal;
	color: #333;
	padding: 0;
	border-bottom: 1px solid #333;
	margin: 0;
}

.admin #login {
	padding: 10px;
	background-color: #fff;
	border-bottom: 5px solid #666;
	width: 685px;
	position: absolute;
	top: 70px;
	left: 0;
}

.admin #login P {
	padding: 0;
	margin: 0;
}

.admin TABLE#summary {
	padding: 0;
	margin: 0 0 10px;
}

.admin TABLE#summary TD.thumb {
	font-size: x-small;
	text-align: center;
	vertical-align: middle;
	background-color: #eee;
	width: 65px;
	padding: 10px;
	border: 1px solid #999;
	margin: 0;
}

.admin TABLE#summary TD.thumb INPUT {
	margin: 0;
}

.admin TABLE#summary TD.thumb IMG {
	margin: 4px 0;
}


/* /// Styles pour le menu de gauche déroulant ////////////////////////////////////////////////////////////////////////////// */