/* +-- créé le 20/12/2005 --------------------------------------------+
 * |                                                                  |
 * |   > default.css                                                  |
 * |                                                                  |
 * |   - Fichier css du portail des ateliers                          |
 * |                                                                  |
 * +----------------------------------------- modifié le 02/05/2006 --+
 */

@media all {

/* ---------- general ---------- */

* {
   font-size: 13px;
   font-family: arial;
}

p{
	padding:0px;
	margin: 8px;
}

h1, h2, h3, h4, h5, h6, h7 {
   font: bold 14px arial;
}

body {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #002A4A;
    margin: 0;
    padding: 0;
}

img {
   border: 0px;
}

a:link, a:visited, a:active {
   color: #002A4A;
   text-decoration: none;
}

a:hover {
   color: #00AEEF;
}
/* ---------- Recherche ------------------*/
#search_header {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    display: block;
    float: right;
    margin: 0 0 0 678px;
    padding: 10px;
    position: absolute;
    width: 260px;
    z-index: 9;
}

#search_header #s {
    background: url("../alt/images/search_icon.png") no-repeat scroll left center #EEEEEE;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    color: #999999;
    display: inline;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    opacity: 0.9;
    padding: 6px 4px 6px 26px;
    width: 88%;
}

/* ---------- zone d'écran ---------- */

table.main {
    background: none repeat scroll 0 0 #FFFFFF;
    border-collapse: collapse;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 0 1px 0px 1px;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    width: 1000px;
}

td.topmenu {
   height: 21px;
   width: 100%;
   border-color: #d6d7d6;
   background-image: url(../alt/images/nav_bg.png);
   background-position:right top;
   background-repeat:repeat-x;
   border-style: solid;
   border-width: 0px 1px 0px 1px;
   height: 30px;
   
}

td.leftbox {
   width: 200px;
   padding: 0px;
   margin: 0px;
   vertical-align: top;
   text-align: left;
   background: #d6d7d6;
    padding: 0 0 0 4px;
}

td.box {
   width: 200px;
   padding: 0px;
   margin: 0px;
   vertical-align: top;
   text-align: left;
}

td.bottombox {
   height: 65px;
   padding: 0px;
   margin: 0px;
   vertical-align: middle;
   text-align: center;
   background: #56292e;
   
}


td.rightbox {
   vertical-align: top;
   text-align: left;
   padding: 0px;
   margin: 0px;
   width:800px;
}

#objbox {
   /*margin: 10px 0px 20px 30px;*/
   margin: 10px 10px 10px 10px;
   width: 780px;
}

table.repimgbox {
   margin: 30px 0px 0px 50px;
   width: 700px;
}

div.underline {
   border-bottom: 1px solid #002A4A;
   height: 17px;
   width: 100%;
}
/* ------------ calendar ------------------- */

table.calendar{
	margin-left:auto;
	margin-right:auto;
}
caption.calendar-month{
 font-size: 14px;
 
}
th.calendar{
 font-size: 10px;
 color: #56292E;
}

/* ---------- toolbar horizontale ---------- */

#tbhoriz ul {
   margin: 0px;
   padding: 0px 0px 0px 0px;
   list-style-type: none;
   list-style-image: none;
}

#tbhoriz li {
   float: left;
   margin: 0px;
   padding: 0px;
   text-align: center;
   color: white;
}

#tbhoriz a {
    color: #542C2D;
    font: 13px georgia;
    padding: 0;
    text-transform: uppercase;
}

#tbhoriz a.tblink,
#tbhoriz a:hover {
   color: #00719c;
}


/* ---------- popup pour les menus ---------- */

#tbhoriz ul.popuptb {
   padding: 4px 0px 0px 0px;
   margin-left: -1px;
   visibility: hidden;
   position: absolute;
   display: block;
   z-index: 99;   
}

#tbhoriz ul.popuptb li {
   border: none;
   display: block;
   float: none;
   margin: 0px;
   border: 1px solid white;
   border-top: none;
   text-align: left;
   background: #542C2D;
   padding: 1px 0px 1px 0px;
}

#tbhoriz ul.popuptb a {
   margin-left: 10px;
   padding: 0px 15px 0px 15px;
   background: url(../images/fleche.gif) no-repeat left;
   color: #C0C0C0;
   font: normal 13px Arial;
   /* IE BUG FIX */
   height: 0.5em;
}

#tbhoriz ul.popuptb a:hover {
   color: white;
   background: url(../images/fleche_hover.gif) no-repeat left;
}

/* ------------- BLOC coins arrondis------------ */

#bloc_text{
margin-left: 10px;
margin-right: 25px;
text-align:justify;
}
#bloc_text{
	color: grey;
	margin-top: 0px;
	margin-bottom: 0px;
    padding-top: 0px;
	padding-bottom: 0px;
}


#bca_haut {
margin-left:-7px;
padding:0;
background:#E4EFFF url(../alt/images/fond-arrondi.png) no-repeat top right;
}
#bca_droite h3{
	color:grey;
}
#bca_droite h4{

	color:grey;
}


#bca_haut div {
height:7px;
width:7px;
background:#E4EFFF url(../alt/images/fond-arrondi.png) no-repeat top left;
}
#bca_gauche {
margin:auto;
background:#E4EFFF url(../alt/images/fond-arrondi.png) no-repeat bottom left;
max-width:2007px;
}
#bca_droite {
margin-left:7px;
background:#E4EFFF url(../alt/images/fond-arrondi.png) no-repeat bottom right;
padding-bottom:20px;
} 

/* ---------- toolbar verticale ---------- */

ul.redir {
   margin: 20px 0px 0px 40px;
   padding: 0px 0px 0px 0px;
}

ul.redir li {
   color: white;
   padding-left: 15px;
}

ul.redir a, ul.redir a:hover, ul.redir a:visited {
   color: white;
   font: bold 11px Arial;
}

#tbverti ul {
   list-style-type: none;
   list-style-image: none;
   padding: 7px 0px 0px 0px;
   margin: 0px;
   background: url(../images/atel_bgmenu.gif) no-repeat top left;
   width: 190px;
}

#tbverti li {
   height: 32px;
   padding-left: 55px;
}

#tbverti a {
   color: white;
   font: bold 11px Arial;
}

/* ---------- langue ---------- */

#langbox {
   text-align: center;
   padding-top: 1px;
   width: 15px;
   float: left;
}

/* ---------- la barre de navigation ---------- */

#navbar {
   width: 680px;
   color: #E84B05;
   font-size: 12px;
   padding: 2px 0px 0px 10px;
   float: left;
}

#navbar a {
   font-size: 12px;
   color: #E84B05;
   padding: 0px 3px 0px 3px;
}

#navbar div.menubox a {
   padding: 0px;
}

/* ---------- colonne centrale ---------- */

#breadcrumb {font-size: .8em;}
#outils {float:right;}


/* ---------- popup barre de navigation ---------- */

#navbar ul.popupnav {
   list-style-type: none;
   list-style-image: none;
   margin: 0px;
   padding: 0px;
   position: absolute;
   visibility: hidden;
   background: white;
   border-top: 1px solid #E84B05;
   z-index: 99;
}

#navbar ul.popupnav li {
   margin: 0px 0px 0px 0px;
   padding: 0px 15px 0px 10px;
   background: white;
   border: 1px solid #E84B05;
   border-top: none;
}

#navbar ul.popupnav a {
   color: #E84B05;
}

/* ---------- les dossiers ---------- */

#repbox {
   margin: 10px 0px 0px 0px;
   width: 100%;
}

#repbox ul {
   list-style-type: none;
   list-style-image: none;
   margin-left: 0px;
   padding-left: 0px;
}

#repbox table.repencol {
   width: 100%;
}

#repbox table.repencol td {
   width: 33%;
}

#repbox table.repnivo1 {
   margin-left: 0px;
}

#repbox td.repnivo2, td.repnivo3 {
   padding-left: 30px;
}

#repbox .repnivo1 img,
#repbox .repnivo2 img,
#repbox .repnivo3 img {
   margin: 0px 3px 2px 0px;
}

#repbox div.repdescrip {
   color: #a7bcd2;
   font: normal 10px Verdana;
   margin-left: 15px;
}

/* ---------- les documents ---------- */

#docbox {
   width: 635px;
   margin: 30px 0px 0px 45px;
}

#docbox ul {
   list-style-type: none;
   list-style-image: none;
   margin-left: 0px;
   padding-left: 0px;
}

#docbox span.docdate {
   font-size: 10px;
   color: blue;
}

#docbox div.docdescrip {
   color: #748392;
   font: normal 10px Verdana;
   padding-left: 30px;
}

#docbox hr {
   width: 580px;
   color: lightgrey;
   margin: 15px 0px 10px 15px;
}

#docbox input {
   margin: 0px 10px 0px 0px;
   float: left;
}

#docbox img.docimg {
   margin: 0px 10px 0px 0px;
   float: left;
}

#docbox li {
   margin-bottom: 5px;
   clear: both;
}

#docbox a.doclien {
   margin: 0px 10px 0px 0px;
}

#docbox span.infoinvisible {
   color: red;
   font-size: 10px;
   margin: 2px 10px 0px 0px;
   float: left;
}

/* ---------- album ---------- */

#docalbum {
   margin: 30px 0px 0px 20px;
   width: 740px;
}

#docalbum td {
   width: 33%;
   text-align: center;
   padding: 10px;
}

/* ---------- news ---------- */

#news {
   width: 190px;
   background: #00aeef;
   border-bottom: 1px solid white;
}

#news .newstitre,
#news .newsgdtitre {
   color: white;
   margin: 10px 10px 0px 10px;
   padding: 0px;
   border-bottom : 1px solid white;
   font-size: 11px;
}

#news .newsobj {
   color: white;
   font: bolder 11px arial;
   margin: 8px;
}

#news .newsobj a {
   color: white;
   font: bolder 11px arial;
}

#news .newsdescrip {
   color: #56292E;
   font: normal 11px arial;
   margin: 0px;
   padding: 0px;
}

#news .newsimg {
   text-align: center;
   padding: 0px;
   margin: 0px;
}

/* ---------- Informations ---------- */

#infosbox {
   width: 640px;
   margin-top: 10px;
   color: black;
}

#infosbox ul {
   list-style-type: none;
   list-style-image: none;
   margin: 3px 20px 5px 0px;
}

#infosbox li {
   margin-bottom: 5px;
   font: bolder 12px times;
   color: white;
}

/* ---------- les nouveautés ---------- */

#search, #newlink {
   margin: 30px 0px 0px 0px;
}

/* ---------- menu javascript avec les boutons d'actions ---------- */

div.menubox {
   position: absolute;
   visibility: hidden;
   top: 0px;
   left: 0px;
}

/* ---------- style FCKeditor ---------- */

#viewclass {
   width: 740px;
   margin: 20px 0px 20px 15px;
   color: #002A4A;
}

#viewclass .Fleche {
   padding-left: 20px;
   background: url("../images/fleche_atel.gif") no-repeat 0px 4px;
   color: #01548A;
   font: bold 13px Arial;
}

#viewclass .Souligne {
   width: 100%;
   color: #002A4A;
   border-bottom: thin solid #002A4A;
   font: bold 13px Arial;
   display: block;
}

#viewclass .Contenu {
   font-weight: normal;
   color: #002A4A;
}

/* ---------- divers ---------- */

.clear {
   clear: both;
   height: 0px;
   width: 0px;
}

/* titre bannière, document - liens */

div.titrebox {
   width: 100%;
   font: normal 14px arial;
   color: #002A4A;
   margin: 30px 0px 0px 0px;
}

div.titreview {
   width: 100%;
   margin: 10px 0px 0px 0px;
}

div.titreview span.texte {
   font: bold 16px arial;
   color: #002A4A;
}

div.titrebox span.texte {
   margin: 0px 0px 20px 0px;
   padding-left: 15px;
   font-weight: normal;
}

span.infosdepla {
   margin-left: 20px;
   font-weight: bold;
   color: #003399;
}

span.infoinvisible {
   color: red;
   font-size: 10px;
   margin-right: 10px;
}

.alertbox {
   border: 1px solid red;
   padding: 5px;
   color: red;
}

.center {
   text-align: center;
}

.errorbox {
   text-align: left;
   width: 500px;
   border: 1px solid red;
   padding: 20px;
   color: red;
   margin-left: auto;
   margin-right: auto;
   margin-top: 100px;
}

.errorbox p {
   margin: 0px;
   padding: 0px;
}

.linkbox {
   text-align: left;
   width: 500px;
   border: 1px solid red;
   padding: 20px;
   margin: 5px;
   margin-left: auto;
   margin-right: auto;
}

.linkbox p {
   margin: 2px 0px 5px 0px;
   padding: 0px;
   text-decoration: underline;
}

.linkbox a:before {
   margin-left: 20px;
   content: "> ";
}

.evid {
   color: red;
}

.minifont {
   color: black;
   font: normal 10px Verdana;
}

/* ---------- écran d'administration ---------- */

div.adminbox {
   margin: 30px 20px 15px 20px;
}

div.adminbox fieldset {
   border: 1px solid lightgrey;
   /* IE BUG */
   padding-top: 30px !important;
   padding: 0px 20px 20px 30px;
}

div.adminbox legend {
   padding: 10px 5px 10px 5px;
   /* IE BUG */
   padding: 0px !important;
}

div.adminbox hr {
   border: 1px solid #E9E9E9;
}

.adminboxtitre {
   padding: 5px 7px 0px 7px;
   border: 1px solid lightgrey;
   border-bottom: none;
}

.adminboxtitresel {
   background: lightgrey;
   padding: 5px 7px 1px 7px;
   border: 1px solid lightgrey;
}

div.adminbox .decal {
   margin-left: 20px;
   margin-right: 10px;
}

div.adminbox table.admintab {
   border-collapse: collapse;
   border: 1px solid #e0e5f2;
   width: 100%;
}

div.adminbox table.admintab th {
   text-align: center;
   font-weight: bold;
   padding: 5px;
   background: #5d7aaa;
   border: 2px solid white;
   color: white;
   font-weight: bold;
}

div.adminbox table.admintab th a {
   color: white;
   font-weight: bold;
}

div.adminbox table.admintab td {
   padding: 0px 10px 0px 10px;
   border: 1px solid #e0e5f2;
}

span.gestobjhier {
   font-size: 10px;
   color: #91A0B4;
}

/* ---------- enquête rapide ---------- **/

#enqueterap p.enqrapquest {
   margin: 0px 0px 5px 10px;
   width: 115px;
   font: bolder 10px Verdana;
}

#enqueterap p.enqraprep {
   margin: 0px 0px 10px 15px;
   font: bolder 10px Verdana;
}

/* ---------- enquete ---------- */

div.formu,
div.qcm, 
div.forum, 
div.faq, 
div.enquete {
   width: 600px;
   margin-top: 30px;
}

.qcmend,
.qcmtitre,
.forumtitre,
.faqtitre,
.enqtitre {
   width: 100%;
   background: #435c84;
   color: white;
   margin: 5px 0px 10px 0px;
}

.forumtitre td,
.enqtitre td,
.faqtitre td {
   padding: 5px;
}

.qcmtitre td {
   padding: 10px;
}

.faquest,
.enquest {
   width: 100%;
   color: white;
   padding: 2px;
   background: #5d7aa0;
   margin: 1px 0px 1px 0px;
}

.faquest td {
   padding: 5px;
}

.enquest td {
   padding: 2px 2px 2px 10px;
}

.faquestdate, 
.enquestdate {
   width: 125px;
   text-align: right;
   font-size: 12px;
}

.enqrep {
   width: 100%;
   margin-bottom: 10px;
}

.enqrepbouton {
   background: #e1ecf4;
   width: 50px;
   padding: 2px;
   text-align: center;
}

.enqreptxt {
   background: #e1ecf4;
   padding: 2px 5px 2px 10px;
}

.qcmrepstat, 
.enqrepstat {
   text-align: center;
   background: #e1ecf4;
   width: 150px;
}

/* ---------- faq ---------- */

.faqrep {
   width: 100%;
   margin-bottom: 40px;
}

.faqrepbouton {
   width: 50px;
   padding: 2px;
   text-align: center;
}

.faqreptxt {
   width: 450px;
   padding: 10px;
   border-bottom: 1px solid #e1ecf4;
}

.faqrepinfos {
   text-align: right;
   width: 100px;
   font-size: 12px;
}

/* ---------- forum ---------- */

.forumsuj {
   padding: 5px;
   color: white;
   background: #5D7AAA;
   border: 2px solid #4B6794;
}

.foruminfos {
   text-align: right;
   color: white;
   border-top: 1px solid white;
   border-left: 2px solid #4B6794;
   border-right: 2px solid #4B6794;
   border-bottom: 1px solid #4B6794;
   font-size: 10px;
   background: #879DC0;
   padding: 4px;
}

.forumrep {
   width: 100%;
   border: 2px solid #4B6794;
   border-top: none;
   margin-bottom: 20px;
}

.forumrepbouton {
   padding: 5px;
   width: 100px;
   font-size: 10px;
   background: #E0E5F2;
   color: #074C85;
}

.forumreptxt {
   padding: 5px;
   font-size: 12px;
   background: #E0E5F2;
   color: #074C85;
}

/* ---------- QeL ---------- */

.qcmbulle {
   padding: 30px;
   border: 3px dotted lightgrey;
   margin: 10px 0px 20px 0px;
   text-align: center;
}

.qcmquestclip {
   background: #5d7aa0;
   margin: 0px 2px 2px 2px;
   padding: 10px;
   text-align: center;
}

.qcmclip {
   margin: 10px;
}

.qcmclip p,
.qcmrepclip p,
.qcmquestclip p {
   margin: 2px 0px 2px 0px;
}

.qcmquest {
   width: 100%;
   color: white;
}

.qcmquestcote {
   padding: 5px 10px 5px 5px;
   width: 50px;
   text-align: right;
   background: #5d7aa0;
}

.qcmquesttxt {
   padding: 5px 5px 5px 15px;
   background: #5d7aa0;
}

.qcmquestr {
   text-align: right;
   width: 50px;
   padding: 5px 10px 5px 5px;
   background: red;
}

.qcmquestg {
   text-align: right;
   width: 50px;
   padding: 5px 10px 5px 5px;
   background: green;
}

.qcmrep {
   width: 100%;
   margin-bottom: 20px;
}

.qcmrepclip img {
   margin-top: 5px !important;
   margin: 0px 20px 5px 0px;
   width: 125px;
   float: left;
}

.qcmrepclip embed {
   float: left;
}

.qcmrepbouton {
   padding: 5px;
   text-align: center;
   width: 50px;
   background: #e1ecf4;
}

.qcmrep12txt, 
.qcmrep3txt {
   font-size: 13px;
   padding: 2px 10px 2px 20px;
   background: #e1ecf4;
}

.qcmrep4txt {
   padding: 2px;
   background: #e1ecf4;
   text-align: center;
}

.qcmrep5txt {
   font-size: 13px;
   padding: 10px 20px 10px 20px;
   line-height: 190%;
   background: #e1ecf4;
}

.qcmexplic {
   font-size: 13px;
   padding: 5px;
   background: #CADCFF;
   border: 1px solid black;
}

table.qcmgestion {
   width: 600px;
}

table.qcmgestion th {
   width: 100%;
   text-align: center;
   color: white;
   padding: 5px;
   background: #5d7aa0;
}

table.qcmgestion td {
   width: 100%;
   padding: 3px 10px 3px 10px;
   background: #e1ecf4;
}

/* ---------- formulaire en ligne ----------- */

.formutitre {
   text-align: center;
   font-weight: bold;
   background: #435c84;
   color: white;
   padding: 5px;
   margin: 5px 0px 10px 0px;
   width: 100%;
}

.formutitre input {
   font-weight: normal;
}

.formuconnect {
   font-size: 12px;
   width: 100%;
}

.formuconnect th {
   text-align: left;
   font-size: 12px;
   width: 100%;
   border-bottom: 1px solid black;
}

.formulist {
   background: #e1ecf4;
   padding: 2px;
   margin: 0px;
}


/* ---------- ecran statistiques ---------- */

#stats th {
   text-align: center;
   background: #99CCFF;
   font-weight: bold;
}

#stats td {
   background: #F0FFFF;
}

/* ---------- ateliers ---------- */

#atelinscr {
   margin: 40px 0px 20px 10px;
   width: 765px;
}

#atelinscr select.liste,
#atelinscr select.liste option {
   font: normal 10px arial;
}

#atelinscr input.form {
   background: #00AEEF;
   border: 1px solid black;
}

#atelinscr .ateltitre {
   font-weight: bold;
}

#atelinscr .atelinfos {
   color: #00AEEF;
}

#atelinscr .atelconn {
   background: #002a4a;
   color: white;
   font-weight: bold;
}

.atelerr {
   color: red;
   font-size: 11px;
}

#atelinscr table.forma {
   width: 90%;
   border-collapse: collapse;
}

#atelinscr table.forma th {
   text-align: center;
   background: #00aeef;
   border: 2px solid black;
   padding: 3px;
   font-weight: normal;
}

#atelinscr table.forma td {
   padding: 3px;
   border: 2px solid black;
}

#atel {
   margin: 40px 10px 20px 10px;
   width: 740px;
}

#atel .ateltitre {
   font-size: 16px;
   font-weight: bold;
}

#atel table.atelformalist {
   border: 1px solid darkblue;
   width: 95%;
}

#atel table.atelformalist th {
   color: white;
   background: darkblue;
   text-align: center;
   padding: 5px;
}

#atel table.atelformalist td {
   padding: 3px;
}

#atel hr {
   border: 1px solid darkblue;
}

#atel table.atelformu {
   margin-left: 10px;
   width: 95%;
}

#atel table.atelformu th {
   padding: 5px;
   background: #00AEEF;
   color: white;
   text-align: left;
}

#atel .atelsep {
   text-align: right;
   border-bottom: 1px solid #00AEEF;
}

#atel .atelcadre {
   border: 1px solid #00AEEF;
}

}

/* ---------- feuille de style pour impression ---------- */

@media print {

table.main {
   height: auto;
}

td.leftbox {
   background: white;
}

#tbverti ul {
   background: #002A4A;
}

}