/***********************/
/******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.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 {
	width:424px;
	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;
}
#contenu .bloc {
	width:424px;
	margin-bottom:25px;
	background: url(../images/bloc.jpg) repeat-y 0 0;
}
#contenu .bloc h2 {
	padding:0 0 20px 0;
	margin-bottom:15px;
	width:424px;
	background: #FEA500 url(../images/bloc_haut.jpg) no-repeat left bottom;
}
#contenu .bloc .bloc_bas {
	padding-bottom:15px;
	background: url(../images/bloc_bas.jpg) no-repeat left bottom;
}

#contenu .bloc .bloc_bas img.float_left {
	float:left;
	margin:0 5px 5px 0;
	/* border:1px solid #000; */
}

#contenu #sep_droite {
	margin-left: 40%;
}
#contenu #sep_gauche {
	position: absolute;
	width: 27%;
	text-align:right;
	background-color:#888;
}
#contenu p.form {
	padding: 3px 0px 3px 0px;
}
#contenu p.center {
	text-align:center;
}
#bloc1 {
	width: 40%;
	float: left;
	text-align:right;
}
#bloc2 {
width: 40%;
float: left;
margin-left: 20px;
}

table {
	margin: auto;
	font:normal 0.6em Verdana;
	width: 95%;
}
th {
	padding: 5px;
}
td {
	text-align:center;
}
td.icones {
	padding-left: 5px;
}

/*///////////////////////////////////  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.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;
}

/* Pour l'administration */
.td_design {
background-color: #888;
}

.lignepair {
background-color: #CCC;
}

.tableau_design {
border-collapse:collapse;
border:1px solid #FFAA00;
}
.tbody_design td {
padding: 3px;
}

.tbody_design tr:hover  {
background-color: #FFAA00;
}

/* POUR LA PAGINATION */
#pagination {
    font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#pagination a {
    background-color: #fff;
    border: 1px solid #9aafe5;
    color: #105cb6;
    margin: 1px;
    padding: 2px 5px;
    text-decoration: none
}
#pagination a:hover, active {
    background-color: #9aafe5;
    border: 1px solid #9aafe5;
    color: #fff;
    margin: 1px;
    padding: 2px 5px
}
#pagination span.courante {
    background-color: #FEA501;
    border: 1px solid #FEA501;
    color: #fff;
    font-weight: bold;
    margin: 1px;
    padding: 2px 5px
}
#pagination span.page_inactive {
    background-color: #fff;
    border: 1px solid #888;
    color: #888;
    margin: 1px;
    padding: 2px 5px 3px 5px;
}