/* CSS Document */
body
{
font:14px, Verdana;
background-color:#FFFFFF;

}
p{font:10px, Verdana;color:black;text-indent:45px;text-align:justify;}

p.modeles{font:10px, Verdana;color:black;text-indent:0px;text-align:justify;}

p.signe{font:10px, Verdana;color:black;text-indent:0px;text-align:right;margin-top:40px;margin-bottom:50px;}
*{margin:0px;}
*{padding:0px;}
a:link, a:visited, a:hover {text-decoration: none;color:#FF0000;}
img{display:block;border:none;}
hr{border:0px;border-top:1px dashed black;border-bottom:0px dashed black;background-color:#CCCCCC;}
table
{
font:10px, Verdana;
padding:0px;
margin:0px;
margin-top:2px;
display:block;
width:500px;
border:1px dashed black;
}
td
{
font:10px, Verdana;
width:60%;
margin:0px;
padding-top:1px;
padding-bottom:1px;
padding-right:2px;
padding-left:2px;
border:0px;
border-left:1px solid black;
}
tr
{
margin:0px;
font:10px, Verdana;
width:100%;
padding-top:1px;
border:0px;
}

input.bouton {
position:absolute;
top:450px;
left:210px;
color:black;
background-color:#CCCCCC;
border:1px solid #000000;
font:14px, Verdana;
cursor:pointer;
}
input.bouton:hover {
color:#FF0000;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
font:14px, Verdana;
cursor:pointer;
}
input.bouton:active {
color:#FF0000;
background-color:#000000;
border:1px solid #000000;
font:14px, Verdana;
cursor:pointer;
} 

input.bouton3 {
position:absolute;
top:450px;
left:210px;
color:black;
background-color:#CCCCCC;
border:1px solid #000000;
font:14px, Verdana;
cursor:pointer;
}

input.bouton3:hover {
color:#FF0000;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
font:14px, Verdana;
cursor:pointer;
}
input.bouton3:active {
color:#FF0000;
background-color:#000000;
border:1px solid #000000;
font:14px, Verdana;
cursor:pointer;
} 

input.bouton2 {
position:absolute;
bottom:10px;
left:94px;
color:black;
background-color:#FFFFFF;
border:1px solid #000000;
font:12px, Verdana;
cursor:pointer;
}
input.bouton2:hover {
color:#FF0000;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
font:12px, Verdana;
cursor:pointer;
}
input.bouton2:active {
color:#FF0000;
background-color:#000000;
border:1px solid #000000;
font:12px, Verdana;
cursor:pointer;
} 


#conteneur_head
{
margin:0px;
padding:0px;
background-color:none;
width:99%;
height:40px;
position:absolute;
top:40px;
left:0px;
border-top:1px solid black;
border-bottom:1px solid black;
}

#conteneur_page
{
margin:0px;
padding:0px;
background-color:white;
width:99%;
height:500px;
position:absolute;
top:110px;
left:0px;
}

#conteneur_pied
{
display:block;
color:black;
font:10px, Verdana;
margin:0px;
padding:0px;
padding-bottom:2px;
padding-left:4px;
background-color:none;
width:99%;
height:10px;
position:absolute;
top:635px;
left:0px;
border-top:1px solid black;
border-bottom:1px solid black;
}



ul#navlist
{
position:absolute;
bottom:0px;
left:280px;
margin:0px;
padding:0px;
}

#navlist li
{
display:inline;
list-style-type:none;
}

#navlist a
{
padding:0px 10px;
}


#navlist a:link,#navlist a:visited
{
color:black;
background-color:white; 
text-decoration:none;
margin-left:0px;
margin-right:5px;
border-left:4px solid black;
border-right:1px solid black;

}

#navlist a:hover
{
color:#FF0033;
background-color:white; 
text-decoration:none;
margin-left:0px;
margin-right:2px;
border-left:4px solid black;
border-right:4px solid #FF0000;
}

#lettreA
{
position:absolute;
top:-12px;
left:4px;
z-index:3;
}



#head_title
{
text-align:right;
border:0px;
margin:0px;
position:absolute;
bottom:0px;
left:0px;
width:280px;
height:17px;
background-color:black;
color:white;
font:14px verdana;
padding-right:40px;
padding-top:0px;
padding-bottom:0px;
}

#barre_verticale
{
position:absolute;
left:0px;
top:0px;
background-color:#000000;
width:24px;
height:500px;
}

#barre_menu
{
text-align:left;
position:absolute;
left:24px;
top:0px;
background-color:none;
width:140px;
height:100%;
border-left:1px solid black;
border-right:1px solid black;
}





#barre_thumb
{
position:absolute;
left:165px;
top:0px;
background-color:none;
width:214px;
padding-left:3px;
padding-right:3px;
height:100%;
border-left:1px solid black;
border-right:1px solid black;
}

#barre_auto
{
position:absolute;
left:165px;
top:0px;
background-color:none;
padding-left:5px;
padding-right:5px;
width:136px;
height:100%;
border-left:1px solid black;
border-right:1px solid black;
}

ul#menu
{
margin:0px;
padding:0px;
}

#menu li
{
display:block;
list-style-type:none;
}

#menu a
{
padding:0px 2px;
}



#menu a:link,#menu a:visited
{
text-align:left;
font:10px Verdana;
color:black;
background-color:none; 
text-decoration:none;
margin-right:0px;
margin-left:4px;
border-right:4px solid #FFFFFF;
}



#menu a:hover
{
font:10px Verdana;
color:#FF0000;
background-color:white; 
text-decoration:none;
margin-right:0px;
margin-left:4px;
border-right:4px solid #FF0000;
}


#barre_liste
{
position:absolute;
right:0px;
padding-right:18px;
font:11px, Verdana;
text-align:right;
background-color:none;
width:140px;
}



#barre_liste a:link,#barre_liste a:visited
{
color:#000000;
}
#barre_liste a:hover
{
color:#FF0000;
}





#tip
{
text-align:justify;
font:10px, Verdana;
position:absolute;
margin:0px;
padding:0px;
bottom:0px;
left:0px;
}

#lettreU
{
position:absolute;
top:-1px;
left:0px;
z-index:3;
}

#barre_presentation
{
text-align:justify;
position:absolute;
left:320px;
top:0px;
background-color:none;
width:650px;
height:100%;
}

#barre_presentation_me
{
text-align:justify;
position:absolute;
left:320px;
top:0px;
background-color:none;
width:650px;
height:100%;
}

#presentation
{
font:16px, Verdana;
position:absolute;
left:100px;
top:80px;
color:#CCCCCC;
}

#presentation_index
{
font:16px, Verdana;
position:absolute;
left:100px;
top:80px;
color:#CCCCCC;
width:600px;
}

#barre_presentation a:link,#barre_presentation a:visited
{
font:10px, Verdana;
color:black;
}

#barre_presentation_notes
{
padding-left:15px;
overflow:auto;
text-align:justify;
position:absolute;
left:320px;
top:0px;
background-color:white;
width:500px;
height:500px;
}

#barre_presentation_tech
{
font:10px, Verdana;
color:black;
text-align:justify;
overflow:auto;
text-align:justify;
position:absolute;
left:155px;
top:0px;
background-color:white;
width:725px;
height:500px;
padding-left:5px;
border-left:1px solid black;
margin-left:10px;
padding-right:5px;
}

#barre_visuelle
{
text-align:justify;
position:absolute;
left:390px;
top:0px;
background-color:white;
width:650px;
height:100%;
}

#cadre_photo_verti
{
font:10px, Verdana;
border:1px solid black;
margin-left:25px;
text-align:justify;
position:absolute;
left:390px;
top:0px;
background-color:#FFFFFF;
}

#cadre_photo_hori
{
font:10px, Verdana;
background-color:#FFFFFF;
border:1px solid black;
margin-left:25px;
margin-top:80px;
text-align:justify;
position:absolute;
left:390px;
top:0px;
}

#cadre_commentaire_verti
{
font:10px, Verdana;
border:1px solid black;
margin-left:25px;
text-align:justify;
position:absolute;
left:390px;
top:0px;
background-color:#CCCCCC;
width:333px;
height:500px;
}

#cadre_commentaire_hori
{
font:10px, Verdana;
background-color:#CCCCCC;
border:1px solid black;
margin-left:25px;
margin-top:80px;
text-align:justify;
position:absolute;
left:390px;
top:0px;
width:500px;
height:333px;
}

#cadre_titre_verti
{
font:24px, Verdana;
color:#999999;
border:1px solid black;
margin-left:25px;
position:absolute;
left:390px;
top:0px;
background-color:#FFFFFF;
width:333px;
height:500px;
}

#news
{
border-top:1px dotted black;
border-bottom:1px dotted black;
width:500px;
position:absolute;
top:320px;
left:2px;
font:12px, Verdana;
color:black;
background-color:white;
padding:0px;
padding-bottom:1px;
margin:0px;
}

.thumb {
border:1px solid black;
border-right:3px solid black;
background-color: #FFFFFF;
margin: 2px;
float: left;
width: 62px;
height:62px;
text-align:left;
}

#info_verti
{
display:block;
text-align:justify;
position:absolute;
left:780px;
top:476px;
background-color:black;
height:24px;
width:24px;
}
#info_hori
{
display:block;
text-align:justify;
position:absolute;
left:893px;
top:438px;
background-color:black;
height:24px;
width:24px;
}

#barre_notes
{
border:0px;
padding-left:17px;
text-align:justify;
position:absolute;
left:320px;
top:0px;
background-color:white;
width:600px;
height:100%;
}

form.inscription {margin-top:50px;margin-left:60px;}
    form.inscription label {
	height:14px;
        background-color:#CCCCCC;
        color:black;
        font:10px, verdana;
        float:left;
        width:180px;
        padding:1px 5px;
        margin-top:3px;
		margin-left:3px;
    }
    form.inscription input,form.inscription textarea  {
	
		margin-top:3px;
		width:290px;
        color:black;
        font:12px, verdana;    
        border:1px solid #CCCCCC;
        vertical-align:top;
        margin-left:5px;
    }
	
	form.inscription select{
	
		margin-top:3px;
		width:50px;
        color:black;
        font:12px, verdana;    
        border:1px solid #CCCCCC;
        vertical-align:top;
        margin-left:5px;
		
    }

    form.inscription p.button 
	{
	text-align:center; 
	margin:0; 
	margin-top:5px; 
	margin-bottom:10px;
	}
	
    form.inscription p.button input {
        color:black;
        font-weight:bold;
        width:auto;
        height:auto;
        margin:0 auto;
		margin-top:5px;
		margin-bottom:11px;
		background-color:#CCCCCC;
		border:1px solid #000000;
		font:12px, Verdana;
		cursor:pointer;

    }    

    form.inscription br {clear:both;}
.cadre_notes_head
{
margin-right:20px;
font:12px, Verdana;
color:black;
background-color:#CCCCCC;
text-align:justify;
border:1px dashed black;
}

.cadre_notes_reply
{
padding-top:3px;
display:block;
height:22px;
width:172px;
margin-left:307px;
margin-bottom:2px;
font:12px, Verdana;
color:#999999;
background-color:#FFFFFF;
background-image:url(reply.gif);
background-repeat:no-repeat;
background-position:right top;
text-align:left;
border:none;
}

.cadre_notes_reply a
{
color:#666666;
}

.cadre_notes_reply2
{
padding-top:3px;
padding-left:32px;
display:block;
height:22px;
width:172px;
margin-left:0px;
margin-bottom:2px;
font:12px, Verdana;
color:#999999;
background-color:#FFFFFF;
background-image:url(reply.gif);
background-repeat:no-repeat;
background-position:left top;
text-align:left;
border:none;
}

.cadre_notes_reply2 a
{
color:#666666;
}
.cadre_notes_comment
{
margin-right:20px;
font:10px, Verdana;
color:black;
background-color:#FFF;
text-align:justify;
border:0px;
border-bottom:1px dashed black;
}

.cadre_notes_head img
{
display:inline;
position:relative;
top:0px;
padding-left:10px
}

#remerciements
{
font:10px, Verdana;
 text-indent:30px;
 margin-bottom:30px;
 text-align:justify;
 padding-right:20px;
 }
 
 #remerciements_tech
{
margin-left:60px;
margin-right:45px;
font:10px, Verdana;
 margin-bottom:30px;
 text-align:justify;
 padding-right:20px;
 }

.formulaire_titre
{
padding_bottom:2px;
margin-bottom:2px;
width:180px;
height:20px;
position:absolute;
left:20px;
background-color:#CCCCCC;
color:black;
font:10px, Verdana;

}
.formulaire_champs
{

position:absolute;
left:210px;
padding:0px;
margin-top:0px;
width:100px;
background-color:#FFFFFF;
color:black;
font:10px, Verdana;
}

#formulaire_champs2
{

position:absolute;
left:360px;
padding:0px;
margin-top:0px;
width:100px;
background-color:#FFFFFF;
color:black;
font:10px, Verdana;
}

.champs
{
padding-bottom:5px;
display:block;
float:left bottom;
}

#champs2
{
padding-bottom:5px;
display:block;
float:left bottom;
margin-bottom:5px;
}

#login
{
border:1px dashed black;
padding-top:40px;
font:10px, Verdana;
color:#FFFFFF;
text-align:center;
position:absolute;
left:400px;
top:150px;
display:block;
width:250px;
height:95px;
background-color:#FFFFFF;
}

.login_champs
{
position:absolute;
left:55px;
padding:0px;
margin-top:0px;
width:100px;
background-color:#FFFFFF;
color:black;
font:10px, Verdana;
}

#classeur
{
font:12px, Verdana;
color:black;
}
#classeur a
{
font:10px, Verdana;
color:black;
}

.cadre_tech_head
{
margin-left:60px;
margin-right:60px;
font:12px, Verdana;
color:black;
background-color:#CCCCCC;
text-align:justify;
border:1px dashed black;
}

.cadre_tech_comment
{
margin-left:60px;
margin-right:60px;
font:10px, Verdana;
color:black;
background-color:#FFF;
text-align:justify;
border:0px;
border-bottom:1px dashed black;
}

.cadre_tech_head img
{
display:inline;
position:relative;
top:0px;
padding-left:10px
}