@import url("reset.css");
@import url("mp.css");
@import url("form.css");
@import url("clearfix.css");

body {behavior:url(csshover3.htc); background:url(../img/bgstripe.gif) repeat top; font-family:Arial, Helvetica, sans-serif; border-bottom:solid 8px #333;}
html {font-size:62.5%;overflow:auto;}
#bg {background:url(../img/bgtop.gif) repeat-x top;}
#main {width:959px; margin-left:auto; margin-right:auto;}

strong {font-weight:bold;}
em {font-style:italic;}

#zonemsg {display:none; width:635px; background:url(../img/separateur.jpg) bottom center no-repeat; padding:0 0 50px 30px; margin-right:30px;}
#zonemsg p {font-size:1.5em; padding: 30px 0px 0px 30px; text-align:left;}
#zonemsg h2 {margin-bottom:10px; margin-right:30px;}
#zonemsg a {color:#000; text-decoration:none; font-size:1.2em;}
#zonemsg a:link {color:#000;}
#zonemsg a:visited {color:#000;}
#zonemsg a:hover {color:#000; text-decoration:underline;}
#zonemsg a:active {color:#000;}
.red {color:#F00;}
.ex {font-size:0.8em; color:#AAA; padding-left:6px;} 
.Radio {padding:0px 15px 15px 6px; font-size:0.9em;} 

/*--HEADER
-----------------------------*/
#header #headerBottom {width:100%; background:url(../img/bgstripetop.gif) repeat-x left; text-align:center;}
#header {padding-top:15px; margin-left:auto; margin-right:auto;width:939px;}
#header #headerFlash {width:939px;}
#headerFlash * {border:none; float:left;}
#header #lirecherche {padding-top:15px;}
#header #lirecherche #recherche { width:148px; height:20px; border:0; font-size:1.4em; padding:3px 0px 0px 2px;}
#header img.ok {background-color:#fff; border:none; cursor:pointer; *margin-top:1px;}

/*--CONTAINER
-----------------------------*/
#content #souscontent a {color:#000; text-decoration:none;}
#content #souscontent a:link {color:#000;}
#content #souscontent a:visited {color:#000;}
#content #souscontent a:hover {color:#000; text-decoration:underline;}
#content #souscontent a:active {color:#000;}

#content #souscontent fieldset p {margin-bottom:0px;}
#content #souscontent h1, #contentadmin h1, #formulaire h1, #plan h1, #zonemsg h1, #home h1 {font-size:2.8em; font-family:"Trebuchet MS", Georgia, "Times New Roman", serif; margin:15px 0; color:#900;}
#formulaire h1 {margin-bottom:18px; margin-left:10px;}
#content #souscontent h2, #container legend, #login h1, #zonemsg h2, #contentadmin h2, #search h2 {font-size:1.6em; font-family:"Trebuchet MS", Georgia, "Times New Roman", serif; padding:10px 0px 5px 0px; color:#474747; background:url(../img/dottdashed.gif) repeat-x bottom;}
#content #souscontent h3, #contentadmin h3, #home h3 {font-size:1.3em; font-family:"Trebuchet MS", Georgia, "Times New Roman", serif; padding:5px 0px; color:#474747; font-weight:bold;}
#content #souscontent ul, #contentadmin ul, #home ul {line-height:1.5em; list-style-image:url(../img/bullet.gif); margin-left:35px; margin-bottom:10px; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; color:#666; text-align:justify;}
#content #souscontent li, #contentadmin li, #home li {margin:3px 5px 4px 0px;}
#content #souscontent fieldset {border-top:#000 solid 1px; padding:5px;}

#content #souscontent p,#home p, #content #souscontent label, #contentadmin p {font-size:1.3em; color:#666;; font-family:Arial, Helvetica, sans-serif; padding:6px 0px; line-height:1.5em; text-align:justify;}
#home a {
	color:#666;
}
#home a:hover {
	text-decoration:underline;
}
#home #back a:hover {
	text-decoration:none;
}
#containerL {width:939px; float:left; padding:0 10px; background:url(../img/stripeL.gif) repeat-y;}
#containerR {width:959px; float:left; background:url(../img/stripeR.gif) repeat-y right top;}

/*les contenus*/
#container {width:939px; background-color:#fff; float:left;}
#content {width:665px; display:block; float:left;}
#content div#souscontent {width:605px; margin:20px 30px;}

/*Tableau des cours*/
#souscontent table {width:560px; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:1.2em; margin:20px 0;}
#souscontent table tr {margin:0 5px; border-color:#fff #CCC; border-bottom:1px solid #DDD; }
#souscontent table tr td {padding:5px; border-color:#fff #CCC; }
#souscontent table tr#first {font-size:1.3em; background-color:#f4f4f4; }
#souscontent table tr#first td { padding-left:20px;}
#souscontent table tr td.num {background:url(../img/symbol_pound.gif) no-repeat left;}
#souscontent table tr td.pond {background:url(../img/control_record.gif) no-repeat left;}
#souscontent table tr td.titre {background:url(../img/document.gif) no-repeat left;}
#souscontent table tr td.unite {background:url(../img/symbol_addition.gif) no-repeat left;}
/*--HOME
-----------------------------*/
#home { margin:40px 30px 0 30px; }
#home .leftCol, .home #rightCol { width:299px; }
#back h1 {margin:0;}

#back {background:url(../img/home/border.gif) repeat-y; margin-top:30px;}
#home h1#service { width:300px; height:53px; background-image:url(../img/home/cornerright.gif); background-repeat:no-repeat; display:block; }
#home h1#formation { width:300px; height:47px; background-image:url(../img/home/leftmiddle.gif); background-repeat:no-repeat; display:block; }
#home h1#formationligne { width:300px; height:47px; background-image:url(../img/home/bottomleft.gif); background-repeat:no-repeat; display:block; }
#home h1#aec { width:300px; height:53px; background-image:url(../img/home/cornerleft.gif); background-repeat:no-repeat; display:block; }
#home h1#rac { width:300px; height:47px; background-image:url(../img/home/rightmiddle.gif); background-repeat:no-repeat;}
#home h1#inter { width:300px; height:47px; background-image:url(../img/home/bottomright.gif); background-repeat:no-repeat; display:block; }

#home .leftCol h1,#home .rightCol h1 { background-position:-300px 0;}
#home .leftCol div:hover h1,#home .rightCol div:hover h1 { background-position:0 0;}


#home .leftCol { float:left;}
#home .leftCol .formcont { background:url(../img/home/dottdashedRIGHT.gif) repeat-y right;}
#home .rightCol { float:left; }
#home #back .formcont { padding:8px 18px 5px 18px; font-family:Arial, Helvetica, sans-serif; color:#666; text-align:justify; }
#home a {text-decoration:none; display:block;}
#home span.plus { background:url(../img/toggle_plus.gif) right no-repeat; padding-top:10px; font-family:Arial, Helvetica, sans-serif; color:#999; font-size:1.2em; text-align:right;  padding:0px 20px 0px 0px; display:block; font-size:1em; }
#home #bot { clear:both; background:url(../img/home/bot.jpg) bottom left no-repeat; width:599px; height:20px; }

a.editable {background:url(../img/modifier_edit.gif) right no-repeat; padding-right:12px; color:#000; text-decoration:none;}

/*--MODULE DE RECHERCHE
-----------------------------*/
#search ul li:first-child {padding-top:10px;}
#search a {background:none;}


/*--ADMIN + boutons + cal
-----------------------------*/
#login {margin-left:30px; background:url(../img/adminJ.jpg) no-repeat; width:546px; height:191px; padding:20px;}
#login div#HR {background: url(../img/dottdashed.gif) repeat-x; border:none; height:10px; clear:both; width:508px; margin-bottom:20px;}
#login ul li, #contentadmin ul li {display:inline; font-size:1.2em; color:#767676;}
#login input.connect {background:url(../img/connect.gif) no-repeat right #FFF; height:25px;  padding:0 30px 2px 10px; font-size:0.9em; color:#666; cursor:pointer; margin-top:20px; margin-right:60px;}
#login h1 {width:507px; padding-top:0px; background:url(../img/lock.gif) left no-repeat; padding:0px 0px 0px 25px; margin:0;}

#contentadmin {margin:10px 30px 40px 30px;}
#contentadmin h2 {margin-bottom:10px;}
#contentadmin li {padding-right:10px;}

#contentadmin input.cancel, #contentadmin input.save, #contentadmin input.ajout, #contentadmin input.enlever, #contentadmin input.delete, #header input.deconne, #babmessages input.ajoutbabadd , #babfichiers input.ajoutbab, #formulaire #form #buttonX, #formulaire #form #buttonC, #formulaire #form #buttonC2, #babmessages input.ajoutevent, #contentadmin input.pub, #contentadmin input.job, #contentadmin input.oui, #contentadmin input.faq, #divcal a, #contentadmin input.ajoutformation, #contentadmin input.ajoutuser, #contentadmin input.back {background:url(../img/X.gif) no-repeat right #FFF; height:25px; padding:0px 30px 3px 10px; font-size:0.9em; color:#666; cursor:pointer; margin-top:5px; border-width:1px; border-style:solid; border-color:#AAA #CCC #CCC #AAA;}
#contentadmin input.save {background:url(../img/application_add.gif) no-repeat right #FFF;}
#contentadmin input.enlever {background:url(../img/moins.gif) no-repeat right #FFF;}
#contentadmin input.ajoutformation {background:url(../img/form_add.gif) no-repeat right #FFF;}
#contentadmin input.pub {background:url(../img/album_add.gif) no-repeat right #FFF;}
#contentadmin input.job {background:url(../img/package_add.gif) no-repeat right #FFF;}
#contentadmin input.oui {background:url(../img/symbol_check.gif) no-repeat right #FFF;}
#contentadmin input.back {background:url(../img/arrow_left.gif) no-repeat right #FFF; margin-top:20px;}
#contentadmin input.faq {background:url(../img/comment_add.gif) no-repeat right #FFF;}
#contentadmin input.ajoutuser {background:url(../img/user_add.gif) no-repeat right #FFF;}
#contentadmin input.ajout {background:url(../img/ajout.gif) no-repeat right #FFF; margin-bottom:12px;}
#contentadmin input.delete {background:url(../img/trash.gif) no-repeat right #FFF;}
#babmessages input.ajoutevent {background:url(../img/calendar_add.gif) no-repeat right #FFF;}
#header input.deconne {background:url(../img/disconnect.gif) no-repeat right #FFF; margin-top:14px; margin-left:10px;}
#formulaire #form #buttonC, #formulaire #form #buttonC2, #contentadmin #buttonC {background:url(../img/envelope.gif) no-repeat right #FFF;}
#contentadmin input.save:hover, #contentadmin input.cancel:hover, #contentadmin input.ajout:hover, #contentadmin input.enlever:hover, #contentadmin input.delete:hover, #header input.deconne:hover, #babmessages input.ajoutbabadd:hover, #babfichiers input.ajoutbab:hover, #formulaire #form #buttonX:hover, #formulaire #form #buttonC:hover, #formulaire #form #buttonC2:hover, #contentadmin #buttonC:hover, #login input.connect:hover, #babmessages input.ajoutevent:hover, #contentadmin input.pub:hover, #contentadmin input.job:hover, #contentadmin input.oui:hover, #contentadmin input.faq:hover, #divcal a:hover, #contentadmin input.ajoutformation:hover, #contentadmin input.ajoutuser:hover, #contentadmin input.back:hover {color:#000; border-width:1px; border-style:solid; border-color:#CCC #AAA #AAA #CCC;}

#contentadmin h2.event {background:url(../img/calendar.gif) left no-repeat; padding:10px 40px 0 30px; margin-bottom:0px;}
#contentadmin h2.messbab {background:url(../img/mailing.gif) left no-repeat; padding:10px 40px 0 30px; margin-bottom:0px;}
#contentadmin h2.pub {background:url(../img/album.gif) left no-repeat; padding:10px 40px 0 30px; margin-bottom:0px;}
#contentadmin h4 {font-size:1.1em; color:#999;padding:12px 0 0 0; background:url(../img/dottdashed.gif) repeat-x top;}

#contentadmin td {font-size:1.4em; color:#666;; padding-right:5px; padding-bottom:5px;}
#contentadmin input.Box {border:none;}

/*Calendrier*/
#divcal {padding:5px 5px 5px 15px; border:1px solid #CCC;}
#divcal table {border:none;}
#divcal a {font-size:0.6em; background:none; margin:1px; text-decoration:none; width:14px; height:14px; padding:3px; display:block; text-align:center;}
#divcal td.cpDayColumnHeader {text-align:center; font-size:0.9em;}
#divcal td.cpTodayText a { width:100px; height:14px; }
#divcal cpMonthNavigation a {}
#divcal td.cpMonthNavigation {font-size:0.9em; text-align:center;}



/*--BABILLARD
-----------------------------*/
#babmessages input.ajoutbabadd {background:url(../img/document_add.gif) no-repeat right #FFF;}
#babfichiers input.ajoutbab {background:url(../img/document_up.gif) no-repeat right #FFF;}

#babmessages {background:url(../img/dottdashed.gif) repeat-y right; padding-right:30px}
#babmessages, #babfichiers {float:left; width:260px; margin-right:20px; font-size:1.2em; color:#666;}
#babmessages a.evenementEDIT, #babfichiers a.evenementEDIT {background:url(../img/modifier_edit.gif) right no-repeat; padding-right:12px;}
#babfichiers {margin-right:0px;}
#babmessages h2, #babfichiers h2 {padding-top:0px; padding-bottom:5px;}

#babfichiers a {color:#000; text-decoration:none; background:url(../img/paperclip.gif) no-repeat right; padding-right:20px; }
#babfichiers a:link {color:#000; padding-bottom:5px;}
#babfichiers a:visited {color:#000;}
#babfichiers a:hover {color:#000; text-decoration:underline;}
#babfichiers a:active {color:#000;}

#babmessages input.ajoutbab {background:url(../img/document_up.gif) no-repeat right #FFF;}
#babmessages a {color:#000; text-decoration:none;}
#babmessages a:link {color:#000;}
#babmessages a:visited {color:#000;}
#babmessages a:hover {color:#000; text-decoration:underline;}
#babmessages a:active {color:#000;}

/*--EQUIPE
-----------------------------*/
#card { width:580px; border:1px solid #CCC; color:#666; margin-bottom:40px; padding:10px; float:left; }
#card img { padding-right:10px; }
#card div { float:left; }
#card div span p { line-height:2em;}
#card div span.user { background:url(../img/user.gif) left no-repeat; padding-left: 25px; font-size:1.3em; padding-top:4px; font-weight:bold;}
#card div span.titre {color:#666;}
#card div span.domaine {color:#999; font-style:italic;}
#card div span.couriel {background:url(../img/mailing2.gif) left no-repeat; padding-left: 25px; padding-top:4px; color:#000;}
#card div span.phone {background:url(../img/phone.gif) left no-repeat; padding-left: 26px; padding-top:4px; color:#666;}

/*--MENU CONTEXTUEL
-----------------------------*/
#menuc { color:#4f4f4f; display:block; width:272px; float:left; font-family:Arial, Helvetica, sans-serif; background:url(../img/backdrop.jpg) repeat-x bottom; border-left:1px #CCC solid; border-bottom:1px solid #CCC; }
#menuc h5 a { padding:5px 8px 5px 20px; width:233px; font-size:1.2em; color:#999;}
#menuc h5 a:hover { background:url(../img/flechedroite.gif) no-repeat right; color:#C00; }
#menuc h4 { font-size:1.3em; font-family:"Trebuchet MS", Georgia, "Times New Roman", serif; color:#666; border-top:1px #CCC solid; }/*6 gros*/
#menuc h4:hover { color:#fff; background:url(../img/menuHOVER.jpg) repeat-x; }
#menuc h4.noBorder {border-top:none;}
#menuc h4 a { padding:10px 20px; width:232px; font-weight:bold; }
#menuc h4 a:hover { color:#fff; background:url(../img/menuHOVER.jpg) repeat-x; }
#menuc h4.nohover { padding:10px 20px; cursor:default; font-weight:bold; }
#menuc h3.toggler { width:243px; cursor:pointer; padding:5px 5px 5px 20px; font-size:1.3em; color:#666; border-top:1px solid #CCC; }
#menuc h3.toggler:hover { background:url(../img/flechebas.gif) no-repeat right; color:#C00; }
#menuc div.element a { padding:3px 5px 3px 20px; width:223px; color:#999; font-size:1.1em; }/*SOUS section 3, liens fleches*/
#menuc div.element a:hover { color:#C00; }/*SOUS section 3, liens fleches*/
#menuc a { display:block; color:#4f4f4f; text-decoration:none; background:none; }
span.ajout { width:273px; display:block; background:url(../img/ajout.gif) no-repeat right; }
span.ajout:hover { background:none; }


/*--PLAN
-----------------------------*/
#plan {margin:40px; font-size:1.2em;}
#plan ul.tree, #plan ul.tree ul { list-style-type: none; background: url(../img/vline.png) repeat-y; margin: 0; padding: 0; } 
#plan ul.tree ul { margin-left: 10px; } 
#plan ul.tree li { margin: 0; padding: 0 12px; line-height: 20px; background: url(../img/node.png) no-repeat; color:#C00; }
#plan ul.tree li.last { background: #fff url(../img/lastnode.png) no-repeat; }  

#plan a { text-decoration:none; }
#plan a:link { color:#999; }
#plan a:visited{ color:#000; }
#plan a:hover { color:#000; }
#plan a:active{ color:#C00; }



/*--FOOTER
-----------------------------*/
#links { text-align:left; margin-left:40px; margin-top:30px;}
#links a { color:#666; text-decoration:none; margin-right:40px; font-size:1.1em;}
#links a:link { color:#666; }
#links a:visited { color:#666; }
#links a:hover { color:#000; text-decoration:underline; }
#links a:active { color:#C00;}

#footer { margin:20px 0; width:939px; margin-left:auto; margin-right:auto; text-align:center; color:#000; background:url(../img/separateur.jpg) top no-repeat; }
#footer img {margin-top:30px;}
#footer p { font-family:Arial; font-size:1.1em; text-align:center; padding-top:20px;}
.nonflottant { clear:both; }