/* EXEMPLE 
width : 860px;
margin : 0 20px 20px 0;       <= marge de positionnement du cadre : haut - droite - bas - gauche
background-color : black;
border : 0;
padding : 10px;               <= espace entre le bord et le texte : haut - droite - bas - gauche
text-align : justify;
color : white;
border-radius : 10px;            <= bords arrondis
-moz-border-radius : 10px;       <= bords arrondis
-webkit-border-radius : 10px;    <= bords arrondis
*/

body {
width : 1280px;
padding : 0;
margin : 10px auto 0 auto;
font-family : arial;
background-color : black;
background-image : url("https://sologamertest.fr/IMAGES/fond.jpg");
background-repeat: repeat;
background-attachment : fixed;
font-size : 1.2em;
color : white;
}

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

.accueil1 {
border : 3px solid #FFFFFF;
padding : 5px;
margin-bottom : 20px;
text-align : justify;
color : #FFFFFF;
width : 702px; 
font-size : 1.2em;
}

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

.accueil3 {
border : 3px solid #FFFFFF;
padding : 5px;
margin-bottom : 20px;
text-align : justify;
color : #A9A9A9;
width : 380px;
}

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

.accueil5 {
border : 3px solid #FFFFFF;
padding : 5px;
margin-bottom : 20px;
text-align : justify;
color : #A9A9A9;
width : 240px;
}

.derniersarticles {
border : 3px solid #FFFFFF;
padding : 5px;
margin-bottom : 20px;
text-align : justify;
color : #A9A9A9;
width : 280px;
}

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

.trombi {
border : 3px solid #FFFFFF;
padding : 5px;
margin-bottom : 20px;
text-align : justify;
color : #A9A9A9;
width : 820px;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

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

#info {
width : 360px;
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 : 360px;
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;
}

.boxpub1 {
width : 1255px;
background-color : black;
border : 1px solid black;
padding : 10px;
margin : 0;
margin-bottom : 20px;
color : grey;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

.boxpub2 {
width : 360px;
background-color : black;
border : 1px solid black;
padding : 10px;
margin : 0;
margin-bottom : 20px;
color : grey;
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 : #00C0FF;
}

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

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

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

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

p:first-letter {
font-size : 450%;
float : left;
margin : 5px 7px 0 0;
padding : 0;
color : black;
background-color : #00C0FF;
}

h1, h2, h3, h4, {
font-family : arial;
font-weight : bold;
}
h1 {
color : #00C0FF;
font-family : arial;
margin-top : 0;
margin-bottom : 5px;
font-size : 3.5em;
}
h2 {
color : #00C0FF;
margin-top : 0;
margin-bottom : 70px;
font-size : 2.2em;
}
h3 {
color: darkgray;
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 : 30px;
padding : 0;
margin : 0;
}

#send #mot {
background-color : #A9A9A9;
border : 0;
height : 30px;
width : 250px;
line-height : 30px;
font-size : 1.2em;
margin-left : 0;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

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;
}

#spoilmenu {
font-family : arial;
border : 0;
background-color : #000000;
padding : 5px;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

#spoil1 {
font-family : arial;
border : 0;
background-color : #333333;
padding : 5px;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

#spoil2 {
font-family : arial;
border : 0;
background-color : #333333;
padding : 5px;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

#spoil3 {
font-family : arial;
border : 0;
background-color : #333333;
padding : 5px;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

#spoil4 {
font-family : arial;
border : 0;
background-color : #333333;
padding : 5px;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

#spoil5 {
font-family : arial;
border : 0;
background-color : #333333;
padding : 5px;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

#marquage {
font-family : arial;
border : 0;
background-color : #333333;
padding : 10px;
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

#conclusionfinale {
font-family : arial;
border : solid;
border-color : white;
margin : 0 20px 0 20px;
text-align : justify;
background-color : #333333;
padding : 3px 15px 10px 15px;             
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}

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

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

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

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

.imgdroite16-9 {
width : 330px;
float : right;
border : 0;
margin : 10px 0 10px 10px;
padding : 0;
background-color: gray;
text-align : center;
font-size : 0.7em;
border : 5px solid white;
}

.imgdroite4-3 {
width : 300px;
float : right;
border : 0;
margin : 10px 0 10px 10px;
padding : 0;
background-color: gray;
text-align : center;
font-size : 0.7em;
border : 5px solid white;
}

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

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

#footer {
clear : both;
width : 1280px;
background-color : black;
padding : 2px 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;
}