@font-face { font-family: "framd";
	src: local("framd"), url("framd.ttf"); 
	format ("truetype");
	}

@font-face { font-family: "framdit";
	src: local("framdit"), url("framdit.ttf"); 
	format ("truetype");
	}
	
@font-face { font-family: "Franklin Gothic Book Italic";
	src: local("Franklin Gothic Book Italic"), url("Franklin Gothic Book Italic.ttf"); 
	format ("truetype");
	}

@font-face { font-family: "Franklin_Gothic_Book";
	src: local("Franklin_Gothic_Book"), url("Franklin_Gothic_Book.ttf"); 
	format ("truetype");
	}
	
@font-face { font-family: "BirraSto";
	src: local("BirraSto"), url("BirraSto.otf"); 
	format ("truetype");
		}
		
html {
padding:0px;
margin:0px;
}

a{
border:none;
text-decoration:none;
color:black;	
}

a img{
border:none;
text-decoration:none;
}

body {
background-color:white;
background-image:url("images/fond_03 copie.jpg");
background-repeat:no-repeat;
font-size: 12px;
text-align:center;
margin:0px;
padding:0px;
}

#global {
width:1024px;
height:auto;
margin: 0px auto;
padding:0px;
text-align:left;

}

#globalIndex {
width:1024px;
height:auto;
margin: 0px auto;
padding:0px;
text-align:left;
}

#Liens{
font-family:"framd", Verdana;
font-size:12px;
width:1024px;
height:30px;
text-align:right;
border-top: solid 15px;

}

#Liens li.Vert {
display:inline;
position:relative;
top:5px;
text-transform:uppercase;
position:bottom;
margin-right:10px;
border:none;
background-color:#fff;

background-image:url("images/PastilleMenuVert.gif");
background-repeat:no-repeat;
padding-left:10px;
padding-right:5px;

}

#Liens li.Bleu{
display:inline;
position:relative;
top:5px;
text-transform:uppercase;
position:bottom;
margin-right:10px;
border:none;
background-color:#fff;

background-image:url("images/PastilleMenuBleu.gif");
background-repeat:no-repeat;
padding-left:10px;
padding-right:5px;

}

#Liens li.Jaune {
display:inline;
position:relative;
top:5px;
text-transform:uppercase;
position:bottom;
margin-right:10px;
border:none;
background-color:#fff;

background-image:url("images/PastilleMenuJaune.gif");
background-repeat:no-repeat;
padding-left:10px;
padding-right:5px;
}

#Liens li.Orange {
display:inline;
position:relative;
top:5px;
text-transform:uppercase;
position:bottom;
margin-right:10px;
border:none;
background-color:#fff;

background-image:url("images/PastilleMenuOrange.gif");
background-repeat:no-repeat;
padding-left:10px;
padding-right:5px;

}
#Liens li a:focus{
outline:0px;
color:#000000;
border-bottom: dotted 1px;
}


#left{
width:137px;
height:300px;
padding-top:40px;
padding-left:0px;
float:left;
}

#right{	
width:200px;
height:auto;
padding-left:20px;
background-image:url("images/PastilleMenu.gif");
background-repeat:no-repeat;
border-top:dotted 1px #000000;
margin-top:0px;
float:right;
position:relative;
}

#right img{	
width:200px;
height:auto;
border-bottom:dotted 1px #000000;
}

#titrePrenom{
width:200px;
height:auto;
margin-top:10px;	
}

#Img{
width:600px;
height:auto;
float:left;
/*border-top: dotted 1px;*/
margin:0 0 0 0;
text-align:left;
}

li.Img{
border:none;
width:600px;
height:auto;
text-decoration:none;
list-style-type:none;
margin-bottom:0px;
font-family:"Franklin_Gothic_Book", Verdana;
font-size:14px;
}

li.Txt{
border:none;
width:600px;
height:auto;
font-family:"Franklin_Gothic_Book", Verdana;
font-size:14px;
padding-left:15px;
}

h1{
font-family:"framd";
font-size:14px;
text-transform:uppercase;	
}

h1.prenom{
font-family:"framd";
font-size:14px;
text-transform:uppercase;
display:inline;
position:relative;
	
}
h2.nom{
font-family: "Franklin_Gothic_Book", Verdana;
font-size:13px;
text-transform:uppercase;
display:inline;
position:relative;	
}

p{
font-family:"Franklin_Gothic_Book", Verdana;
font-size:13px;
text-align:left;
white-space:normal ;
}

p.texteApropos{
font-family:"Franklin_Gothic_Book", Verdana;
font-size:16px;
text-align:left;
white-space:normal;
line-height:1.3em ;
display:inline;
}

p.Structure{
font-family:"Franklin_Gothic_Book", Verdana;
font-size:13px;
text-align:left;
white-space:normal;
line-height:1.3em ;
display:inline;
}


p.bold{
font-family:"framd", Verdana;
font-size:16px;
text-align:left;
white-space:normal;
line-height:1.3em ;
display:inline;
}

p.italique{
font-family:"Franklin Gothic Book Italic", Verdana;
/*font-style:italic ;*/
font-size:14px;
line-height:1.3em ;
display:inline;
}


p.presentation{
font-family:"Franklin_Gothic_Book", Verdana;
font-size:16px;
float:left;
}

p.presentation2{
font-family:"Franklin_Gothic_Book", Verdana;
font-size:16px;
float:left;
margin-top:-13px;
} 

h2{
font-family: "Franklin Gothic Book Italic", Verdana;
font-style:italic;
font-size:11px;
margin-top:-9px;
}

h3{
font-family:"Franklin_Gothic_Book";
font-size:14px;
color:#fff;
background-color:black;
width:96px;
height:18px;
margin-top:47px;
padding-top:2px;
text-align:center;
}

h5{
font-family:"Franklin_Gothic_Book";
font-size:14px;
color:#fff;
background-color:black;
width:117px;
height:18px;
margin-top:40px;
padding-top:2px;
text-align:center;
}

h4{
width:150px;
height:18px;
color:#fff;
background-color:black;
font-family:"Franklin_Gothic_Book";
font-size:11px;
text-transform:uppercase;
text-align:center;
padding-top:5px;

}

p.lien a{
font-family:"Franklin_Gothic_Book", Verdana;
font-size:12px;
color:#fff;
width:200px;
height:20px;
background-color:black;
padding-left:5px;
padding-right:5px;
}

#Formation{
position:relative;
margin-top:0px;
width:600px;
height:auto;
border-bottom:dotted 1px;
padding-bottom:10px;

}

#QuiSuisJe{
position:relative;
margin-top:0px;
width:600px;
height:auto;
border-bottom:dotted 1px;
padding-bottom:10px;	
}

p.lien2 a{
font-family:"Franklin_Gothic_Book", Verdana;
font-size:12px;
color:#fff;
width:200px;
height:20px;
background-color:black;
padding-left:5px;
padding-right:5px;

}

p.lien2{
margin-top:-10px;
	
}
#communication{
float:left;
margin-top:-121px;
margin-left:5px;
} 

#Attiree{
float:left;
margin-top:18px;
margin-left:5px;
margin-right:5px;
} 


#bipolaire{
float:left;
margin-top:18px;
margin-left:5px;
}

#contact{
width:840px;
height:auto;
float:right;
}
#contact img{
width:331px;
height:589px;
float:right;
margin-top:-120px;
margin-right:280px;
}

#contenuImage {
width:840px;
height:auto;
margin-top:180px;
margin-left:179px;
float:left;
background-color:#fff;
overflow: auto;
position:absolute;
}

#logo{
position:absolute;
width:137px;
height:165px;
float:left;
padding-top:0px;
padding-left:0px;	
}

#navigation{
float:left;
font-family:"framd";
font-size:12px;
width:147px;
height:auto;
margin-left:0px;
margin-top:180px;

}

.navigation { 
list-style: none;  
margin-top: 0px;
width:30px;
height:auto;
margin-left:-40px;
}

.navigation a, .navigation span { 
display: block; 
color: #000000; 

}

.toggleSubMenu{
list-style-type: none;  
float:left;
font-family:"framd";
font-size:14px;
text-transform:uppercase;
display:block;
height:auto;
margin-top:5px;
text-decoration: uppercase;

}

.toggleSubMenu a{
list-style-type: none;
color:black;
display:block;
border: none;
margin-top:5px;
margin-left:0px;

}

.subMenu{
font-family:"Franklin Gothic Book Italic", Verdana;
font-style:italic;
font-size:12px;
text-transform:uppercase;
list-style-type: none;
display:block;
float:left;
margin-left:-40px;
/*margin-top:2px;*/
margin-bottom:5px;
width:147px;
border:none;
}

.subMenu a{
list-style-type: none;
text-transform:none;
display:block;
color:black;
float:left;
width:137px;
border:none;
}

.subMenu a:hover{
list-style-type: none;
display:block;
float:left;
width:137px;
border:none;
}

.subMenu a:active{
list-style-type: none;
display:block;
color:black;
float:left;
width:137px;
border:none;

}
.subMenu  ul li{
list-style-type: none;
text-transform:none;
display:block;
color:black;
float:left;
width:137px;
border:none;
}

/*____________Print______________*/
#RubriquePrint{
background-image:url("images/PastilleMenuOrange.gif");
background-repeat:no-repeat;
border-top:dotted 1px #a33a1a;
width:125px;;
height:auto;
padding-left:12px;
padding-top:0px;
}

#RubriquePrint a:hover{
/*background-image:url("images/FondMenu.jpg");*/
width:137px;
height:15px;
color:#000000;
border:none;
text-decoration:none;

}

#RubriquePrint a:active #RubriquePrint.open a{
/*background-image:url("images/FondMenu.jpg");*/
width:137px;
height:15px;
color:#000000;
border: none;
}

#RubriquePrint a:focus{
outline:0px;
color:#000000;
border: none;
}
 

/*__Print_SSMenu__*/

#RubriquePrint ul li a{
/*margin-top:2px;*/
margin-left:5px;
display:block;
float:left;
border: none;
}

#RubriquePrint.open ul li a{
color:black;
display:block;
border:none;
float:left;
border: none;
}

#RubriquePrint.open ul li a:hover{
color:#000000;
display:block;
background-image:none;
float:left;
border: none;
}

#RubriquePrint.open ul li a:active{
color:#000000;
display:block;
float:left;
border: none;
}

/*___________Web______________*/
#RubriqueWeb{
background-image:url("images/PastilleMenuJaune.gif");
background-repeat:no-repeat;
border-top:dotted 1px #d5bc36;
width:125px;;
height:auto;
padding-left:12px;
padding-top:0px;
}

#RubriqueWeb a:hover{
/*background-image:url("images/FondMenu.jpg");*/
width:137px;
height:15px;
color:#000000;
border:none;
text-decoration:none;
}

#RubriqueWeb a:active #RubriquePrint.open a{
/*background-image:url("images/FondMenu.jpg");*/
width:137px;
height:15px;
color:#000000;
border: none;
}

#RubriqueWeb a:focus{
outline:0px;
color:#000000;
}
 

/*__WEB_SSMenu__*/

#RubriqueWeb ul li a{
/*margin-top:2px;*/
margin-left:5px;
display:block;
float:left;
}

#RubriqueWeb.open ul li a{
color:black;
display:block;
border:none;
float:left;
}

#RubriqueWeb.open ul li a:hover{
color:#000000;
display:block;
background-image:none;
float:left;
}

#RubriqueWeb.open ul li a:active{
color:#000000;
display:block;
float:left;
}

/*___________DIVERS______________*/
#RubriqueDivers{
background-image:url("images/PastilleMenuBleu.gif");
background-repeat:no-repeat;
border-top:dotted 1px #b3d8de;
width:125px;;
height:auto;
padding-left:12px;
padding-top:0px;
}

#RubriqueDivers a:hover{
/*background-image:url("images/FondMenu.jpg");*/
width:137px;
height:15px;
color:#000000;
border:none;
text-decoration:none;
}

#RubriqueDivers a:active #RubriquePrint.open a{
/*background-image:url("images/FondMenu.jpg");*/
width:137px;
height:15px;
color:#000000;
border: none;
}

#RubriqueDivers a:focus{
outline:0px;
color:#000000;
}
 

/*__DIVERS_SSMenu__*/

#RubriqueDivers ul li a{
/*margin-top:2px;*/
margin-left:5px;
display:block;
float:left;
}

#RubriqueDivers.open ul li a{
color:black;
display:block;
border:none;
float:left;
}

#RubriqueDivers.open ul li a:hover{
color:#000000;
display:block;
background-image:none;
float:left;
}

#RubriqueDivers.open ul li a:active{
color:#000000;
display:block;
float:left;
}

#contenu {
width:820px;
height:auto;

margin-top:170px;
margin-left:179px;

float:left;
background-color:#fff;
overflow: auto;
position:absolute;
}

#miniatureProjet{
width:800px;
height:auto;
padding-left:20px;
margin-top:52px;	
}

#miniatureProjet li{
width:200px;
height:120px;
float:left;	
margin-left:20px;
margin-bottom:20px;
list-style-type:none;
}

#miniatureProjet li img{
width:200px;
height:120px;
border:dotted 1px;
}