/*Design réalisé par Quality Site
janvier 2012*/

h1
{
font-weight:bold;

}

body 
{
-webkit-background-size:100%;
-o-background-size:100%;
-moz-background-size:100%;
background-size:100%;
position:relative;
height:100%;
width:100%;
background-image: url("../image/design/fond19801280poursite.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position : top center;
}

.body 
{
-webkit-background-size:100%;
-o-background-size:100%;
-moz-background-size:100%;
background-size:100%;
position:relative;
height:100%;
width:100%;
background-image: url("../image/design/fondpoursiteongletanimation19801280.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position : top center;
}

#bloc_page
{
margin: 0 auto;
margin-top: 5px;
margin-bottom: 5px;
-webkit-box-shadow: 3px 3px 7px #111;
-moz-box-shadow: 3px 3px 7px #111;
background-image: url("../image/design/fondsitepdt2.png");
width: 77%;
border: 1px solid red;
background-repeat: no-repeat;
color: black;
font-family: "Lucida Calligraphy", Narkisim, Arial, "Arial Black", "Comic Sans MS", "Times New Roman", Times, serif;
}

#bloc_page2
{
margin: 0 auto;
margin-top: 5px;
margin-bottom: 5px;
-webkit-box-shadow: 3px 3px 7px #111;
-moz-box-shadow: 3px 3px 7px #111;
width: 77%;
border: 1px solid red;
background-image: url("../image/design/fondpoursiteongletanimationavececriture.png");
background-repeat: no-repeat;
color: black;
font-family: "Lucida Calligraphy", Narkisim, Arial, "Arial Black", "Comic Sans MS", "Times New Roman", Times, serif;
}

#main {
width: auto;
height:741px;
margin: 0 auto;
margin-left:20px;
margin-top:259px;
padding: 15px 0 10px 0;
overflow: hidden;
border: 1px solid green;
}

#main2 {
width: auto;
height:568px;
margin: 0 auto;
margin-left:20px;
margin-top:430px;
padding: 15px 0 10px 0;
overflow: hidden;
border: 1px solid green;
}

.nav
{
border: 1px solid black;
font-size:18px;
line-height: 2;
}

.article
{
display: inline-block;
border: 1px solid blue;
vertical-align: top;
width:40%;
margin:auto;
margin-top:20px;
}


.aside
{
margin: auto;
display: inline-block;
width: 50%;
border: 1px solid black;
vertical-align: top;
margin-top:20px;
}

footer {
width: 77%;
margin: 0 auto;
padding-top:5px;
padding-bottom:5px;
clear: both;
border: 1px solid black;
text-align:center;
font-family: "Lucida Calligraphy", Narkisim, Arial, "Arial Black", "Comic Sans MS", "Times New Roman", Times, serif;
}

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

.open {
 	   color: grey;
 }

.sousmenu
{
border: 1px solid black;
width:10%;
margin-left:50px;
}

.texte
{
margin: 0px;
margin-top:0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: black;
font-size:18px;
text-align: center; /*La citation sera centrée */
font-family: "Lucida Calligraphy", Narkisim, Arial, "Arial Black", "Comic Sans MS", "Times New Roman", Times, serif;
}

.copyright
{
font-size:10px;
}

.contact
{
font-weight:bold;
}

.photos
{
border:1px solid red;
margin-top:18px;
}

.commentaire1
{
border:1px solid orange;
width:31%;
vertical-align: top;
float:left;
text-align:center;
font-size:12px;
}

.commentaire2
{
border:1px solid brown;
width:31%;
margin-right:25px;
margin-top:0px;
vertical-align: top;
float:right;
text-align:center;
font-size:12px;
}

.commentaire3
{
border:1px solid orange;
width:31%;
margin-left:157px;
margin-top:0px;
vertical-align: top;
text-align:center;
font-size:12px;
}

.animation
{
border:1px solid orange;
position:absolute;
width:45%;
margin-left:480px;
margin-top:200px;
}

.element
{
border:1px solid orange;
position : absolute;
left: 0px;
top:100px;
z-index: 3;
}
.element2
{
border:1px solid orange;
position : absolute;
left: 70px;
top:30px;
z-index: 2;
}
.element3
{
border:1px solid orange;
position : absolute;
left: 145px;
top:100px;
z-index: 2;
}
.element4
{
border:1px solid orange;
position : absolute;
left: 245px;
z-index: 3;
}
.element5
{
border:1px solid orange;
position : absolute;
left: 325px;
top:10px;
z-index: 1;
}
.element6
{
border:1px solid orange;
position : absolute;
left: 400px;
top:100px;
z-index: 2;
}