html, body {
font-family:Arial;
background-color:#000000;
color: #000;
margin:0;
padding:0;
}

#conteneur {
background-color:#CCCCCC;
margin:0 auto;
width:1000px;
padding:0;
background-image:url(../img/fond2.jpg);
background-repeat:repeat-y;
}

#haut {
height:125px;
margin:0;
padding:0;
background-image:url(../img/fond.jpg);
background-repeat:no-repeat;
}

#logo {
text-decoration:none;
border:none;
}

#gauche {
float:left;
width:301px;
margin: 0;
padding: 0;
background-image:url(../img/fond2.jpg);
background-repeat:repeat-y;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
}

dd {
margin: 0 0 20px 0;
}

#menu {
margin:0;
padding:30px 0;
background-image:url(../img/fond2.jpg);
background-repeat:repeat-y;
}

dl#menu {
width: 14em;
}

dl#menu dt {
cursor: pointer;
margin: 2px 0 2px 60px;
font-size:18px;
letter-spacing:3px;
}

dl#menu dt  a:hover{
color:#444444;
text-decoration:none;
}

#container {
margin:0 auto;
text-align:center;
}

.menu2 { font-family:Arial; list-style-type:none; margin:0 0 0 59px; font-weight: bold; font-size:13px; width:100%; text-decoration:none; }

a.menu2:link { font-family:Arial; color:#000000; list-style-type:none; margin:0 0 0 59px; font-weight: bold; font-size:12px; display: block; width:100%; height: 100%; line-height:20px; letter-spacing:1px; text-decoration:none; }
a.menu2:visited { font-family:Arial; color:#000000; list-style-type:none; margin:0 0 0 59px; font-weight: bold; font-size:12px; display: block; width:100%; height: 100%; line-height:20px; letter-spacing:1px; text-decoration:none; }
a.menu2:hover { font-family:Arial; color:#666666; list-style-type:none; margin:0 0 0 59px; font-weight: bold; font-size:12px; display: block; width:100%; height: 100%; line-height:20px; letter-spacing:1px; text-decoration:none; }
a.menu2:active { font-family:Arial; color:#000000; list-style-type:none; margin:0 0 0 59px; font-weight: bold; font-size:12px; display: block; width:100%; height: 100%; line-height:20px; letter-spacing:1px; text-decoration:none; }


dl#menu li {
list-style-type:none;
margin:0 0 0 59px;
font-weight: bold;
font-size:13px;
width:100%;
}
dl#menu li a, dl#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
line-height:20px;
letter-spacing:1px;
}

dl#menu li a:hover {
text-decoration:none;
color:#666666;
}

#logoifsp {
border:none;
height:46px;
width:70px;
margin:50px 0 0 115px;
padding:0;
}

#intranet {
border:none;
height:29px;
width:200px;
margin:40px 0 0 50px;
padding:0;
}

#droite {
background-color:#CCCCCC;
padding:0;
margin:0 auto 40px auto;
width:650px;
overflow:hidden;
min-height:700px;
}

#contenu {
background-color:#CCCCCC;
margin:30px 0 0 0;
width:650px;
}

#image {
float:left;
margin: 0 10px;
padding:0;
}


#texte {
margin:0 0 0 10px;
padding:0;
text-align:justify;
}

#texte h1 {
margin:0;
padding:0 0 0 10px;
text-transform:uppercase;
font-size:1.2em;
}


#texte h1 img {
padding:0 3px 0 0;
margin:-2px;
}

#texte p {
font-size:0.8em;
}

.textep { font-size:0.8em; }

.imgcontenu {
text-align:center;
margin:0 auto;
}

#texte h2 {
margin:0;
padding:10px 0;
font-weight:bold;
font-size:1em;
}

#texte ul{
list-style-type:square;
margin:10px 0 0 0;
padding:0;
font-size:0.8em;
}

#contenu a{
color:#333;
font-size:12px;
line-height: 24px;
}

#texte a:hover{
text-decoration:none;
}

#texte li a{
color:#333;
}

#texte li a:hover{
text-decoration:none;
}

h3 {
margin:0;
padding:20px 0;
font-weight:bold;
font-size:0.8em;
}

.titresousrubrique {
color:#000;
text-align:center;
text-transform:uppercase;
}

#equipe-pedagogique {
width:650px;
padding:0;
margin:20px 10px;
}

#membre-equipe {
height:100px;
width:100px;
padding:0;
margin:0 10px;
}

#cadre-equipe {
height:100px;
width:280px;
color:#fff;
padding:0;
margin:0 10px 20px 10px;
float:left;
}

#image-equipe {
width:100px;
float:left;
}

#texte-equipe {
margin:0 0 0 110px;
}

.nom {
color:#000000;
margin:0;
padding:0 2px;
font-size: 12px;
font-weight:bold;
text-align:left;
}

.formation {
color:#000000;
font-size: 12px;
margin:0;
padding:0 2px;
text-align:left;
}

.intitule {
color:#000000;
font-size: 12px;
margin:0;
padding:0 2px;
text-align:left;
}


#footer {
clear:both;
margin:10px 0 0 301px;
padding:5px;
background-color:#CCCCCC;
color:#000000;
font-size:12px;
text-align:center;
}

#footer a{
color:#000;
text-align:center;
}

#footer a:hover {
text-decoration:none;
}


#croix {
border:none;
height:15px;
width:15px;
margin:0 10px 0 0;
padding:0;
float:right;
}


div#galerie
{
	width: 600px ;
	border: 1px solid #eee ;
	padding: 15px ;
	margin: 15px auto ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{	
	margin: 0 ;
	padding: 2px ;
	list-style-type: none ;
	display:inline;
	text-align:left;
	float:left;
}

ul#galerie_mini li
{	float:left;
	margin:0;
	padding:0;
}

ul#galerie_mini li a img
{	display:block;
	padding:0;
	margin: 4px 4px 0 0;
	border: 2px solid #333 ;
}

ul#galerie_mini li a:hover img
{
	margin: 4px 4px 0 0;
	border: 2px solid #fff;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

#photo {
padding:10px 0;
}

dt.titre
{
font-weight:bold;
font-size:24px;
margin:16px auto;
}

dt.legende
{
text-align:left;
padding:20px 0 0 0;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}

.adresse {
margin: 0;
padding:0;
text-align:center;
font-size:13px;
}


.liensuivant
{
margin:0 10px 0 0;
padding:0;
float: right;
text-align:right;
}

.lienprecedent
{
margin:0;
padding:0;
float: left;
text-align:left;
}

#center
{
text-align:center;
}

#contenu_formulaire {
background-color:#FFFFFF;
text-align:center;
margin:0 auto;
width:650px;
}

#contenu_formulaire2 {
background-color:#CCCCCC;
text-align:center;
margin:0 auto;
width:650px;
}