/* ----------------- STYLE DU CORPS PRINCIPAL ----------------- */

body {
width : 980px;
padding : 0;
margin : 10px auto 0 auto;
font-family : arial, sans-serif;
background-color : black;
background-image : url("http://gravitorbox.free.fr/img/fond.jpg");
background-repeat: repeat;
background-attachment : fixed;
font-size : 0.9em;
color : white;
}

#cadreprincipal {
width : 980px;
border : 0;
padding : 0;
margin : 0;
}

.accueil {
border : 3px solid #333333;
padding : 5px;
margin-bottom : 20px;
text-align : justify;
color : #A9A9A9;
width : 175px;
height : 220px;
}

.accueil2 {
border : 3px solid #333333;
padding : 5px;
margin-bottom : 20px;
text-align : justify;
color : #A9A9A9;
width : 178px;
height : 170px;
}

.accueil3 {
border : 3px solid #333333;
padding : 5px;
margin-bottom : 20px;
text-align : justify;
color : #A9A9A9;
width : 410px;
height : 335px;
}

.accueil4 {
border : 3px solid #333333;
padding : 5px;
margin-bottom : 20px;
text-align : justify;
color : #A9A9A9;
width : 250px;
}

.palmares {
border : 0;
padding : 5px;
margin-bottom : 20px;
text-align : justify;
color : #A9A9A9;
width : 175px;
height : 45px;
}

.trombi {
border : 3px solid #333333;
padding : 5px;
margin-bottom : 20px;
text-align : justify;
color : #A9A9A9;
width : 600px;
}

#side {
float : right;
width : 320px;
border : 0;
padding : 0;
margin : 0;
}

#info {
width : 300px;
background-color : #333333;
border : #333333;
padding : 10px;
margin : 0;
margin-bottom : 20px; 
font-size : 0.9em;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px; 
}

.box {
width : 300px;
background-color : black;
border : 1px solid black;
padding : 10px;
margin : 0;
margin-bottom : 20px;
color : white;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

.box2 {
width : 300px;
background-color : #333333;
border : #333333;
padding : 10px;
margin : 0;
margin-bottom : 20px;
color : white;
font-size : 0.9em;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px; 
}

.box3 {
width : 300px;
background-color : #DCDCDC;
border : 1px solid #DCDCDC;
padding : 10px;
margin : 0;
margin-bottom : 20px;
color : #DCDCDC;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

tr, td {
vertical-align : top;
}

ul {
list-style-type : none;
}

a {
text-decoration : none;
font-weight : bold;
color : #7B98CE;
}

a:hover {
color : #00FFFF;
font-weight : bold;
}

/* ----------------- STYLE DE LA PAGE PRINCIPALE ----------------- */

#corps {
width : 620px;
margin : 0 20px 20px 0;
background-color : black;
border : 0;
padding : 10px;
text-align : justify;
color : white;
border-radius : 10px; 
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

#corps tr:hover {
color : #00FF00;
}

p:first-letter {
font-size : 450%;
float : left;
margin : 0 2px 0 0;
padding : 0;
color : black;
background-color : lime;
}

h1, h2, h3, h4, {
color : lime;
font-family : arial, sans-serif;
font-weight : bold;
}
h1 {
color : lime;
font-family : arial, sans-serif;
margin-top : 0;
margin-bottom : 5px;
font-size : 3em;
}
h2 {
color : lime;
margin-top : 0;
margin-bottom : 70px;
font-size : 1.8em;
}
h3 {
color: gray;
font-size : 0.7em;
}
h4 {
color: darkgray;
font-size : 0.7em;
}

/* ----------------- STYLE DU MENU ----------------- */

#logo {
width : 960px;
border : 0;
padding : 10px;
margin-bottom : 10px;
}

#menu {
width : 960px;
border : 0;
background-color : black;
padding : 5px 10px 0 10px;
margin : 5px auto 20px auto;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

/* ----------------- STYLE DE LA RECHERCHE ----------------- */

#send {
float : right;
height : 18px;
padding : 0;
margin : 0;
}

#send #mot {
background-color : #A9A9A9;
border : 0;
height : 18px;
width : 150px;
line-height : 18px;
margin-left : 0;
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
}

table
{
border : 0;
}

/* ----------------- DIVERS ----------------- */

#pub1 {
width : 960px;
border : 0;
background-color : black;
margin-bottom : 20px;
padding : 10px;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

#pub1 img {
display : block;
margin : auto;
margin-bottom : 10px;
border : 0;
width : 400px;
}

.partenaires {
border : 0;
text-align : center;
width : 120px;
height : 40px;
}

#spoil {
font-family : serif;
border : 0;
background-color : #333333;
padding : 5px;
}

#spoil2 {
font-family : serif;
border : 0;
background-color : #333333;
padding : 5px;
}

#spoil3 {
font-family : serif;
border : 0;
background-color : #333333;
padding : 5px;
}

#spoil4 {
font-family : serif;
border : 0;
background-color : #333333;
padding : 5px;
}

#spoil5 {
font-family : serif;
border : 0;
background-color : #333333;
padding : 5px;
}

#marquage {
font-family : serif;
border : 0;
background-color : #333333;
padding : 5px;
}

/* ----------------- STYLE DES IMAGES ----------------- */

/* ancien viewer */
#photo {
width : 620px;
height : 340px;
background-color : black;
padding : 10px;
margin : 0 0 20px 0;
text-align : center;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

/* nouveau viewer images 4:3 */
#photo2 {
width : 620px;
height : 520px;
background-color : black;
padding : 10px;
margin : 0 0 20px 0;
text-align : center;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

/* nouveau viewer images 16:9 */
#photo3 {
width : 620px;
height : 405px;
background-color : black;
padding : 10px;
margin : 0 0 20px 0;
text-align : center;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

.imgdroite {
width : 180px;
float : right;
border : 0;
margin : 10px 0 10px 10px;
padding : 0;
background-color: gray;
text-align : center;
font-size : 0.7em;
border : 1px solid white;
}

.imgdroite2 {
width : 220px;
float : right;
border : 0;
margin : 10px 0 10px 10px;
padding : 0;
background-color: gray;
text-align : center;
font-size : 0.7em;
border : 1px solid white;
}

.imgdroite3 {
width : 250px;
float : right;
border : 0;
margin : 10px 0 10px 10px;
padding : 0;
background-color: gray;
text-align : center;
font-size : 0.7em;
border : 1px solid white;
}

.conclusion {
width : 180px;
float : right;
border : 0;
margin : 10px 0 10px 10px;
padding : 0; 
text-align : center;
font-size : 1em;
border : 0;
}

.imgmachine {
float : right;
border : 0;
}

/* ----------------- STYLE DU PIED DE PAGE ----------------- */

#footer {
clear : both;
width : 980px;
background-color : black;
padding : 0 0 3px 0;
margin : 0 10px 5px 0;
text-align : center;
vertical-align : middle;
font-size : 0.8em;
color: #A9A9A9;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}