a:link {
color:#006699;
font-weight:bold;text-decoration:none;
}

a:hover {

	color: #0066CC;text-decoration:underline overline;background-color:#CCFFFF;
}

a:active {
color:#006699;
font-weight:bold;text-decoration:none;
}

a:visited {
color:#006699;
font-weight:bold;text-decoration:none;
}



#reduire a {color:#FFFFFF}
#reduire a:hover {color:#0066CC; background-color:#CCFFFF; }

#reduire2 a {color:#FFFFFF}
#reduire2 a:hover {color:#0066CC; background-color:#CCFFFF; }


#agrandir a:hover {color:#0066CC; background-color:#CCFFFF; text-decoration:underline overline;}
#agrandir_droite a:hover {color:#0066CC; background-color:#CCFFFF; text-decoration:underline overline;}

body {margin-top: -10px;
margin-left: 0px;
margin-right: 0px;
background-color: #E4E4E4;
font-family:Verdana,Arial,Helvetica;
font-size:11px;
}


#agrandir
{float:right;
margin-right:179px;
}

#agrandir_droite
{float:left;
margin-left:179px;
}


#reduire
{float:right;
margin-right:15px;
margin-top:-20px;
}

#reduire2
{float:right;
margin-right:15px;
margin-top:-8px;
}
.Article1 {
font-family:Verdana,Arial,Helvetica;
font-size:11px;
color:#FFFFFF;
text-align:justify;
}

.Article2 {
font-family:Verdana,Arial,Helvetica;
font-size:11px;
color:#FFFFFF;
text-align:justify;
}

.Credits{
font-family:Verdana,Arial,Helvetica;
font-size:10px;
color:#006699;
text-align:center;
}

#barre {background:url(Images/barre.png) no-repeat center;
width:100%;
height:4px;
margin-top:-10px;
margin-left:18px;
}

#logo{
background:url(Images/logo_microsoft02.png) no-repeat right;
float:right;
width:160px;
height:80px;
margin-right:30px;
margin-top:-173px;
}

#logo2{
background:url(Images/logo_microsoft01.png) no-repeat left;
float:right;
margin-top:-78px;
margin-right:25px;
width:112px;
height:80px;
}

#logoPC{
background:url(Images/logoPC.png) no-repeat;
width:148px;
height:93px;
float:right;
margin-top:-180px;

}

#logo_souris{
background:url(Images/logo_souris.png) no-repeat;
width:106px;
height:91px;
float:right;
margin-top:-68px;
margin-right:35px;
}



/*
=============== Accueil ===============
*/

#titre_accueil_1{
font-family:Verdana,Arial,Helvetica;
font-size:15px;
color:#006699;
}

#titre_accueil_2{
font-family:Verdana,Arial,Helvetica;
font-size:15px;
color:#006699;
text-align:right;
}

#titre_accueil_1_souligne{
background:url(Images/barre.png) no-repeat;
width:273px;
height:4px;
margin-left:-5px;
}

#titre_accueil_2_souligne{
background:url(Images/barre.png) no-repeat;
width:273px;
height:4px;
text-align:right;
margin-left:605px;
}

#titre_accueil_4_souligne{
background:url(Images/barre.png) no-repeat;
width:273px;
height:4px;
text-align:right;
margin-left:645px;
}

#texte_accueil_1{
width:713px;
padding-left:15px;
}

#pre_texte_accueil_1{
width:713px;
padding-left:15px;
}

#pre_texte_accueil_2{
width:713px;
padding-left:15px;
padding-top:5px;
}

#pre_texte_accueil_3{
width:713px;
padding-left:15px;
padding-top:2px;
}

#intro_accueil{
font-family:Verdana,Arial,Helvetica;
font-size:11px;
color:#113c53;
text-align:justify;
padding-top:5px;
}

.intro_accuei2{
font-family:Verdana,Arial,Helvetica;
font-size:12px;
color:#113c53;
text-align:justify;
padding-top:5px;
}

#texte_accueil_2{
width:713px;
padding-right:15px;
}

#texte_accueil_3{
width:713px;
padding-left:15px;
}

#texte_accueil_4{
width:713px;
padding-right:15px;
}

#texte_accueil_6{
width:713px;
padding-left:15px;
margin-top:-7px;
}

#accueil_1_top{
background:url(Images/article_accueil1_top.png) no-repeat left;
position:relative;
height:11px;
margin-top:15px;
}

#pre_accueil_1{
background:url(Images/article_accueil1_mid.png) repeat-y left;
height:40px;
width:742px;
}

#pre_accueil_2{
background:url(Images/article_accueil2_mid.png) repeat-y left;
float:right;
height:55px;
width:742px;
margin-top:0px;
}

#pre_accueil_3{
background:url(Images/article_accueil1_mid.png) repeat-y left;
height:36px;
width:742px;
}

#pre_accueil_4{
background:url(Images/article_accueil2_mid.png) repeat-y left;
float:right;
height:45px;
width:742px;
margin-top:0px;
}

#pre_accueil_5{
background:url(Images/article_accueil1_mid.png) repeat-y left;
height:26px;
width:742px;
}

#pre_accueil_6{
background:url(Images/article_accueil2_mid.png) repeat-y left;
float:right;
height:35px;
width:742px;
margin-top:0px;
}

#accueil_1_mid{
background:url(Images/article_accueil1_mid.png) repeat-y left;
position:relative;
height:172px;
width:742px;
margin-top:-12px;
}

#accueil1_bas
{overflow:hidden
}

#accueil2_bas
{overflow:hidden;
float:right;
margin-top:55px;
}

#accueil3_bas
{overflow:hidden;
}

#accueil4_bas
{overflow:hidden;
float:right;
margin-top:45px;
}

#accueil5_bas
{overflow:hidden;
}

#accueil6_bas
{overflow:hidden;
float:right;
margin-top:35px;
}

#accueil_1_bot{
background:url(Images/article_accueil1_bot.png) no-repeat left;
position:relative;
height:11px;
margin-top:-5px;
}

#accueil_2_top{
background:url(Images/article_accueil2_top.png) no-repeat right;
position:relative;
height:7px;
margin-top:15px;
}

#accueil_2_mid{
background:url(Images/article_accueil2_mid.png) repeat-y left;
float:right;
height:67px;
width:742px;


}

#accueil_2_bot{
background:url(Images/article_accueil2_bot.png) no-repeat right;
position:relative;
height:11px;
margin-top:0px;
}

#accueil_3_top{
background:url(Images/article_accueil1_top.png) no-repeat left;
position:relative;
height:11px;
margin-top:15px;
}

#accueil_3_mid{
background:url(Images/article_accueil1_mid.png) repeat-y left;
position:relative;
height:45px;
width:742px;
margin-top:-11px;
}

#accueil_3_bot{
background:url(Images/article_accueil1_bot.png) no-repeat left;
position:relative;
height:11px;
}

#accueil_4_mid{
background:url(Images/article_accueil2_mid.png) repeat-y right;
position:relative;
height:58px;
width:742px;
float:right;
}

#accueil_5_mid{
background:url(Images/article_accueil1_mid.png) repeat-y left;
position:relative;
height:160px;
width:742px;
margin-top:-11px;
}

#accueil_6_mid{
background:url(Images/article_accueil2_mid.png) repeat-y right;
position:relative;
height:98px;
width:742px;
float:right;
}

/*
=============== Structure ===============
*/

#general {
padding-top:0px;
position: relative;
width:100%;
height:100%;
}

#general_corps {
	position: relative;
	margin: 0 auto;
	width: 950px;

}

#corps {
	margin-right: 10px;
	margin-left: 10px;
	padding: 5px 5px 5px 5px;
	text-align:justify;
}

/*
=============== Fond menu Mootols ===============
*/

#menu_background {background:url(Images/fond.jpg) no-repeat center;
position:relative;
width:100%;
min-width:950px;
}

/*
=============== Bannière ===============
*/

#bann {background:url(Images/bann.jpg) no-repeat center;
position:relative;
width:100%;
height:102px;
min-width:950px;
}

/*
=============== Bandeau fond bannière ===============
*/

#entete {background:url(Images/entete.jpg) repeat-x center;
position:relative;
width:100%;
height:100px;
}

/*
=============== Blanc au dessus bannière ===============
*/

#top {background:url(Images/top.jpg) center repeat-y;
width:100%;
height:20px;
padding-top:-20px}

#credits_conteneur {
width:100%;
height:20px;
text-align:center;
}

/*
=============== Background Principal ===============
*/

#corps_top {background:url(Images/background_top.jpg) center repeat-y;
position:relative;
width:100%;
height:30px;
min-width:950px;
}

#corps_mid {background:url(Images/background_mid.jpg) center repeat-y;
position:relative;
width:100%;
height:100%;
text-align:center;
min-width:950px;
margin-top:-20px;}

#corps_bot {background:url(Images/background_bot.jpg) center repeat-y;
position:relative;
text-align:center;
width:100%;
height:30px;
min-width:950px;}