/******************* declaration des valeurs générales *******************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ul{
list-style: none outside;
}


body{
margin: auto;
width: 1004px;
background:#000 url('/images/fbody.jpg') fixed;
border-left:2px solid #CCC;
border-right:5px solid #FFFFFF;
}


a img{
border:none;
}

/********************bannieres et images du design du site************************************/

#ban_haute{
width: 1004px;
height: 90px;
background: #999 url("/images/hauttest.png") no-repeat top right;
margin-bottom: 0px;
font-family: tahoma, monospace;
font-size: smaller;
color: #000033;
}

#ban_haute a{
color: #FFF;
text-decoration:underline;
}

#ban_haute p{
position:relative;
left:5px;
}

#ban_droite{
float: right;
width: 200px;
margin: 0 0 0 0;
padding-top:40px;
background: #999;
}

#inftech{
background:url("/images/inftech.png") no-repeat;
margin-left:100px;
height:700px;
width:90px;
}

#menuimage{
width:1004px;
height:200px;
background: url('/images/mat.jpg') repeat-y top right;
border-top:5px solid #660000;
}

#ban_bas{
width: 1004px;
height: 100px;
background-image: url("/images/bas.png");
margin: -20px 0 0 0;
background-repeat:no-repeat;
color:#333;
}


/******************** menu principal *************************************/

ul#main_menu{
width: 1004px;
height: 200px;
margin : 0 0 0 0px;
padding : 0;
list-style-type : none; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.8em;
}

ul#main_menu li{
height: 200px;
width:200px;
}

ul#main_menu li.gauche_accueil{

background-image: url('/images/accueil.png');
border-right:1px solid #CCCCCC;
float:left;
}

ul#main_menu li.gauche_accueil:hover{
background-image: url("/images/accueil-hover.png");
}

ul#main_menu li.gauche_accomp{
background-image: url('/images/accomp.png');
border-right:1px solid #CCCCCC;
float:left;
}

ul#main_menu li.gauche_accomp:hover{
background-image: url('/images/accomp-hover.png');
}

ul#main_menu li.gauche_permis{
background-image: url('/images/permis.png');
border-right:1px solid #CCCCCC;
float:left;
}

ul#main_menu li.gauche_permis:hover{
background-image: url('/images/permis-hover.png');
}

ul#main_menu li.gauche_savoir{
background-image: url('/images/savoir.png');
border-right:1px solid #CCCCCC;
float:left;
}

ul#main_menu li.gauche_savoir:hover{
background-image: url('/images/savoir-hover.png');
}

ul#main_menu li.gauche_contact{
background-image: url('/images/contact.png');
 float:left;
}

ul#main_menu li.gauche_contact:hover{
background-image: url('/images/contact-hover.png');
}

ul#main_menu a, ul#main_menu a:link, ul#main_menu a:visited{
display: block;
height:200px;
width:200px;
color: white;
text-decoration: none;
}


/*********************corps de page et attributs*************************************/

#corps{
 margin-right: 200px;
 padding: 10px;
 text-align:justify;
 background-color: #FFFFFF;
 font-family: verdana, Helvetica, sans-serif;
 font-size: 80%;
}


#corps a, a:link, a:visited{
color: black;
text-decoration:none;
}

#corps h1, h2{
text-align: center;
height:30px;
background-image:url("/images/fondtitre.png");
background-repeat:repeat-x;
color: #FFFFFF;
font-family: tahoma, Helvetica, sans-serif;
font-size:1.5em;
font-weight:bold;
margin-bottom: 10px;
padding-bottom: 5px;
}

#corps h3{
border-bottom: 4px solid #660000;
margin-bottom: 10px;
font-size: 1.3em;
font-weight:normal;
}

#corps h4{
color:#000;
font-weight:bold;
font-size:1.0em;
text-transform:uppercase;
border-bottom:1px solid #990000;
margin-bottom:15px;
}

/********************************************************************/
#index .histo ul{
padding-left:40px;
}

#index .histo li{
padding-bottom:10px;
}

#accomp ul{
padding-left:40px;
list-style: square outside;
}

#permis ul{
padding-left:40px;
list-style:none outside;
}

#permis li{
padding-bottom:10px;
padding-left:10px;
}

#permis a{
color:#333366;
}

#permis .img{
padding-left:4px;
}

#permis .img img{
padding-right:6px;
}

#archi ul{
list-style-type:none;
}

#archi li{
list-style-position:outside;
font-size:0.9em;
}

#archi .miss{
clear:left;
font-size:1.1em;
}

#archi .miss ul{
list-style-type:square;
padding-left:40px;
}

#archi .miss li{
padding-bottom:5px;
}

#archi .annonce{
font-style:italic;
font-size:1.0em;
font-weight:bold;
display:block;
background: #cccc99;
padding:2px;
border-bottom:5px solid #666633;
}

#archi .titre{
color:#990000;
font-weight:bold;
font-size:1.2em;
border-bottom:2px solid #990000;
}

#archi #bandeau li{
float:left;
}


.link a{
background-color: #ccffff;
}

.link a:hover{
background-color: #99ccff;
}



.form_gauche1{
float:left;
width: 30%;
height: 110px;
border: 1px solid black;
}



.form_droit1{
float:left;
width: 30%;
height: 110px;
border: 1px solid black;
}


.apercu1{
float: left;
width: 110px;
height: 110px;
background-repeat: no-repeat;
border: 1px solid black;
}

.apercu2{
float: left;
width: 110px;
height: 110px;
background-repeat: no-repeat;
border: 1px solid black;
}

/* .valider{
background-image: url('/images/valide.png');
height: 25px;
width: 100px;
border:none;
cursor:pointer;
} */

/* .reset{
background-image: url('/images/reset.png');
height: 25px;
width: 100px;
border:none;
cursor:pointer;
} */

.focusField{  
        border:solid 1px #73A6FF;  
        background:#EFF5FF;  
        color:#000;  
 }
 
.idleField{  
        background:#EEE;  
        color: #6F6F6F;  
        border: solid 1px #333333;  
 } 

input{
 margin-bottom: 2px;
} 

#exemple img{
cursor:pointer;
}

#savoir th{
text-align:center;
font-size:0.7em;
}

#exemple img{
width:190px;
height:40px;
background-repeat:no-repeat;
}

.section{
float:left;
width:190px;
padding:2px;
}

.section img{
cursor:pointer;
}

#exemple1,#exemple2,#exemple3,#exemple4{
background-color:#333333;
border:1px solid black;
display:none;
}

#exemple1 a,#exemple2 a,#exemple3 a,#exemple4 a{
display:block;
color:#FFFFFF;
}

#exemple1 a:hover,#exemple2 a:hover,#exemple3 a:hover,#exemple4 a:hover{
background-color:#660000;
}

#recap{
float:right;
background: url('/images/recap.jpg');
height:259px;
width:260px;
}