body {
margin-left : 0;
padding : 0;
font-family : Cambria, Arial, Helvetica, sans-serif;
font-size : 13px;
background-repeat : repeat-x;
background-image : url('./image/backb.jpg');
background-color : #99CC01;
}
#all {
background-image : url('./image/backa.png');
background-repeat : no-repeat;
background-position : center top;
padding-top:0;
}
li:first-letter {
text-transform : capitalize;
}
label {
display : block;
max-width : 190px;
min-width : 170px;
float : left;
}
fieldset {
margin : 10px;
padding : 10px;
}
legend {
margin-bottom : 10px;
}
TH {
border : 1px solid black;
}
a img {
border : 0;
}
.description {
font-size : 14px;
text-indent : 30px;
text-align : justify;
}
.description b{
color : #8A0886;
}
.important {
color : red;
}
.notification {
color : #736f6e;
font-style : italic;
}
.flottant {
float : left;
margin: 10px;
}
.flottant-droite {
float : right;
}
.fondligne1 {
background-color : #F1FFC9;
}
.fondligne2 {
background-color : #D8F08F;
}
.ok {
color : green;
}

input[readonly] {
background-color : #6d7b8d;
}
textarea {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}

h1
{
	background-image:url("./image/bandeauviolet.png");
	background-position:0 -4px;
	color:white;
	text-align:center;
	font-size:20px;
	width:611px;
	height:34px;
}

.bleu
{
	background-image:url("./image/bandeaubleu.png");
}

.orange
{
	background-image:url("./image/bandeauorange.png");
}

h6 {
font-size : 10px;
}
#top {
position : relative;
top : 0;
width : 870px;
height : 140px;
margin : 0 auto;
list-style-type : none;
}
.logoCG {
position :relative;
top :200px;
left :15px;
}
#seloger {
background-image : url('./image/cadre_top.png');
width : 208px;
height : 113px;
float : right;
padding : 10px;
}

#seloger form
{
	display : inline;
}
#seloger a {
margin : 1px;
padding-top : 2px;
float : right;
width : 102px;
height : 20px;
background-image : url('./image/bouton.png');
background-repeat :no-repeat;
text-align : center;
text-decoration : none;
}
#menuDeroulant {
width : 870px;
height : 40px;
font-weight : bold;
list-style-type : none;
margin : 0 auto;
padding : 0;
background-image : url('./image/menu.png');
}
#menuDeroulant tr {
width : 870px;
}
#menuDeroulant td a:link, #menuDeroulant td a:visited {
height : 20px;
display : block;
padding-top : 7px;
margin-left : 2px;
text-align : center;
text-decoration : none;

color : #fff;
}
#menuDeroulant td a:hover {
background-color : #ff6600;
}

#menuDeroulant .actif a:link,
#menuDeroulant .actif a:visited
{	
	background-color: red;
}

#page {
padding-top : 5px;
width : 870px;
margin : 0 auto;
border-color : #cc0099;
background-color : #fff;
}
#page  .dateYC  h4{
font-weight : bold;
color :#FF0000;
text-align : center ;
}
#page  .dateYC  li{
font-weight : bold;
color :black;
text-decoration :none;
}
.sidebar {
width : 198px;
float : left;
border-top : 1px solid white;
padding-left : 10px;
padding-top : 80px;/* laisser la place pour .logoCG*/
position : relative;
}

.sidebar table
{
	width:180px;
	border-bottom:2px #EF7800 solid;
}

.sidebar td
{
	padding-top:10px;
	border-left:2px #EF7800 solid;
	border-right:2px #EF7800 solid;
}

.sidebar th
{
	background-image: url("./image/menu_side.png");
	height:37px;
	border:0px;
	color:#FFF;
	font-size:14px;
	text-align:center;
}

.sidebar ul
{
	color:#EF7800;
}   




.sidebar a
{
	color:#7D3F00;
}

.sidebar a:visited {
color : purple;
}

.sidebar a:hover
{
	color:#EF7844;
}

.content {
border-top : 1px solid white;
float : left;
width : 650px;
}
#table1, #table2, #table3,#table4,#table5 {
width : 600px;
margin : 0px auto;
 
}
/* modifié le 7/06 */
#table1 td{
padding-left : 5px;
width : 600px;
background-repeat : no-repeat;
}

#table2 td {
padding-left : 5px;
width : 300px;
background-repeat : no-repeat;
}
#table5 td,
#table3 td {
padding-left : 5px;
width : 200px;
background-repeat : no-repeat;
}
#table4 td {
 
padding-left : 5px;
width :600px;
background-repeat : no-repeat;
}
#table3 .titreP4,#table1 .titreP1,#table4 .titreP4, #table3 .titreP2, #table2 .titreP1,#table2 .titreP2,#table2 .titreP3, #table3 .titreP1, #table3 .titreP3, #table4 .titreP3,#table5 .titreP3{ /*modif*/
height:50px;
background-position:center;
background-repeat : no-repeat;
color : white;
text-align : center;
font-size : 17px;
font-weight : bold;
 
}
#table4 .titreP4,
#table3 .titreP4 {
background-image : url('./image/bandeaubleu.png');
}
#table2 .titreP3,
#table4 .titreP3,
#table5 .titreP3,
#table3 .titreP3 {
background-image : url('./image/bandeauvert.png');
}
#table2 .titreP2, /*modif*/
#table3 .titreP2 {
background-image : url('./image/bandeauviolet.png');
}

#table1 .titreP1, #table2 .titreP1, #table3 .titreP1 {
background-image : url('./image/bandeaurose.png');
}
#table4 .presentation {
height : 200px;
text-indent:20px;
font-size:14px;
}
#table2 .part td, #table3 .part td, #table5 .part td  {
text-align : center;
height : 60px;
background-repeat : no-repeat;
}
#table2 .part a, #table3 .part a , #table5 .part a{
padding-top : 4px;
padding-right : 5px;
color : #ff3399;
font-size : 14px;
font-weight : bold;
text-decoration : none;
}
#table2 .texte1 td {
padding-top : 5px;
height : 150px;
padding-bottom: 32px;
text-indent:10px; 
border : 2px solid #cc0099;
}
#table5 .texte2 td ,
#table3 .texte2 td {

background-position : left top;
padding-top : 5px;
padding-bottom: 32px;
height : 150px;
text-indent:10px; 
border : 2px solid #cc0099;
}
#table2 .info, #table3 .info {
height:20px;
}
#table2 .titreUn {
background-image : url('./image/titreUn.jpg');
}
#table2 .titreDeux {
background-image : url('./image/titreDeux.jpg');
}
 
#table2 .titreViolet1 {
background-image : url('./image/titreViolet1.jpg');
}
#table2 .titreViolet2 {
background-image : url('./image/titreViolet2.jpg');
}
#table2 .titreVert1 {
background-image : url('./image/titreVert1.jpg');
}
#table2 .titreVert2 {
background-image : url('./image/titreVert2.jpg');
}
#table3 .rose_part1 {
background-image : url('./image/part_orangeRose.png');
}
#table2 .titreDeux a, #table3 .rose_part1 a { 
color : #d36622;
font-size : 16px;
font-weight : bold;
}
#table3 .rose_part2 {
background-image : url('./image/part_violetRose.png');
}
#table3 .rose_part2 a {
color : #aa1688;
font-size : 16px;
font-weight : bold;
}
#table3 .rose_part3 {
background-image : url('./image/part_vertRose.png');
}
#table2 .titreUn a, #table3 .rose_part3 a { 
color : #7c973c;
font-size : 16px;
font-weight : bold;
}

#table3 .violet_part1 {
 background-image: url('./image/part_orangeRose.png') ;
}

#table3 .violet_part1 a {
 color:#FF6600;
 font-size:16px;
 font-weight:bold;
}

#table3 .violet_part2 {
 background-image: url('./image/part_orangeViolet.png') ; 
}
#table2 .titreViolet2 a,/* modif */
#table3 .violet_part2 a {
 color:#bf4900;
 font-size:16px;
 font-weight:bold;
}

#table3 .violet_part3 {
 background-image: url('./image/part_vertViolet.png') ; 
}
 #table2 .titreViolet1 a,
#table3 .violet_part3 a {
 color:#5F7134;
 font-size:16px;
 font-weight:bold;
}

#table3 .bleu_part1 {
background-image : url('./image/part_roseBleu.png');
}
#table3 .bleu_part1 a {
color : #ce20da;
font-size : 16px;
font-weight : bold;
}
#table3 .bleu_part2 {
background-image : url('./image/part_orangeBleu.png');
}
#table3 .bleu_part2 a {
color : #c3842a;
font-size : 16px;
font-weight : bold;
}
#table3 .bleu_part3 {
background-image : url('./image/part_vertBleu.png');
}
#table3 .bleu_part3 a {
color : #89a755;
font-size : 16px;
font-weight : bold;
}
#table3 .vert_part1,
#table5 .vert_part1 {
background-image : url('./image/part_roseVert.png');
}
#table3 .vert_part1 a ,
#table5 .vert_part1  a{
color : #ff22ff;
font-size : 16px;
font-weight : bold;
}
#table3 .vert_part2 ,
#table5 .vert_part2{
background-image : url('./image/part_orangeVert.png');
}
#table3 .vert_part2 a ,
#table5 .vert_part2 a{
color : #c37745;
font-size : 16px;
font-weight : bold;
}
#table3 .vert_part3 ,
#table5 .vert_part3{
background-image : url('./image/part_vertVert.png');
}
#table3 .vert_part3 a ,
#table5 .vert_part3 a{
color : #5f7134;
font-size : 16px;
font-weight : bold;
}
#table2 .plusinfo1, #table2 .plusinfo2, #table3 .plusinfo1, #table3 .plusinfo2, #table3 .plusinfo3{
position : relative;
right : 5px; 
top : -60px;
float : right;
font-family : Comic Sans MS;
font-weight : bold;
text-decoration : none;
padding : 10px;
color :white;
}
#table2 .plusinfo1, #table3 .plusinfo1 {
background-image : url('./image/plusinfo1.png');
background-repeat : no-repeat;
}
#table2 .plusinfo2, #table3 .plusinfo2{
background-image : url('./image/plusinfo2.png');
background-repeat : no-repeat;
}

#table3 .plusinfo3 {
background-image : url('./image/plusinfo3.png');
background-repeat : no-repeat;
}
#tableList td, #tableList th {
border : 1px solid green;
padding-left : 3px;
padding-top : 5px;
text-align : center;
font-size : 12px;
}
#animateur img {
border : 2px solid green;
margin : 10px;
}
#footer {
padding : 50px;
text-align : center;
}
#footer {
list-style-type : circle;
}
#footer ul li {
display : inline;
font-family : Comic Sans MS;
font-weight : bold;
}
#footer a {
text-decoration : none;
}
#footer .lien1 a {
background-image : url('./image/separateur-vert.jpg');
background-position : right center;
background-repeat : no-repeat;
color : #4e387e;
}
#footer .lien2 a {
background-image : url('./image/separateur-orange.jpg');
background-position : right center;
background-repeat : no-repeat;
color : #2b60de;
}
#footer .lien3 a {
background-image : url('./image/separateur-bleu.jpg');
background-position : right center;
background-repeat : no-repeat;
color : #f88017;
}
#footer .lien4 a {
background-image : url('./image/separateur-jaune.jpg');
background-position : right center;
background-repeat : no-repeat;
color : #b40404;
}
#footer .lien5 a {
background-position : right center;
background-repeat : no-repeat;
color : #0b6138;
}