.menu_devis {/*
border-left:3px solid #a0a0a0;
border-right:3px solid #a0a0a0;*/
	margin: 0px;
	padding-bottom:1px;
	padding-left:0px;
	padding-right:0px;
	padding-top:1px;
	list-style-type: none;
	height: 26px;
        width:750px;
        background: #BEF56E;
}
.menu_devis ul{
	margin: 0;
	padding:0;

	}

.menu_devis li {
	float: left;
	margin: 0px;
        padding: 0px;

	height: 30px;
        border-right: solid 2px #E0E0E0;
	}
.menu_devis a {
	position: relative;
	display: block;
	margin: 1px;
	height: 24px;
	font-size: 1.1em;
	line-height: 24px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	background: #BEF56E;
	color: #5A9800;
        padding-left:15px;
	}
.menu_devis a span {
	display: block;
 	position: absolute; top: 5px; left: 5px;
	width: 8px; height: 8px;
	background: #8BEA00;
	}
.menu_devis a.sel {
	background: #5A9800;
	color: #BEF56E;
	}
.menu_devis a:hover {
	background: #333;
	color: #ccc;
	}
h1{color:#D60062;}
h2{color:#D60062;}
h3{color:#D60062;}
h4{color:#D60062;}
h3.vert {
    color:#BEF56E;
    font-size:1.2em;
    display:inline;}
.vert_fonce {
    color:#6CA819;
}
.rose {
    color:#D60062;
}
#header td
{
 color:white;
}
#header a
{
font-size:1.5em;
}
p.lexique {
    color:#6CA819;
    font-size:0.8em;
    font-style: italic;
}
a{
   text-decoration: none;
   color:#5A9800;
   font-size:1.2em;
}
ul.liens_utiles li a
{ 
  font-size:1.1em;
} 
ul.liens_utiles li {
  padding-left:20px;
  list-style-type:none;
}
#left ul.sous_classe{
  padding-left:20px;
}
.button{cursor:pointer;}
p{
    text-indent: 15px;
}
table{margin:0;
      padding:0;}
tbody{margin:0;
      padding:0;}
tr{margin:0;
            padding:0;}
td{margin:0;
            padding:0;}
body {
	margin: 0px; padding: 0px;
		background: #C78DDA;
	color: #333;
	font: 0.8em "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-align:center;


}
li{font-size:0.8em;}
.cleaner {
	clear: both;
	height: 1px; margin: 0px;
	}
#main {
	position: relative;
	width: 782px; /*A l'origine 786*/
	/*width: 786px; A l'origine 786*/
	margin: 0px auto;
	padding-bottom:2px;
	padding-left:7px;
	overflow: hidden;
	padding-top:30px;/*13*/
	text-align:left;
    background:         url('/images/cadre.jpg') no-repeat 0px  27px;
	}

#header {/*
border-top:3px solid #a0a0a0;
border-left:3px solid #a0a0a0;
border-right:3px solid #a0a0a0;*/
	position: relative;
	width: 750px; height:130px;
	background:#62007B  url('/images/logo.jpg') top right no-repeat;/*#AF3BD4*/
        margin:0;
        padding:0;
	}
#hdr-overlay {
	position: relative; top: -15px; left: 14px;
	width: 780px; height: 145px;
	background: url('header2.png') top right no-repeat;
	}
#header h1 {
   position: absolute;
   top:35px;
   left:20px;
   color:white;
   font-size:3em;
	}
#header h2 {
   position: absolute;
   top:65px !important;
   top:80px;
   left:345px;
   color: #BEF56E;
   font-size:1.3em;
   font-style:italic
	}
#header .box {
	position: absolute; top: 6px;
	width: 75px; height: 25px;
	background: silver;
	}
#hdr-box1 { left: 15px }
#hdr-box2 { left: 100px }
#hdr-box3 { left: 185px }
#hdr-box4 { left: 270px }

#menu {/*
border-left:3px solid #a0a0a0;
border-right:3px solid #a0a0a0;*/
	margin: 0px; 
	padding-bottom:1px;
	padding-left:0px;
	padding-right:0px;
	padding-top:1px;
	list-style-type: none;
	height: 26px;
        width:750px;
        background: #BEF56E;
}
#menu ul{
	margin: 0; 
	padding:0;

	}

#menu li {
	float: left;
	margin: 0px; padding: 0px;
	width: 12%;
        border-right: solid 2px #E0E0E0;
	}
#menu a {
	position: relative;
	display: block;
	margin: 1px;
	height: 24px;
	font-size: 1.1em;
	line-height: 24px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	background: #BEF56E;
	color: #5A9800;
        padding-left:15px;
	}
#menu a span {
	display: block;
 	position: absolute; top: 5px; left: 5px;
	width: 8px; height: 8px;
	background: #8BEA00;
	}
#menu a.sel {
	background: #5A9800;
	color: #BEF56E;
	}
#menu a:hover {
	background: #333;
	color: #ccc;
	}
#content {/*
        border-left:3px solid #a0a0a0;
        border-right:3px solid #a0a0a0;*/
	padding: 1px;
	background: white;
       width:748px !important;
       width:750px;
       z-index: 1;
	}
#content a {
	padding: 2px 3px;
	}
#content p {
	margin: 0.25em 0;
	}
#left {
	float: left;
	width: 480px;
	padding: 10px 20px;
	border-right: 1px dotted #AF3BD4;
	}
#left p {font-size:1em;}	
#left li {font-size:1em;}	
#left h3 {
	margin: 0.2em 0 0.3em;
	font-size: 1.2em;
	font-weight: normal;
	}
#left dt {
	float: left;
	font-weight: bold;
	}
#left dd {
	margin: 1em 0 1em 6em;
	}
div.pager{
 width: 100%;
 text-align: center;
}
div.pager a{
  background:#6CA819;
  color:#FFFF00;
}
div.pager a:hover{
    		color:#FFFF00;
        background:#5A9800 ;
}
#accueil_index p{
    line-height: 25px;
	font-size:1em;
}
#ico {
	float: left;
	padding: 5px;
	}
#left h4 {
	margin: 0 0 0 6em;
	font-size: 1em;
	font-weight: bold;
	}
#left ul {
	margin: 0 0 0 0em; padding: 0;
	color: #AF3BD4;
	list-style-type: square;
	list-style-position: inside;
	}

#right {
	float: right;
	width: 190px;
	margin: 0 20px 0 0;
	padding: 10px 0;
	}
#right h3 {
	clear: left;
	margin: 0.5em 0 0.3em 0;
	font-size: 1em;
	}
#right h3 span {
	display: inline-block;
	width: 9px; height: 9px;
	margin-right: 1em;
	border: 1px solid silver;
	vertical-align: middle;
	}
#right .photo {
	float: left;
	margin: 0 15px 15px 0;
	}
#right h4 {
	margin: 0;
	font-size: 0.9em;
	font-weight: bold;
	}
#right .link {
	text-align: right;
	}
#right fieldset.nuage {
 border: none;
 margin: 0;
 padding: 0;
}
#right div.nuage{
border: dotted 1px #D60062;
padding: 10px;
margin-top:20px;

}
#right legend.nuage{
 display: block;
 width: 100%;
 text-align: center;
 font-size: 1.2em;
 font-weight: bold;
 color:#AF3BD4;
 border: none;
 margin: 0;
 padding: 0;
}
#right a.nuage:hover {
	background: #333;
	color: #ccc;
	}
#right a.nuage {
	margin: 2px;
	height: 24px;
	font-size: 0.8em;
	line-height: 20px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	background: #BEF56E;
	color: #5A9800;
	}
#rbox {
	float: left;
	position: relative;
	width: 180px;
	margin: 15px 0 20px 0;
	padding: 2px 5px 2px 30px;
	font-size: 0.7em;
	line-height: 1.2;
	}
#rbox span {
	display: block;
	position: absolute; top: 5px; left: 8px;
	width: 8px; height: 8px;
	background: white;
	}
#right button {
	float: right;
	margin: 15px 0 20px 0;
	width: 150px;
	height: 30px;
	background: gray;
	color: black;
	border: 1px solid silver;
	text-align: center;
	font-size: 1.4em;
	line-height: 25px;
	}

#footer {
	margin: 10px 0px 10px 0px;
	padding: 5px 0px;
	text-align: center;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	background: #BEF56E;
	}
#footer a {
	padding: 3px 5px;
	}

p.slogan{
  position: relative;
  top:25px;
  text-align: right;
  background:#6CA819;
  color:#FFFF00;
  font-size:0.8em;
}
table.service tr{
    height:40px;
}
table.service td{
    width: 100px;
    text-align:center;
}
table.service th{
  text-align:center;
  background:#6CA819;
  color:#FFFF00;
}
div.creativecommons 
{
font-size:1em;

 }