/***********************/
/******CSS créé le******/
/****** 06/11/07******/
/******par Varouj******/
/*pour Decoupe-fr.net*/
/*******************/

*{margin:0; padding:0; outline:0;}
a{text-decoration:none; color: #fff;}
a:hover{color: #000;}
img {border:none;}

body {
	margin:17px auto;
	width:680px;
	font:normal 1em Arial;
	color:#000;
	/* position: relative; */
	background:#3C3C3C url(../images/fond.jpg) repeat-x 0 0;
}

/*///////////////////////////////////  TOP  //////////////////////////*/
#top {
	float:left;
	margin:0 auto;
	padding-bottom:10px;
	width:680px;
	background: url(../images/top.jpg) no-repeat left bottom;
}

/*///////////////////////////////////  HEADER  //////////////////////////*/
h1#header {
	float:left;
	width:252px;
	height: 65px;
	text-align:center;
}

/*///////////////////////////////////  MENU  //////////////////////////*/
ul#menu {
	float:left;
	padding-top:31px;
	width:428px;
	height:34px;
	list-style:none;
	text-align:center;	
}
ul#menu li {
	float:left;
	display:inline;
	margin-right:6px;
	width:92px;
	height:34px;
	text-align:center;
	font:bold 1.1em Arial;
	background: url(../images/onglet.jpg) no-repeat 0 0; 
}
ul#menu li a {
	display:block;
	padding-top:7px;
	width:92px;
	height:27px;
}
ul#menu li#actif, ul#menu li a:hover {
	background: url(../images/onglet_actif.jpg) no-repeat 0 0; 
}

/*///////////////////////////////////  CORPS //////////////////////////*/
#corps {
	clear:both;
	margin:0 auto;
	padding:0 27px 0 16px;
	width:637px;
	background: url(../images/corps_plein.jpg) repeat-y 0 0; 
}
#corps h2 {
	color:#fff;
	font-size:1.1em;
}

/*///////////////////////////////////  REALISATIONS //////////////////////////*/

#menu_droite {
	float:right;
	width:197px;
}
#menu_droite a.current{
	text-decoration: underline;
}
#menu_droite h2 {
	text-align:center;
	text-decoration: underline;
	padding:14px 0 35px;
	background: #FEA500 url(../images/realisations_haut.jpg) no-repeat left bottom;
}
#menu_droite dl {
	float:left;
	display:inline;
	margin:0 15px 15px;
	padding-bottom:10px;
	width:167px;
	font:normal 0.6em Verdana;
	border-bottom:1px solid #fff;
}

#menu_droite dt {
    clear:both;
    float:left;
    color:#FFA500;
    font-weight:bold;
}
/* 
#menu_droite dt img {
    border:1px solid #FFA500;
}
*/
#menu_droite dd {
    margin-bottom:2px;
    text-align:right;
    color:#fff;
}
#menu_droite .center {
	font:normal 0.6em Verdana;
	text-align:center;
	color:#FFA500;
}
#menu_droite dt.vide {
	width:167px;
}
#menu_droite dt.vide_sou {
	width:167px;
	text-decoration: underline;
}
#menu_droite p.form {
	margin:0 15px 0px 15px;
}
#menu_droite p {
	padding:0px 6px 6px 6px;
	/* color:#FFA500; */
	font:normal 0.6em Verdana;
}
#menu_droite input {
	margin-bottom: 3px;
}
#menu_droite .small {
	font:normal 0.9em Verdana;
}
/*///////////////////////////////////  CONTENU //////////////////////////*/
#contenu {
	padding-top:10px;
/*	background: url(../images/contenu.jpg) no-repeat 50% 15px; */
}
#contenu p {
	margin:10px 15px;
	font:normal 0.7em Verdana;
}
#contenu a {
	color:#000;
	text-decoration:underline;
}
#contenu a:hover {
	color:#000;
	text-decoration:none;
}

/*///////////////////////////////////  FOOTER  //////////////////////////*/
p#footer {
	margin:0 -27px 0 -16px;
	padding-top:19px;
	clear:both;
	height:26px;
	width:680px;
	color:#fff;
	text-align:center;
	font:normal 0.55em Verdana;
	background: url(../images/footer_plein.jpg) no-repeat left bottom; 
}

#Bulle{
	font:normal 0.7em Verdana;
	position:absolute;
	visibility:hidden;
	border:0;
	left:auto;
	top:auto;
	width:300px;
	height:auto;
	z-index:0;
	padding:10px;
	border: 1px solid #062a51;
	background-color: #e3ecff;
	text-align:justify;
	opacity : 0.85;
	-moz-opacity : 0.85;
	-khtml-opacity : 0.85;
	filter : alpha(opacity=85);
}

/* Généralités */

.center {
	text-align:center;
}
#center {
	text-align:center;
}

fieldset {
	padding: 5px;
	margin: 0px 12px 0px 12px;
}
.erreur {
	text-align:center;
	color: #ff0000;
}

#float_left {
	float:left;
	margin:0 5px 5px 0;
}