/*
Design du Site du CCTN
Réalisé par Kryp0s Corp - Tous droits réservés
*/


/*
Bord arrondis
*/
.bl {background: url(Images/Site/Coin_gauche_bas-m.gif) 0 100% no-repeat #F4F4F4; width: 900px}
.br {background: url(Images/Site/Coin_droit_bas-m.gif) 100% 100% no-repeat}
.tl {background: url(Images/Site/Coin_gauche_haut-m.gif) 0 0 no-repeat}
.tr {background: url(Images/Site/Coin_droit_haut-m.gif) 100% 0 no-repeat; padding:10px}
.bl1 {background: url(Images/Site/Coin_gauche_bas.gif) 0 100% no-repeat #F4F4F4; width: 900px}
.tr1 {background: url(Images/Site/Coin_droit_haut.gif) 100% 0 no-repeat; padding:10px}

/*
Général
*/
body {
background-color:#99CC00;
margin-top:10px; 
margin-left:0;
margin-right:0;
margin-bottom:10px;
width:100%;
}
h1 {
font-family:"Freestyle Script";
font-size:600%;
background-color:transparent;
text-align:center;
color:#696969;
margin-top:5px;
font-weight:normal;
margin-bottom:2px;
}
h2 {
font-family:Pristina;
font-size:250%;
color:#DC0184;
background-color:transparent;
text-align:center;
margin-bottom:5px;
margin-top:5px;
}
h3 {
font-family:Harrington;
font-size:150%;
color:#35CAD0;
background-color:transparent;
text-align:center;
text-decoration:underline;
}
h4 {
font-family:verdana, sans-serif;
font-size:60%;
color:#F58309;
background-color:transparent;
text-align:center;
font-weight:normal;
margin-bottom:0;
}

p {
font-family:verdana, sans-serif;
font-size:100%;
color:#000000;
background-color:transparent;
text-align:left;
font-weight:normal;
}
table {
border-color:transparent;
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
}
td {
font-family:verdana, sans-serif;
font-size:100%;
color:#696969;
text-align:left;

border-color:transparent;
}
fieldset{
color:#696969;
font-family:verdana, sans-serif;
font-size:70%;
border-style:solid;
border-width:1px;
background-color:transparent;
border-color:#DC0184;
text-align:center;
width:220px;
padding-bottom:10px;
margin-left:10px;
margin-right:auto;
padding-top:2px;
}
legend{
color:#35CAD0;
font-family:Pristina;
font-size:200%;
font-weight:bold;
}

/*
Index
*/
#index{
background-color:#F4F4F4;
width:900px;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
}
#index a:link {
font-family:verdana, sans-serif;
font-size:100%;
color:#696969;
text-decoration:none;
text-align:center;
border-color:transparent;
}
#index a:visited {
font-family:verdana, sans-serif;
font-size:100%;
color:#696969;
text-decoration:none;
border-color:transparent;
}
#index p{
font-family:verdana, sans-serif;
font-size:100%;
color:black;
background-color:transparent;
text-align:left;
margin-top:0; 
margin-left:20px;
margin-right:20px;
margin-bottom:0;
}
#index li{
font-family:verdana, sans-serif;
font-size:100%;
color:#000000;
background-color:transparent;
text-align:left;
margin-top:0; 
margin-left:55px;
margin-right:40px;
margin-bottom:0;
list-style-type:square;
}
#index h5 {
font-family:verdana, sans-serif;
font-size:60%;
color:#696969;
background-color:transparent;
text-align:center;
margin-top:0; 
margin-bottom:5px;
font-weight:normal;
}

#index img {
border-color:transparent;
}
/*
Sidebar1
*/
#Sidebar1{
background-color:#F4F4F4;
float: left;
width: 200px;
margin-left:15px;
margin-top:-10px;
margin-right:15px;
font-family:verdana, sans-serif;
font-size:100%;
margin-bottom:30px;
}
fieldset#Sidebar1{
background-color:#EAEAEA;
float: left;
width: 200px;
margin-left:0;
border-style:solid;
border-width:1px;
border-color:#DC0184;
margin-top:10px;
margin-right:0;
font-family:verdana, sans-serif;
font-size:70%;
margin-bottom:15px;
}
fieldset#Sidebar1 li{
font-family:verdana, sans-serif;
font-size:100%;
color:#696969;
background-color:transparent;
text-align:left;
margin-left:20px;
list-style-type:square;
margin-top:10px;
}
fieldset#Sidebar1 h4{
font-family:verdana, sans-serif;
font-size:90%;
color:red;
background-color:transparent;
text-align:center;
font-weight:normal;
margin-bottom:0;
}
fieldset#Sidebar1 h2{
font-family:verdana, sans-serif;
font-size:100%;
color:#F58309;
background-color:transparent;
text-align:right;
font-weight:normal;
margin-bottom:5px;
margin-top:0;
margin-right:20px;
}
/*
Menu
*/
#menu{
background-color:#F4F4F4;
width:900px;
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:20px;
text-align:center;
font-size:100%;
}
#menu img {
border:0;
}
/*
Tableau
*/
#tableau table {
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
font-family:verdana, sans-serif;
background-color:#35CAD1;
}
#tableau td {
font-family:verdana, sans-serif;
font-size:100%;
color:#000000;
text-align:center;
background-color:#EAEAEA;
padding-left:3px;
padding-right:3px;
padding-top:3px;
padding-bottom:3px;
}

/*
Conteneur index
*/
#Conteneur h1 {
font-family:verdana, sans-serif;
font-size:110%;
color:#DC0184;
background-color:transparent;
text-align:center;
margin-top:0;
margin-bottom:0;
font-weight:bold;
}
#Conteneur h3 {
font-family:verdana, sans-serif;
font-size:60%;
color:#F58309;
background-color:transparent;
text-align:left;
font-weight:normal;
margin-top:0;
text-decoration: none;
margin-bottom:2px;
}
#Conteneur {
background-color:#F4F4F4;
float: left;
width: 570px;
margin-top:0; 
margin-left:20px;
margin-bottom:0;
padding-right:0;
margin-right:0;
font-family:verdana, sans-serif;
font-size:100%;
}
#Conteneur h6 {
font-family:Pristina;
font-size:200%;
color:#35CAD0;
background-color:transparent;
text-align:left;
margin-top:10px;
margin-bottom:0;
}
#Conteneur a:link {
font-family:verdana, sans-serif;
font-size:100%;
color:#696969;
text-decoration:none;
text-align:left;
border-color:transparent;
}
#Conteneur a:visited {
font-family:verdana, sans-serif;
font-size:100%;
color:#696969;
text-align:left;
text-decoration:none;
border-color:transparent;
}

/*
Pied de page
*/
#Piedpage{
font-family:verdana, sans-serif;
border-color:transparent;
border-style:solid;
border-width:0;
font-size:70%;
text-align:center;
margin-right:auto;
margin-left:auto;
color:#696969;
width:900px;
margin-top:5px;
margin-bottom:0;
}
a:link#Pied {
font-family:verdana, sans-serif;
font-size:100%;
color:#696969;

text-decoration:none;
text-align:center;
border-color:transparent;
}
a:visited#Pied {
font-family:verdana, sans-serif;
font-size:100%;
color:#696969;
text-decoration:none;
border-color:transparent;
}

/*
Index Galerie
*/
#indexG
{
background-color:#F4F4F4;
width:900px;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
}
#indexG a:link {
font-family:verdana, sans-serif;
font-size:100%;
color:#DC0184;

text-decoration:none;
border-color:transparent;
}
#indexG a:visited {
font-family:verdana, sans-serif;
font-size:100%;
color:#DC0184;
text-decoration:none;
border-color:transparent;
}
#indexG h2 {
font-family:verdana, sans-serif;
font-size:60%;
color:#696969;
background-color:transparent;
text-align:center;
font-weight:normal;
}
#indexG img {
border-color:transparent;
}
#indexG p {
font-family:verdana, sans-serif;
font-size:100%;
color:black;
background-color:transparent;
text-align:left;
margin-top:0; 
margin-left:40px;
margin-right:40px;
margin-bottom:0;
font-weight:normal;
}

/*
Wrap
*/
#wrap {
overflow:hidden;
}

/*
Contact
*/
#contact{
background-color:#F4F4F4;
width:900px;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
}
#contact p{
font-family:verdana, sans-serif;
font-size:100%;
color:black;
background-color:transparent;
text-align:center;
margin-top:0; 
margin-left:40px;
margin-right:40px;
margin-bottom:0;
}

/*
Combo
*/
select#Combo {
text-align:left;
width:185px;
font-size:90%;
font-family:verdana, sans-serif;
}

/*
Formulaire 
*/
fieldset#Formulaire {
font-family:verdana, sans-serif;
border-style:solid;
border-width:1px;
background-color:#EAEAEA;
border-color:#DC0184;
text-align:center;
width:310px;
margin-left:auto;
margin-right:auto;
padding-top:15px;
padding-bottom:15px;
font-size:100%;
}


/* 
Input commande
*/
input#cmd {
text-align:center;
font-family:verdana, sans-serif;
color:#DC0184;
font-weight:bold;
font-size:100%;
}

/*
Input texte
*/
input#txtconnex {
text-align:left;
font-family:verdana, sans-serif;
color:#000000;
font-size:110%;
}
input#txtsaisie {
text-align:left;
font-family:verdana, sans-serif;
color:#000000;
font-size:90%;
}
/*
Texte Area
*/

textarea#txt {
text-align:left;
font-family:verdana, sans-serif;
color:#000000;
font-size:100%;
}