/**/
@charset "UTF-8";
/* CSS Document */
body {width:940px; text-align:center; margin-top:0px; margin-right:auto; margin-left:auto; font-family:"Trebuchet MS", Helvetica, Arial;  background-image: url(images/ligneVerticaleRouge.gif); background-position:center; background-color:#ffffff;}
ul, li, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
h1, h2, h3, { font-family:  "Trebuchet MS", Helvetica, Arial; text-transform:uppercase; letter-spacing:0.01em;}
h1{ font-size:36px; margin-bottom:20px;}
h2{ font-size:20px;}
h3{ font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; text-transform:uppercase; letter-spacing:0.05em;}
h4{ font-size:14px;}
h5{ font-size:12px;font-family:Georgia, "Times New Roman", Times, serif; margin-top:10px; margin-bottom:5px; font-weight:normal; text-transform:uppercase; text-align:center; letter-spacing:0.05em;}
h6{ font-size:10px;}
select{ font-size:10px; text-align:center; max-width:140px;}
option{}
a{ color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}

p a{color:#000000; text-decoration:underline;}
p a:hover{text-decoration:underline;}

p, ul { text-align:left; font-size:12px; text-align:left; line-height:1.3em; list-style-image:url(images/bul-1.gif);}
h5 { text-align:left;}
/**/
#entete{width:100%; clear:both;}
/**/
#menu{ text-align:center; width:720px; clear:both; margin-top:20px; margin-right:auto; margin-left:auto; }
#menu p{ text-align:center;}
img.menu{ background-color:#FFFFFF; vertical-align:top; border-top:#C8C8C8 solid 2px; border-bottom:#C8C8C8 solid 2px; padding-bottom:3px; padding-top:6px; padding-left:5px;padding-right:5px;}
img.coteGauche{ border:none; margin-left:5px;}
img.coteDroit{ border:none; margin-right:5px;}
/**/
img{border:none;}
img.coin{ clear:both; border:none;}
/**/
#menu_formation{text-align:center; margin:auto; width:750px; clear:both; padding:0; position:relative; top:30px; clear:both;}
#menu_formation .forum, #menu_formation .maitrise, #menu_formation .conception{
float:left; text-align:left; padding:0; margin:0; width:240px; margin:5px;}
#menu_formation h2 { text-align:center; margin-left:5px; margin-top:5px; width:230px; line-height:1em;}
#menu_formation p { margin-left:5px; width:230px; margin-bottom:0; }
/**/
p .heure{font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
/**/
p.read_more { text-align:center; margin-top:10px; margin-left:10px; margin-bottom:0;}
p.read_more a{text-decoration:none;}
p.read_more a:hover{background-color:#ffffff; text-decoration:none;}
/**/
#menu_formation{}
#menu_formation .forum_view, #menu_formation .maitrise_view, #menu_formation .conception_view{
float:left; text-align:left; padding:0; margin:0; width:420px; margin:5px;}
#menu_formation .forum_view h1, #menu_formation .maitrise_view h1, #menu_formation .conception_view h1{ margin-left:10px; margin-right:10px;  margin-top:5px; width:410px; text-align:center;}
#menu_formation .forum_view h2, #menu_formation .maitrise_view h2, #menu_formation .conception_view h2{ margin-left:10px; margin-right:10px; width:410px;  margin-bottom:5px; margin-top:10px; text-align:center;}
#menu_formation .forum_view h3, #menu_formation .maitrise_view h3, #menu_formation .conception_view h3{ margin-left:10px; margin-right:10px; width:410px;}
#menu_formation .forum_view h4, #menu_formation .maitrise_view h4, #menu_formation .conception_view h4{ margin-left:10px; margin-right:10px; width:410px;}
#menu_formation .forum_view h5, #menu_formation .maitrise_view h5, #menu_formation .conception_view h5{ margin-left:10px; margin-right:10px; width:410px;}
#menu_formation .forum_view h6, #menu_formation .maitrise_view h6, #menu_formation .conception_view h6{ margin-left:10px; margin-right:10px; width:410px;}
#menu_formation .forum_view p, #menu_formation .maitrise_view p, #menu_formation .conception_view p{ margin-left:10px; margin-right:10px; line-height:1.4em; width:400px; margin-bottom:4px;}

#menu_formation .forum_view ul, #menu_formation .maitrise_view ul, #menu_formation .conception_view ul{ margin-left:35px; margin-right:10px; line-height:1.4em; width:380px; list-style-type:circle; margin-bottom:4px; }
#menu_formation .forum_view ul li, #menu_formation .maitrise_view ul li, #menu_formation .conception_view ul li{margin-bottom:2px;
}
/**/
#login{width:240px; background-image:url(images/c-240-g.gif); margin:auto;}
#login h2{ margin-top:5px;}
#login #form_log{width:220px; margin-left:10px; display:none;}
/**/
.page {width:600px; margin-left:170px; position:relative; top:40px; margin-bottom:40px; clear:both; background-image:url(images/c-600-g.gif);}
.page h1{ text-align:left; margin-left:10px; margin-top:10px;  text-align:center;}
.page .text {margin-left:10px; margin-right:10px; line-height:1.4em;}
.page a:hover{background-color:#FFD204;}
.page .text p {line-height:1.4em;}
.page .sideContent {float:right; width:290px; margin-left:10px;}
.page .sideContent h3{ margin-top:10px;}
.page .sideContent ul{ margin-left:15px;}
.page .sideContent img{ margin-right:10px; margin-top:10px;}
/**/
#calendrier { width:900px; margin:auto; position:relative; top:50px; clear:both; margin-right:auto; margin-left:auto; }
#calendrier .item{ text-align: center; height:28px; clear:both; margin-bottom:20px; width:120px; float:none; margin-right:auto; margin-left:auto;}
#calendrier .item h3 {background-color:#C8C8C8; height:28px;}
.jour{  margin:0; width:750px; clear:both; padding:0; padding-top:10px;  min-height:40px; margin-right:auto; margin-left:auto;}
.jour_display{ text-align:center; margin:0; width:940px; clear:both; padding:0; padding-top:10px;  min-height:40px; margin-right:auto; margin-left:auto;}
.jour .pyblik, .jour .forum, .jour .maitrise,.jour .conception {float:left; text-align:center; padding:0; margin:0; width:240px; margin-left:5px; margin-right:5px;}
.jour_display .pyblik, .jour_display .forum, .jour_display .maitrise,.jour_display .conception {float:left; text-align:center; padding:0; margin:0; width:240px; margin-left:5px; margin-right:5px;}
.jour_display .pyblik{ margin-left:230px;}
#today.jour {width:200px; margin-bottom:-15px;}
#today.jour .date{ margin-left:35px; margin-bottom:0;}
.jour .date, .jour_display .date {width:120px; background-color:#c8c8c8;  margin-right:5px; margin-left:5px;float:left; text-align:center;}
.jour .date h4, .jour_display .date h4  {text-align:center; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; background:none; width:auto; }
.jour h4.date, .jour_display h4.date {text-align:center; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; background:none; width:100%; margin-bottom:5px; margin-top:5px; clear:both;}
.jour .pyblik{margin-left:250px;}
.pyblik h3, .forum h3, .maitrise h3, .conception h3{margin-left:5px; margin-right:5px;  margin-top:5px; margin-bottom:5px;text-align:center;}
.pyblik h5, .forum h5, .maitrise h5, .conception h5{margin-left:5px; margin-right:5px; text-align:center;}
.forum p, .maitrise p, .conception p, .pyblik p {margin-left:5px; margin-right:5px; margin-bottom:0; }
.forum ul, .maitrise ul, .conception ul, .pyblik ul {margin-left:30px; margin-right:5px; margin-bottom:0; }
.forum_display, .maitrise_display, .conception_display, .pyblik_display {width:480px;float:left; text-align:center; padding:0; margin:0; margin-left:5px; margin-right:5px;}
.forum_display .link, .maitrise_display .link, .conception_display .link, .pyblik_display .link {
float:right;
}
.link ul { font-size:10px; margin-left:30px; margin-bottom:20px; list-style:none; margin-right:20px; width:160px; text-align:left; list-style-image:url(images/bul-2.gif);}
.link ul li { margin-top:10px; margin-bottom:10px;}
.link ul li { background-color:#FFFFFF;}
.forum_display h1, .maitrise_display h1, .conception_display h1, .pyblik_display h1 {margin:0px; margin-bottom:10px; margin-top:5px; }
.forum_display h2, .maitrise_display h2, .conception_display h2, .pyblik_display h2 {margin:0px; margin-bottom:10px; margin-top:20px; }
.forum_display h3, .maitrise_display h3, .conception_display h3, .pyblik_display h3 {margin-right:10px; margin-left:10px; margin-bottom:5px; margin-top:10px; text-align:left; width:460px;}
.forum_display ul, .maitrise_display ul, .conception_display ul, .pyblik_display ul {margin-right:10px; margin-left:25px; margin-bottom:5px; margin-top:10px; text-align:left; }
.forum_display p, .maitrise_display p, .conception_display p, .pyblik_display p {margin-right:10px; margin-left:10px;margin-bottom:4px; margin-top:0px; line-height:1.4em; width:460px;}
.forum_display h5, .maitrise_display h5, .conception_display h5, .pyblik_display h5 {width:260px; margin-right:10px; margin-left:10px;margin-bottom:5px; margin-top:10px;}


.jour_display .forum, .jour_display .pyblik, .jour_display .conception, .jour_display .maitrise {margin-bottom:10px;}

.forum, .forum_display, .forum_display h1 , #menu_formation .forum_view{ background-color:#F15922;}
.maitrise, .maitrise_display, .maitrise_display  h1, #menu_formation .maitrise_view{background-color:#FFD204;}
.conception, .conception_display, .conception_display  h1, #menu_formation .conception_view{ background-color:#68C7BF;}
.pyblik, .pyblik_display, .pyblik_display  h1 {background-color:#C8C8C8;}
img{border:none; padding:0; margin:0;}
/**/
#archives.jour .pyblik {width:160px; margin-left:290px;}
#actual.jour .pyblik {width:240px; margin-left:250px;}

#archives.jour select, #actual.jour .pyblik {margin-bottom:5px;}
/**/
.infoPratiques{width:220px; float:left;}
.documents{width:220px; float:left; margin-left:20px;}
.infoPratiques p, .infoPratiques h1, .infoPratiques h2, .infoPratiques h3, .infoPratiques h4, .infoPratiques h5, .infoPratiques h6, .infoPratiques ul{
width:220px;}
.documents p, .documents h1, .documents h2, .documents h3, .documents h4, .documents h5, .documents h6{
width:220px; }
.documents ul{margin-left:20px; width:210px; list-style-image:url(images/bul-2.gif);}
.documents ul li {margin-bottom:4px;}
.documents ul li ul{margin-top:0px; margin-bottom:0px; width:190px; list-style-image:url(images/bul-1.gif);}
.texte{clear:both; margin-top:40px;}
/**/
ul.medialinks { text-align:left; font-size:11px; margin-left:25px; margin-top:10px; font-family:Georgia, "Times New Roman", Times, serif;}
ul.medialinks li { margin-bottom:2px;}
/***/
#bottom{ clear:both; margin-left:auto; margin-right:auto; margin-top:20px; font-size:12px; color:#000000; padding-bottom:20px;  padding-top:30px; background-color:#FFFFFF;}
#bottom p { text-align:center; margin:0px; font-size:10px;}
#bottom a { color:#000000;}
#bottom a:hover { color:#C8C8C8;}
/**/
