/*********************WRAPPER**************************/
*{margin:0;
padding:0;}


body{
background: url(../images/images_deco/bodybckg.png) top left;
color:#FFf;
font-family:Lucida Grande,Arial,helvetica,verdana,sans-serif;
font-size:0.6em;}

p{margin:1em 0;
text-align:justify;}

#global{
width:1100px;
margin:auto;}

.content{
margin: 0;
padding: 10px;
line-height: 1.5em;
}
#wrapper{
border-right:#666 3px solid;
background:#242424 url(../images/images_deco/fond.jpg);
overflow:hidden;
width: 995px;
}
.display{
float: left;
width: 45px;
height:750px;
}
.stretcher{
float: left;
width: 725px;
}

/***********************H1 SCTIONS **********************/
#about_titre{
background:url(../images/images_deco/titre.jpg) top left no-repeat #FFF;
margin-bottom:2em;
margin:1em 0 0 1em;
font-size:1em;
display:block;
width:439px;
height:103px;
text-indent:-5000px;}

#h1_rue{
background:url(../images/images_deco/titre_rue.jpg) top left no-repeat #FFF;
margin:1em 0 0 1em;
font-size:1em;
display:block;
width:439px;
height:103px;
text-indent:-5000px;}

#h1_europe{
background:url(../images/images_deco/titre_europe.jpg) top left no-repeat;
margin:1em 0 0 1em;
font-size:1em;
display:block;
width:439px;
height:103px;
text-indent:-5000px;}

#h1_inde{background:url(../images/images_deco/titre_inde.jpg) top left no-repeat;
margin:1em 0 0 1em;
font-size:1em;
display:block;
width:439px;
height:103px;
text-indent:-5000px;}

#h1_lyon{background:url(../images/images_deco/titre_lyon.jpg) top left no-repeat;
margin:1em 0 0 1em;
font-size:1em;
display:block;
width:439px;
height:103px;
text-indent:-5000px;}

#h1_actus{background:url(../images/images_deco/titre_contact.jpg) top left no-repeat;
margin:1em 0 0 1em;
font-size:1em;
display:block;
width:439px;
height:103px;
text-indent:-5000px;}


/*********************************************************/


h2{font-size:1.4em; text-indent:3em;}


/************************************NAVBAR*************************/

#about{

width:100%;
height:750px;}

#rue{

width:100%;
height:750px;}

#europe{

width:100%;
height:750px;}

#inde{

width:100%;
height:750px;}

#lyon{

width:100%;
height:750px;}

#contact{

width:100%;
height:750px;}

/*******************************SECTIONS*************************************/

.infos
{width:95%;
margin: auto;}

.puce{
float:left;
margin-right:0.7em;}


/********************************ABOUT ME***************************************/

#cvtop{
width:650px;
margin:0 auto;
height:10px;
background:url(../images/images_deco/cvtop.jpg) top left no-repeat;}

#cv{
width:650px;
margin:auto;
background:url(../images/images_deco/cv.jpg);}

#cv p{
margin:0 1em;
color:#242424;}

#cvbottom{
width:650px;
margin:auto;
height:10px;
background-color:#0000FF;
background:url(../images/images_deco/cvbottom.jpg) top left no-repeat;}


#contacttop{
width:650px;
margin:2em auto 0 auto;
height:10px;
background:url(../images/images_deco/cvtop.jpg) top left no-repeat;}

#contactez_moi{
width:650px;
margin:auto;
background:url(../images/images_deco/cv.jpg);}

#contactez_moi p{
color:#242424;
margin:0 1em;}

#contactbottom{
width:650px;
margin:auto;
height:10px;
background-color:#0000FF;
background:url(../images/images_deco/cvbottom.jpg) top left no-repeat;}

#contactez_moi a{color:#f736a1;
text-decoration:none;}

#contactez_moi a:hover{color:#999999;}


.pucep{
width:15px;
height:10px;
float:left;
background:url(../images/images_deco/pucep.jpg) top left no-repeat;}


#images{
text-align:center;
margin:3em auto 0 auto;}
/**************	CONTACT / ACTUS *****************************/

#actus{
margin:20px auto;
width:550px;
background:url(../images/images_deco/rondphoto/fondactus.jpg) top left repeat-y;}

#actus ul{
margin-left:10px;}

#actus li{
list-style:none;
margin-top:10px;}

#actus a{color:#CCCCCC;
text-decoration:none;}

#actus a:hover{color:#000000;}

#footeractus{
height:30px;
width:550px;
background:url(../images/images_deco/rondphoto/footeractus.jpg) top left no-repeat #FFF;} 
 
#actus h2{
line-height:30px;
display:block;
width:550px;
height:30px;
background:url(../images/images_deco/rondphoto/h2actus.jpg) top left no-repeat;
font-size:2em;
color:#FFF;}

#actus p {
margin:0 1em 0 1em;}

#mail a{
text-decoration:none;}

.date{
float:left;
width:150px;
text-align:right;
color:#333333;
font-size:1.2em;}

.lieu{
width:400px;
margin-bottom:1em;
margin-left:10px;
color:#CCCCCC;
font-size:1.4em;}

.theme{
margin-left:160px;
color:#FFFFFF;}


#mail{
margin: 30px auto;
width:550px;}

#mail h2{
margin:0;
line-height:30px;
display:block;
width:550px;
height:30px;
background:url(../images/images_deco/rondphoto/contact.jpg) top left no-repeat;
font-size:2em;
color:#242424;}

#mail p{
line-height:30px;
padding-left:1em;
margin:0;
display:block;
width:550px;
height:30px;
background:url(../images/images_deco/rondphoto/contactp.jpg) top left no-repeat;
color:#333333;}

#links{
margin: auto;
width:550px;}

#links h2{
margin:0;
line-height:30px;
display:block;
width:550px;
height:30px;
background:url(../images/images_deco/rondphoto/link.png) top left no-repeat;
font-size:2em;
color:#242424;}

#links p{
line-height:30px;
padding-left:1em;
margin:0;
display:block;
width:550px;
height:30px;
background:url(../images/images_deco/rondphoto/linkp.png) top left no-repeat;
color:#333333;}


#links a{
text-decoration:none;
color:#242424;}