/**
 * C.line (c)
 * Celine AUZIAS 2007
 * Mireille Blay-Fornarino 2009 Adaptation
 * http://c.lina.free.fr
 * celine DOT auzias AT gmail DOT com */

.Style2 {
        color: #000066;
    }
	
.Style3 {
        font-size: x-large;
        font-weight: bold;
    }
 

body{
	margin:0px auto 0px auto;
	border-style:solid;
	border-top-width:15px;
	border-top-color:#6B7187;
	border-left-width:1px;
	border-right-color:#CCCCCC;
	border-left-color:#C0C0C0;
	border-bottom:0px solid #C0C0C0;
	font-family : georgia, times, sans-serif;
	font-size:11px;
	color:#000000;
	background-color:#F7F7F7;
	background-image:url(Mireille_fichiers/Fn.png);
	background-position:0px 0px;
	border-right: 1px;
	width: 90%;
	float: left;
}

a{
	color:#660033;
	text-decoration:none;
	border-bottom:1px dotted #C0C0C0;
}



a:link{
	color:#660033;
	text-decoration:none;
	border-bottom:1px dotted #C0C0C0;
}
a:visited{
	color:#660000;
}

a:hover{
    color:#C0C0C0;
    text-decoration:none;
    border-bottom:1px dotted #689CAA;
}
a:active{
	color:#000066;
	font-size: medium;
}

h1, h2{
	font-size:medium;
	color:#000066;
	padding:0px;
	margin:0px;
	font-family: "Comic Sans MS", sans-serif;
}

h3{
	text-transform:uppercase;
	font-size:large;
	color:#000066;
	font-family : "Comic Sans MS", sans-serif;
	padding:0px;
	margin:0px;
	text-align: left;
}

.miniTitle{
    text-transform:uppercase;
    font-size:15px;
    color:#808080;
    font-family : arial, sans-serif;
    padding-left:7px;
    padding-right:7px;
    margin:0px;
    letter-spacing:-1px;
    font-weight:bold;
    display:block;
    padding-top:100px;
}
.gauche{
	width:45%;
	float: left;
	display: block;
}
.droite{
	width:50%;
	float: right;
	display: block;
}


.subTitle{
    margin-left:7px;
    padding-right:7px;
    color:#689CAA;
    text-decoration:underline;
}

#header{
	border-top:2px solid #444A5A;
	color:#000000;
	background-repeat:repeat;
	background-position:100% 0px;
	background-image:url(Mireille_fichiers/Fn.png);
	background-repeat:repeat;
	display:block;
}

#title{
	font-size:x-large;
	color:#660000;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:100% 0px;
	margin-top:15px;
	text-align: center;
}

#subtitle{
	font-size:large;
	color:#660033;
	background-repeat:no-repeat;
	background-position:100% 0px;
	margin-top:10px;
	text-align: center;
	width: 100%;
}


#logo{
	position:relative;
	color:#660000;
	background-repeat:no-repeat;
	background-position:0px 0px;
	top: 20px;
	font-size: x-large;
}

#menu{
	position:relative;
	left:0px;
	background-repeat:repeat;
	background-position:0px 0px;
	font-family : arial, sans-serif;
	padding:0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 15%;
	float: left;
}

#menu ul{
	color:#C0C0C0;
	background-color:#1634A6;
	background-image:url('img2/bottom_menu.gif');
	background-repeat:no-repeat;
	background-position:0px 100%;
	padding:0px 0px 15px 0px;
	margin:15px 0px 0px 0px;
	width:100%;
}

#menu li{
    list-style:none;
    margin:0px;
    padding:0px;
    text-indent:0px;
    line-height:30px;
    background-image:url('img2/back_menu.gif');
    background-repeat:repeat-y;
    background-position:0px 0px;
}

#menu a{
    text-transform:uppercase;
    color:#ffffff;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    border:0px;
    padding-left:50px;
    background-image:url('img2/puce.gif');
    background-repeat:no-repeat;
    background-position:20px 0px;
}

#menu a:link{
    text-transform:uppercase;
    color:#ffffff;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    border:0px;
    padding-left:50px;
    background-image:url('img2/puce.gif');
    background-repeat:repeat;
    background-position:20px 0px;
}

#menu a:visited{
    color:#ffffff;
}

#menu a:hover{
    color:#808080;
    text-decoration:none;
    background-image:url('img2/puce_on.gif');
    background-repeat:no-repeat;
    background-position:20px 0px;
}

#menu a:active{
    color:#ffffff;
}

#content{
	padding-top:5px;
	background-repeat:no-repeat;
	float: left;
	position: relative;
}

#intro{
	text-align:justify;
	font-weight: normal;
	position: relative;
	float: none;
	padding: 10px;
}

#intro span{
    display:block;
    margin-right:20px;
}

#part1{
	position:absolute;
	width:100%;
	top:420px;
	height:360px;
	color:#000000;
	background-color:#F7F7F7;
	padding-top:20px;
	left: 4px;
}

#part1 h2{
    margin-left:20px;

}

#part1 p{
    width:60%;
    clear:both;
    text-align:justify;
    overflow:auto;
    height:140px;
    margin-left:20px;
}

#part1 img{
    float:left;
    clear:both;
    color:#000000;
    background-color:#dedede;
    padding:5px;
    margin-right:10px;
    margin-top:5px;
    margin-bottom:10px;
    border-left:1px solid #C0C0C0;
    border-bottom:1px solid #C0C0C0;
}


#part1 ul{
    position:absolute;
    right:0px;
    top:50px;
    width:35%;
    border-left:1px dotted #C0C0C0;
    height:265px;
    padding:20px 0px 0px 0px;
    margin:0px;
}

#part1 ul li{
    list-style:none;
    margin:0px;
    padding:0px;
    text-indent:0px;
    line-height:30px;
    text-align:center;
    margin-left:10%;
    margin-right:10%;
}

#part1 ul li:hover{
    color:#000000;
    background-color:#dedede;
    line-height:29px;
    border-left:1px solid #C0C0C0;
    border-bottom:1px solid #C0C0C0;
}

#part1 a{
    color:#000000;
    font-weight:bold;
    border:0px;
}

#part1 a:link{
    color:#000000;
    font-weight:bold;
    border:0px;
}

#part1 a:visited{
    color:#000000;
    font-weight:bold;
    border:0px;
}

#part1 a:hover{
    color:#000000;
    font-weight:bold;
    border:0px;
}

.session{
	color:#000000;
	text-decoration:none;
	padding: 6px;
	display: block;
	border-color: #999999;
	;
	float: left;
	width: 100%;
}

#part2{
	width:100%;
	color:#000000;
	padding-top:10px;
	background-color: #CCCCCC;
	font-family: "Comic Sans MS", sans-serif;
	position: relative;
	padding-left: 5px;
	float: left;
}

#part2 h2{
	color:#003366;
	font-size:medium;
	background-repeat: repeat-x;
}

#part2 .elem {
	margin:5px;
	padding:1%;
	background-image:url(Mireille_fichiers/beige.jpg);
	background-repeat:repeat;
	background-position:6px 0px;
	width: 95%;
	display: block;
	float: left;
}

 #part2 .elem2{
	margin:5px;
	padding:1%;
	background-repeat:repeat;
	background-position:6px 0px;
	width: 95%;
	background-color: #999999;
	display: block;
	float: left;
}

#part2 .elem3{
	margin:5px;
	padding:1%;
	background-repeat:repeat;
	background-position:6px 0px;
	width: 95%;
	display: block;
	background-color: #660033;
	color: #FFFFFF;
	float: left;
	}

#part2 .elem4{
	margin:5px;
	padding:1%;
	background-repeat:repeat;
	background-position:6px 0px;
	display: block;
	background-color: #660000;
	color: #FFFFFF;
	float: left;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 3px;
	border-style: solid;
	border-color: #FFFFFF;
	width: 95%;
	font-weight: normal;
	}
	
	
.elem4 a{
	color:#FFFFCC;
}

.elem4 a:link{
	color:#FFFFCC;
	font-weight: bold;
}
.elem4 a:visited{
	color:#FFFFFF;
}

.elem4 a:hover{
	color:#FFFFFF;
	font-weight: bold;
}
.elem1 .miniTitle{
    background-image:url('img2/elem1.png');
    background-repeat:no-repeat;
    background-position:46% 0;
}

.elem2 .miniTitle{
    background-image:url('img2/elem2.png');
    background-repeat:no-repeat;
    background-position:46% 0;
}

.elem3 .miniTitle{
    background-image:url('img2/elem3.png');
    background-repeat:no-repeat;
    background-position:46% 0;
}

.elem2 ul{
	list-style-image: url(puce_liste.gif);
	line-height: 2;
	padding-top: 4px;
}
.elem2 li{
line-height: 1;
padding-top:6px;
}

.elem3 ul{
	list-style-image: url(puce_liste.gif);
	line-height: 2;
}
#footer{
	position:relative;
	background-color:#878CA0;
	border-top:3px solid #6B6D82;
	color:#ffffff;
	text-align:left;
	font-family : arial, sans-serif;
	text-transform:capitalize;
	line-height:20px;
	font-style: normal;
	float: left;
	width: 100%;
}


#address{
	width: 35%;
	padding-left: 10px;
	float:left;
}
#numbers{
	float:right;
	width: 35%;
	padding-left: 10px;
}

#footer a{
	color:#990000;
}

#footer a:link{
	color:#990000;
}
#footer a:visited{
    color:#990000;
}

#footer a:hover{
    color:#C0C0C0;
}
#footer a:active{
	color:#990000;
	font-size: medium;
}


#logoBas {
	background-color: #333333;
	width: 99%;
	position: relative;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}