body{
  font-size:11px;
  color:#000000;
  font-family:Arial, Verdana, Helvetica, Sans-serif;
}
ul{
  margin-top:0;
  margin-bottom:0;
}
form{
  margin:0;
}
input{
  height:15px;
  font-size:11px;
}
a{
  text-decoration:none;
  color:#009ddc;
}
a:hover{
  text-decoration:underline;
}
fieldset
{
border: 1px solid #A3C12F;
margin: 2px;
}



/* Image a associee au titre des paragraphes et couleur du texte */
h1.puce, h2.puce{
    background:url(../images/puce.gif) #FFFFFF no-repeat top left;
    color:#009ddc;
    font-size:12px;
    height:25px;
    margin:20px 0 0 0;
    padding:10px 0 0 30px;
}
h1.puce{
    font-size:14px;
    margin-bottom:10px;
}





/* Couleur du paragraphe a mettre en focus. Ici, couleur verte */
p.focus{
    color:#a3c12f;
}

/* Style pour le bloc d'intro */
div.intro{
    text-align:left;
}
/* Style pour les blocs paragraphes */
div.parag{
 /*   float:left;*/
    text-align:left;
    width:100%;
    margin:20px 0;
}

.tableau_accueil {
	float:left;
	width:100%;
}

.tableau_accueil td.case{
	border: 2px solid #a3c12f;
	padding:10px;
}

table.tableau_news td{
	border: 1px solid #000000;
	height:40px;
	padding-left:10px;
	border-left:0px;
}

.tableau_accueil h2.puce{
    font-size:12px;
    height:25px;
    padding:10px 0 0 30px;
    margin-bottom:0;
    background-position:top left;    
}

.tableau_accueil td img{
	height: 40px;
	vertical-align: middle;
}

/*****************************************************************************************************/

.lienSansStyle{
	text-decoration:none;
	color: #FFFFFF;
}


p.bold, span.bold{
    font-weight:bold;
}

p.focus{
    font-size:12px;
    font-weight:bold;
}
/* ************************************ */
/*           Style bouton formulaire         */
/* ************************************ */
div.btn{
    text-align:center;
/*    clear:both;*/
    width:100%;
}

/***********************************************************************************/
/* Ajout d'un style pour les pb d'affichage liés aux boutons de type "commandLink" */
/***********************************************************************************/

div.btn a.btnCommandLink{
	position:relative;
	top:-8px;
	.top:-6px
}

td.btn {
	text-align:center;
/*    clear:both;*/
}

/* Style pour le champ input du bouton utilisant une image de 300px adapte selon le texte */
div.btn a, div.btn input, td.btn input
{
    background:url(../images/background-btn-300.gif) no-repeat;
    border:0;
    height:25px;
    color:#009ddc;
    margin:0;
    padding:4px 0 8px 10px;
    top:-3px;
    cursor:pointer;
    text-align: center;
}

div.btn a.lienSansStylesup, div.btn input.lienSansStylesup, td.btn input.lienSansStylesup
{
    background:url(../images/background-btn-500.gif) no-repeat;
}
/* Sur IE7 et FF2, permet de caler correctement le texte dans le bouton */
html>body div.btn a, input[type="button"], input[type="submit"], input[type="reset"]
{
    padding-top:2px;
    *padding-top:4px;
}






/*#content-text > :first-child {
	margin-top: 10px;
}*/
#content-text p, #content-text li {
	line-height: 1.5;
}

/* Mise en forme de formulaire */
.cssform label
{
/*line-height:2em;*/
width: 20em;
float: left;
text-align: right;
margin-right: 0.5em;
/*display: block;*/
}

.cssform input
{
/*color: #781351;
background: #fee3ad;
border: 1px solid #781351;*/
text-align: left;
}




.cssform fieldset
{
border: 1px solid #781351;
margin: 2px;
/*width: 20em*/
}

.cssform legend
{
/*color: #fff;
background: #ffa20c;
border: 1px solid #781351;*/
font-weight: bold;
/*padding: 2px 6px*/
} 

/* ************************************ */
/*                   Style tableau      */
/* ************************************ */
table.normal{
    padding:0;
    margin:0;
/*    float:left;*/
/*    clear:both;*/
    width:100%;
    margin-bottom:10px;
    margin-top:10px;
    border:1px solid #a3c12f;
}
table.normal tr th{
    text-align:center;
    padding:5px;
    border:1px solid #a3c12f;
    /*border-bottom:1px solid #C4C0C9;*/
}
table.normal tr{
    padding:5px;
}
table.normal tr td{
    padding:5px;
    border:1px solid #C4C0C9;
}
table.normal tr td.center{
    text-align:center;
}
table.button tr{
    text-align:center;
}

.dr-table-subheadercell
{
	white-space: normal;
}

table.datascroller
{
    border-color:#a3c12f;
}
/* ************************************ */
/*              Style page devis                  */
/* ************************************ */
/* Couleur bordure formulaire fils: cad bloc fieldset sous un fieldset main */
form.cssform fieldset{
    border:1px solid #a3c12f;
}

form.cssform fieldset fieldset 
{
    border:1px solid #a3c12f;
}

/* Couleur texte titre formulaire fils: cad bloc fieldset sous un fieldset main */
form.cssform fieldset legend{
    color:#009ddc;
}

/* Couleur de la bordure d'un tableau de type "normal" */
/*table.normal, form.cssform table{*/
    /*background-color:#a3c12f;*/
/*    border-color:#a3c12f;
}*/
/* Couleur de fond des cellules de ce  tableau de type "normal" */
table.normal tr th, table.normal tr td{
    background-color:#FFFFFF;
}
/* Couleur de texte des cellules titre de ce  tableau de type "normal" */
table.normal tr th {
    color:#009ddc;
}
/* Style general pour les blocs fileldset */
/*form.cssform fieldset{
    border:0;
    float:left;
    width:729px;
}*/

/*form.cssform fieldset fieldset {
    border:0;
    float:left;
    width:auto;
}*/

form.cssform p
{
	width:auto;
	float: none;
}

form.cssform fieldset table label
{
	width: auto;
}

/* Taille en largeur du bloc fileldset principal. Celui qui englobe les filedset child */
form.cssform fieldset.main{
    width:729px;
}
/* Styles des filedset child */
form.cssform fieldset.child{
    padding:5px; 
    margin:0 0 10px 0;
}

form.cssform fieldset.halfChild {
	width: 345px;
	padding: 5px;
	margin: 5px 5px 5px 5px;
}
/* Styles des titres pour les blocs filedset child */
form.cssform fieldset.child legend{
    font-size:12px;
    font-weight:bold;
    margin-top:5px;
    float:left;
}
/* Styles des tableaux n'ayant qu'une seule ligne */
form.cssform table.solo{
    margin-left:5px;
    float:left;
}
/* Styles des cellules de tableau utilisé dans les formulaires */
form.cssform td.name{
    width:200px;
    margin-right:5px;
    float:left;
    text-align:left;
}



/*****************************************************************************************************/


/* ************************************ */
/*         Style contenu central        */
/*    Menu gauche + contenu droit       */
/* ************************************ */


div#content #menu-left ul {
	margin: 0;
	padding:0; 
	width: 165px;
  list-style:none;
}

#menu-left a {
	display: block;
	height: 1%;
	line-height: 1.5;
	text-decoration: none;
	padding: 6px 10px 6px 10px;
	font-size: .9em;
	font-weight:bold;
  color:#FFFFFF;
}
div#content #menu-left ul li{
    float:left;
    width:150px;
    margin:0 0 5px 5px;
}


div#content #menu-left ul li.menu{
    font-size:12px;
    font-weight:bold;
    text-align:left;
    background-color:#009ddc;
    color:#FFFFFF;
}

div#content #menu-left ul li.menuQuali {
	font-size:12px;
    font-weight:bold;
    text-align:left;
    background-color:#336699;
    color:#FFFFFF;
}

div#content #menu-left ul li.menuCetim {
	font-size:12px;
    font-weight:bold;
    text-align:left;
    background-color:#990000;
    color:#FFFFFF;
}


div.corp_entete {
  border: 1px solid #A3C12F;
  padding:5px;
  height:150px;
  overflow:auto;
  width:100%;
}
ul.liste_fille {
  margin-left:10px;
  list-style: inside;
}
ul.liste_fille li {
  list-style-type: circle;
}
div.encadrer_vert {
border: 1px solid #A3C12F;
width:100%;
margin:0px;
padding:5px;
}
div.aff_deux_colones, div.aff_trois_colones {
display:table;
width:100%;
margin:5px;
padding:0px;
}
div.aff_deux_colones p, div.aff_trois_colones p {
margin:0px;
padding:0px;
display:table-cell;
width:50%;
}
div.aff_deux_colones div, div.aff_trois_colones div {
margin:0px;
padding:0px;
display:table-cell;
width:50%;
}
div.aff_deux_colones p.WidthAuto, div.aff_trois_colones p.WidthAuto {
width:auto;
}

div.aff_deux_colones h4, div.aff_trois_colones h4 {
margin:0px;
padding:0px;
font-weight:bold;
font-size:12px;
color:#009DDC;
display:table-cell;
width:50%;
padding-left:10px;
padding-top:10px;
}
div.aff_trois_colones p, div.aff_trois_colones h4 {
width:30%;
padding:5px;
}

 .main{
    border:1px solid #a3c12f;
    width:100%;
    padding:5px;
    margin-top:10px;
    margin-bottom:10px;
}

fieldset{
    border:1px solid #a3c12f;
    width:100%;
    padding:5px;
    margin-top:10px;
    margin-bottom:10px;
}

h2 {
    background:url(../images/puce.gif) #FFFFFF no-repeat top left;
    color:#009ddc;
    font-size:12px;
    height:25px;
    margin:20px 0 0 0;
    padding:10px 0 0 30px;
	}
h1  {
    background:url(../images/puce.gif) #FFFFFF no-repeat top left;
    color:#009ddc;
    font-size:12px;
    height:25px;
    margin:20px 0 0 0;
    padding:10px 0 0 30px;
    font-size:14px;
    margin-bottom:10px;
}
h3 {
    color:#009ddc;
    font-size:12px;
    height:25px;
    margin:10px 0 10px 0;
    padding:0 0 0 0;
	}
h3 span {
	padding:0 0 0 0;
    font-size:24px;	
	}
h5 {
	margin:0px;
	padding:0px;
	font-weight:bold;
	font-size:11px;
	color:#009DDC;
	margin-top:15px;
	margin-bottom:4px;
	}
hr {
margin:0px;
padding:0px;
color:#A3C12f;
background-color:#A3C12f;
height:1px;
border:0px;
width:100%;
}