body {
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-size:small;
	background-color:#FFC;	
}

#menu_haut {
	background-image:url(../images/nuage_jour.png);
	margin-left:-10px;
	margin-right:-10px;
	margin-top:-15px;
	text-align:center;
	font-size:large;
	color:yellow;
}

#menu_haut ul {
	background-image:url(../images/bt_2_jour.gif);
	height:50px;
	margin-top:-5px;
}

#menu_haut li {
	font-size:small;
	display:inline;	
}

.start_menu {
	background-image:url(../images/menu_start.png);
	margin-left:-6px;
	padding:8px 30px 8px 25px;
}

.mid_menu {
	background-image:url(../images/menu_mid.png);
	margin-left:-6px;
	padding:8px 20px 8px 20px;
}

.end_menu {
	background-image:url(../images/menu_end.png);
	margin-left:-6px;
	padding:8px 25px 8px 20px;
}

#menu_haut a, #menu .element_menu a {
	color:#F60;
	text-decoration:none;
}

#menu_haut a:hover {
	text-decoration:underline;
	color:#390;
}

.panneau {
	position:absolute;
	top:18px;
	left:50px;
}

#menu {
	width: 170px;
	float: left;
	background-color:#FFC;	
	font-size:small;	
}

#menu_top {
	background-image:url(../images/menu_gauche_start.png);
	height:20px;
}

#menu_mid {
	background-image:url(../images/menu_gauche_mid.png);
	text-align:center;
}

#menu_bottom {
	background-image:url(../images/menu_gauche_end.png);
	padding-bottom:4px;
}

#menu h1 {
	color:#FF6;
	text-align:center;
	background-color:#92d050;
	font-size:small;
}

#menu .element_menu ul {
	text-align:left;
	font-size:small;
	text-decoration:none;
	outline:none;
	list-style-image: url("../images/icones/puce.png");
	padding-left:30px;
}

#menu .element_menu a, #corps a, #pied_page a, #menu_mid a {
	color:#390;
	text-decoration:none;
}

#menu .element_menu a:hover, #corps a:hover, #pied_page a:hover, #menu_mid a:hover {
	color:#F60;
	text-decoration:underline;
}

#corps {
	margin-left:173px;	
}

.haut_index {
	height:32px;
	background-color:#FF6;
	border-bottom:solid black 1px;
	border-left:solid #060 1px;
	border-right:solid #060 1px;
	border-top:solid #060 1px;
	-moz-border-radius: 10px 10px 0 0; 
    -webkit-border-radius: 10px 10px 0 0; 
    border-radius: 10px 10px 0 0;         
    -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */ 
	font-size:large;
	color:#090;
	text-align:center;
	font-weight:bold;
	margin-top:5px;
	margin-right:10px;
	margin-left:10px;
}

.bas_index {
	padding:5px 10px 5px;
	border-left: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	margin-bottom:5px;
	margin-right:10px;
	margin-left:10px;
}

#corps h1 {
	border:solid green 2px; 
	background-color:#FC9;
	font-size:small;
	text-align:center;
	font-weight:normal;
}

#corps h2 {
	color:#92d050;
	text-align:center;
	padding:0px;
	margin:0px;
}

#corps h3 {
	color:#F60;
	text-align:left;
	font-size:small;
	padding:0px;
	margin:0px;
}

#corps p {
	
}

#corps h5 {
	text-align:center;
	font-size:small;
	font-weight:normal;
}

#corps h4 {
	color:#F60;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

#actu, #photo {
	padding:10px;
	margin-right:5px;
	background-color:#92d050;
}

#pied_page p {
	text-align:center;
	font-size:x-small;
	margin:0px;
	padding:0px;
	color:grey;
}

.lettre a {
	background-color:yellow;
	padding:5px;
	margin:5px;
	border:solid #92d050 1px;
}

.lettre a:hover {
	background-color: #6F3;
	padding:5px;
	margin:5px;
	border:solid yellow 1px;
	color:yellow;
}

#message_red {
    font-size:small;
    color:red;
    background-color:yellow;
    border:solid red 1px;
    -moz-border-radius: 10px 10px 10px 10px; 
    -webkit-border-radius: 10px 10px 10px 10px; 
    border-radius: 10px 10px 10px 10px;         
    -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */ 
    -webkit-border-bottom-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-bottom-right-radius: 10px; /* pour Chrome */ 
}

#message_green {
    font-size:small;
    color:green;
    background-color:yellow;
    border:solid green 1px;
    -moz-border-radius: 10px 10px 10px 10px; 
    -webkit-border-radius: 10px 10px 10px 10px; 
    border-radius: 10px 10px 10px 10px;         
    -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */ 
    -webkit-border-bottom-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-bottom-right-radius: 10px; /* pour Chrome */ 
}

.details {
	color:black;
	background-color:#FF9;
	border:solid 2px #92d050;
	margin:5px;
}

#infos {
	position:absolute;
	visibility:hidden;
	color:black;
	background-color:#FF9;
	border:solid 2px #92d050;
	margin:5px;
}

#mess_info {
	position:absolute;
	visibility:hidden;
	color:#666;
	background-color:#FF9;
	border:solid 5px #92d050;
	margin:5px;
}

#conferences {
	position:absolute;
	visibility:hidden;
	color:black;
	background-color:#FF9;
	border:solid 2px #92d050;
	margin:5px;
	width:600px;
	height:250px;
	left:300px;
}

#conferences h1 {
	background-color:#92d050;
	color:#FF9;
	border:none;
	position:relative;
	left:0px;
	top:-10px;
	padding-bottom:10px;
	padding-top:5px;
	margin-bottom::0px;
	font-size:small;
}

#conferences p {
	padding:0px;
	margin:0px;
}

TEXTAREA {
	background-color:white;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}

#info_expo {
	position:fixed;
	right:20px;
	top:400px;
	width:400px;
	overflow:auto;
}

.expo_haut {
	background-image:url(../images/expo_haut.png);	
}

#expo_milieu {
	background-image:url(../images/expo_milieu.png);	
	padding-left:20px;
	padding-right:20px;
}

.expo_bas {
	background-image:url(../images/expo_bas.png);
	height:40px;
}

#album {
	height:110px;
	padding:25px 20px 5px 15px;
	background-image:url(../images/icones/album.png);
	background-repeat:no-repeat;
}

#phototech {
	padding:10px;
	margin:10px;
	background-color:#FFF;
}

#avatar {
	padding:10px;
	margin:10px;
	background-color:#92D050;
}

#comment {
    margin-left:50px;
    padding:10px;
    width:400px;
    background-color:#92D050;
    margin-top:5px;
    font-size:small;
    font-weight:normal;
    
}

#info_tuto {
	color:blue;
	margin-left:30px;
	padding-left:10px;
	padding-right:10px;
	border:solid 1px blue;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-top-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 10px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 10px; /* pour Chrome */
	background-color: #CFF;	
	margin-bottom:10px;
}

#erreur_tuto {
	color:red;
	margin-left:30px;
	padding-left:10px;
	padding-right:10px;
	border:solid 1px red;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-top-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 10px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 10px; /* pour Chrome */
	background-color: #FCC;
	margin-bottom:10px;
}

#tableau_tuto {
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-top-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 10px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 10px; /* pour Chrome */
	background-color: #FCC;
	margin-bottom:10px;
	border:solid green 3px;
}