/*
Copyright © Cremantec 2006-2012. All rights reserved.
Fait par : Yoann Vanitou
Site internet : http://www.cremantec.com/
Email : contact@cremantec.com
*/

/* h1, h2, h3, h4, h5, h6, img, p, form, ul, li */
h1, h2, h3, h4, h5, h6, img, p, form, ul, li { margin:0px; border:0px; padding:0px; }

/* table, tr, td */
table, tr, td { margin:0px; border:0px; border-collapse:collapse; padding:0px; }

/* body */
body { width:100%; height:100%; margin:0px; padding:0px; background:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

/* .page */
.page { width:100%; height:auto; } 
.page-tete { width:100%; height:auto; background:url(../images/font-1-1x1300.png) repeat-x; float:left; clear:both; }
.page-tete-logo { width:100%; height:auto; margin-top:5px; float:left; clear:both; text-align:left; }
.page-tete-menu { position:relative; width:100%; height:auto; margin:0px; border:0px; padding:0px 0px 0px 0px; float:left; list-style-type:none; }
.page-tete-menu li { margin:0px; border:0px; padding:0px; float:left; }
.page-tete-menu li a { display:block; margin:0px 0px 0px 5px; border:0px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius: 4px; padding:10px; background:url(../images/barre-1-1x30.png) repeat-x #EFEFEF; font-size:12px; color:#666; text-decoration:none; }
.page-tete-menu li a:hover { background:#FFFFFE; color:#F90; }
.page-tete-menu .ouvert a { background:#FFFFFE; color:#F90; }
.page-tete-sousmenu { position:relative; width:100%; height:auto; margin:0px; border:0px; padding:0px; float:left; background:url(../images/barre-2-1x30.png) top repeat-x #E2E2E2; list-style-type:none; }
.page-tete-sousmenu li { margin:0px; border:0px; padding:0px; float:left; }
.page-tete-sousmenu li a { display:block; margin:0px; border:0px; border-right:#e2e2e2 solid 1px; padding:10px; font-size:12px; color:#666; text-decoration:none; }
.page-tete-sousmenu li a .ui-icon { position:relative; top:-1px; left:-5px; margin-left:5px; }
.page-tete-sousmenu li a:hover { background:#FFF; color:#F90; }
.page-tete-sousmenu .ouvert a { background:#FFF; color:#F90; }
.page-tete-sousmenu .page-tete-sousmenu-recherche { padding:6px; float:right; }
.page-tete-sousmenu-recherche input { width:500px; margin:0px; border:#CCC solid 1px; padding:2px; background:#FFF; color:#F90; }
.page-corps { width:100%; height:auto; background-color:#FFF; float:left; clear:both; }
.page-pied { width:100%; height:auto; float:left; clear:both; }

/* .formulaire */
.formulaire { margin:0px; border:0px; padding:0px; }
.formulaire-groupe { width:100%; margin:0px; border:0px; padding:0px; }
.formulaire-groupe-champ { width:100%; margin:5px 0px 0px 0px; border:0px; padding:0px; float:left; }
.formulaire-groupe-champ-label { padding:5px 0px; float:left; text-align:right; font-size:12px; color:#666; }
.formulaire-groupe-champ-input { width:82px; margin:0px 0px 0px 5px; border:#E0E0E0 1px solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; padding:4px; float:left; font-size:12px; color:#666; }
.formulaire-groupe-champ-textarea { width:82px; margin:0px 0px 0px 5px; border:#E0E0E0 1px solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; padding:4px; float:left; font-size:12px; color:#666; border:#E0E0E0 1px solid; }
.formulaire-groupe-champ-select { width:82px; margin:0px 0px 0px 5px; border:#E0E0E0 1px solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; padding:4px; float:left; font-size:12px; color:#666; }
.formulaire-groupe-champ-bouton { border:1px solid #e0e0e0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:4px; background:#FFF; float:left; font-size:12px; color:#666; }
.formulaire-groupe-champ-bouton:hover { color:#333; cursor:pointer; }
.formulaire-groupe-champ-statut { width:auto; height:auto; padding:4px 0px; float:left; font-size:12px; color:#dc197b; }
.formulaire-groupe-champ-erreur { z-index:1000; margin:0px 0px 0px -5px; padding:5px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; box-shadow:0px 0px 6px #4D493E; -moz-box-shadow:0px 0px 6px #4D493E; -webkit-box-shadow:0px 0px 6px #4D493E; -o-box-shadow:0px 0px 6px #4D493E; background:#FFF; font-size:12px; color:#C00; }

/* .tooltip */
.tooltip { display:block; z-index:900; width:169px; height:69px; padding:20px; background:url(../images/tooltip-1-209x109.png) no-repeat; font-size:12px; color:#333; }

/* .boutons */
.boutons { width:100%; height:auto; margin:5px 0px 0px 0px; padding:0px; float:left; list-style-type:none; }
.boutons li { float:left; margin-right:5px; }
.boutons li a { display:block; border:1px solid #e0e0e0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; padding:2px 6px; font-size:12px; color:#dc197b; text-decoration:none; }
.boutons li a:hover { background-color:#FFFFFE; color:#F60; }
.boutons li.ouvert a { background-color:#FFFFFE; color:#F60; }
.boutons li.statut { display:none; margin:0px; }

/* .pagination */
.pagination { position:relative; width:100%; height:auto; margin:0px; border:0px; padding:0px; float:left; background:#fcfcfc; list-style-type:none; clear:both; }
.pagination li { margin:0px; border:0px; padding:0px; float:left; }
.pagination li a { display:block; margin:0px; border:0px; border-right:#e2e2e2 solid 1px; padding:5px 10px; font-size:12px; color:#666; text-decoration:none; }
.pagination li a:hover { background:#FFF; color:#990000; }
.pagination li.ouvert a { background:#FFF; color:#990000; }

/* .image */
.image { padding:4px; border:#ccc solid 1px; background:#FFF; float:left; }
.image:hover { border:#999 solid 1px; }
.image.ouvert { border:#FF9900 solid 1px; box-shadow:0px 0px 10px #FF9900; -moz-box-shadow:0px 0px 10px #FF9900; -webkit-box-shadow:0px 0px 10px #FF9900; -o-box-shadow:0px 0px 10px #FF9900; }
.image.ouvert:hover { border:#999 dashed 1px; }

/* .texte */
.texte { font-size:12px; color:#000; line-height:15px; }
.texte a { font-size:12px; color:#000; text-decoration:none; }
.texte a:hover { font-size:12px; color:#000; text-decoration:none; }

/* .texte-obligatoire */
.texte-obligatoire { font-size:12px; color:#900; line-height:15px; }
.texte-obligatoire a { font-size:12px; color:#900; text-decoration:none; }
.texte-obligatoire a:hover { font-size:12px; color:#900; text-decoration:none; }

/* .paragraphe */
.paragraphe { margin:0px; padding:0px 0px 0px 40x; list-style:none; }
.paragraphe li { position:relative; padding-top:10px; }
.paragraphe li .puce { position:absolute; left:-20px; top:10px; z-index:100; }