/*** CLAIR.CSS : Site Clair ***/

html, body
{
    background-color : #8E9CAB;
	margin: 0cm;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #666666; /* gris */
    text-align: center; /* pour centrer la page */
}
#wrapper {
	margin: 0cm;
	width: 960px;
	text-align: left;
	font-size: 8px;
	border: #666666 1px solid;
}
#design01
{
	background-image: url(./Pictures/Design_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 960px;
	height: 140px;
}
#design01admin
{
	background-image: url(./Pictures/Design_01_admin.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 960px;
	height: 140px;
}
#design02
{
	background-image: url(./Pictures/Design_02.jpg); 
	background-repeat: no-repeat; 
	background-position: center top; 
	width: 175px; 
	height: 170px;
}
#design03
{
	background-color: white;
	width: 320px;
	height: 170px;
}
#design04
{
	background-image: url(./Pictures/Design_04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 465px;
	height: 170px;
}
#design05
{

	background-image: url(./Pictures/Design_05.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	width: 960px;
}
#design06
{
	background-image: url(./Pictures/Design_06.jpg); 
	background-repeat: no-repeat; 
	background-position: center top;
	width: 960px;
	height: 45px;
}

#corps
{
	margin-left: 25px;
	margin-right: 25px;
}
#left10
{
	margin-left: 10px;
}
.left10
{
	margin-left: 10px;
}
.rightalign
{
	text-align: right;
}
#boiteCL01, td.boiteCL01
{
	background-image: url(./Pictures/Boite-CL_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 550px;
	height: 16px;
	color: #FFFFFF; 
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
}
#boiteCL01, td.boiteCL01
{
	background-image: url(./Pictures/Boite-CL_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 550px;
	height: 16px;
	color: #FFFFFF; 
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
}
#boiteCL02, td.boiteCL02
{
	background-image: url(./Pictures/Boite-CL_02.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	width: 550px;
}
#boiteCL03, td.boiteCL03
{
	background-image: url(./Pictures/Boite-CL_03.jpg); 
	background-repeat: no-repeat; 
	background-position: center top;
	width: 550px;
	height: 30px;
}
#boitePR01, td.boitePR01
{
	background-image: url(./Pictures/Boite-PR_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 550px;
	height: 16px;
	color: #FFFFFF; 
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
}
#boitePR02, td.boitePR02
{
	background-image: url(./Pictures/Boite-PR_02.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	width: 550px;
}
#boitePR03, td.boitePR03
{
	background-image: url(./Pictures/Boite-PR_03.jpg); 
	background-repeat: no-repeat; 
	background-position: center top;
	width: 550px;
	height: 30px;
}
#boiteSA01, td.boiteSA01
{
	background-image: url(./Pictures/Boite-SA_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 550px;
	height: 16px;
	color: #FFFFFF; 
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
}
#boiteSA02, td.boiteSA02
{
	background-image: url(./Pictures/Boite-SA_02.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	width: 550px;
}
#boiteSA03, td.boiteSA03
{
	background-image: url(./Pictures/Boite-SA_03.jpg); 
	background-repeat: no-repeat; 
	background-position: center top;
	width: 550px;
	height: 30px;
}
p
{
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.orange
{
    color: #FF6633;
}
p.petit
{
    font-size: 7pt;
}
p.grand
{
    font-size: 11pt
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	background-position: center center;
	color: #4EA19E; /* turquoise, orange = #F98F02 */
	text-align: center;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #F98F02;
	margin: 0px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #636563;
	margin: 15px;
}
h5
{
    color: #FF6633; /* orange */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 2px;
}
a:link, a:visited, a:active { color:#3399FF; text-decoration: none; font-size:11px;}
a:hover { color:#3399FF; text-decoration: underline; font-size:11px;}

a:link.menu, a:visited.menu, a:active.menu { color:#666666; text-decoration: none; font-size:18px;}
a:hover.menu { color:#666666; text-decoration: underline; font-size:18px;}

a:link.currentmenu, a:visited.currentmenu, a:active.currentmenu { color:#FF6633; text-decoration: none; font-size:18px;}
a:hover.currentmenu { color:#FF6633; text-decoration: underline; font-size:18px;}

li
{
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    LIST-STYLE: url(../Images/arrow_right_red.gif)
}




/* Définition des tableaux */

#tableau table, table.encadre {
    border-width:1px;
    border-style:solid;
    border-color:#36367e;
	border-collapse:collapse;
	width: 900px;
}
TD
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt
}
#tableau td, td.encadre {
	background-color:#FFFFFF;
	border: 1px solid #36367E; /* bleu foncé */
    border-collapse:collapse;
    padding:4px;
    color: #36367E;
	vertical-align:top; 
}
td.encadregris {
	background-color: #EEEEEE;
	border: 1px solid #36367E; /* bleu foncé */
    border-collapse:collapse;
    padding:4px;
    margin:0px;
    color: #36367E;
	vertical-align:top; 
}
th
{
    BACKGROUND-COLOR: #B6D3EA;
    COLOR: #323284;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 25px;
    TEXT-ALIGN: middle;
}
#tableau th, th.encadre {
    border-width:1px;
    border-style:solid;
    border-color:#36367e;
    border-collapse:collapse;
    padding:4px;
    margin:0px;
	text-align: center; 
    color: #323284;
    FONT-SIZE: 8pt;
	font-weight: bold;
}
INPUT, SELECT, TEXTAREA
{
    BACKGROUND-COLOR: #FFFFFF;
    BORDER-BOTTOM: #36367e 1px solid;
    BORDER-LEFT: #36367e 1px solid;
    BORDER-RIGHT: #36367e 1px solid;
    BORDER-TOP: #36367e 1px solid;
    COLOR: #36367e;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt
}
input.case
{
    border: 0px;
}

input.action {
	background-color: #ffa20f; /* orange */
	border: #A26E0A 2px outset; /* brun */
	color: #000000; /* noir */

}
input.submit {
	background-color: #006633; /* vert */
	border: #003F1F 2px outset; /* vert foncé */
	color: #ffffff; /* blanc */
	font-weight: bold;
}
input.init {
	background-color: #666666; /* gris */
	border: #383838 2px outset; /* gris foncé */
    color: #ffffff; /* blanc */
	font-weight: bold;
}
input.reset {
	border: 2px outset #d7b9c9
}
input.enregistrer {
	background-image: url(./Pictures/enregistrer.gif);
	background-repeat: no-repeat;
	border: 0px;
	width: 100px;
	height: 27px;
}
input.reinitialiser {
	background-image: url(./Pictures/reinitialiser.gif);
	background-repeat: no-repeat;
	border: 0px;
	width: 100px;
	height: 27px;
}