/* C'EST LE BORDEL, METTRE LES BALISES DANS L'ORDRE ALPHABETIQUE ET PAS METTRE UN TRUC DEFINI PAR PLUSIEURS BALISES*/

/*petits boutton en haut pour changer la taille du texte...*/

body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("images/fond_dec_pos/vrai_fondec/solarplate4.jpg");
background-attachment: fixed;
background-repeat: repeat-x, repeat-y;
background-color: rgb(0,78,152);
font-family: "Comic Sans MS", "Trebuchet MS", Tahoma, Verdana, "Times New Roman", Times, serif;
font-size: 0.8em;
}

p {
text-align: justify;
color: black;
font-size: 1.1em;
}

p:hover {
/*color: blue;*/
/*font-style: italic; */        /*au choix*/
/*font-family: "comic sans ms"*/
}

/*p:active {
color: blue;
}*/
                                                                        /*faire des tableaux pour les positionnement*/

.alinea {
text-indent: 30px;
}

#corps a, .lien
{
color: blue;
text-decoration: none;
font-family: "comic sans ms", arial, serif;
}

#pied_page .lien {
font-family: Tahoma, serif;
font-size: 110%;
}

#corps a:hover, .lien:hover
{
font-family: "comic sans ms", arial, serif;
border: none;
text-decoration: underline;
}

#corps a:active, .lien:active
{
font-weight: bold;
color: red;       /*marche pas*/
}

#corps a:visited, .lien:visited
{
color: #0000ff;
}

h1 {
text-align: center;
text-transform: uppercase;
}

h2 {
text-transform: capitalize;
padding-left: 75px;
}

/*h2:before {
content: url("../images/soleil4.ico");
}*/

h3 {
text-align: center;
font-style: italic;
font-size: 1.2em;
}

.floatleft {
float: left;
margin-right: 10px;
}

.floatright {
float: right;
margin-left: 10px;
}

.stopfloat {
clear: both;
}

.special {
clear: both;
text-indent: 30px;
position: relative;
top: 5px;
}

.souligne {
text-decoration : underline;
}

.boutton
{
text-align: center;
padding-left: 3px;
padding-right: 3px;
}

.button {
border: 1px gray outset;
background: url(images/boutton_hover.jpg) repeat-x;
text-align: center;
padding-left: 3px;
padding-right: 3px;
}

.button:hover {
background: url(images/boutton.jpg) repeat-x;
}

.button:active {                                                          /*c'est la galère tous ces boutton,*/
border: inset 1px gray;                                                  /*il suffit de mettre les bouttons dans des div avec un text-align: center;*/
font-weight: normal;
font-style: italic;
}

#corps .bout, #corps .bout:hover, #corps .bout:active {
border: none;
text-decoration: none;
font-weight: normal;
position: relative;
left: 320px;
}

#corps .bouthaut, #corps .bouthaut:hover, #corps .bouthaut:active {
border: none;
text-decoration: none;
font-weight: normal;
position: relative;
left: 15px;
font-size: 1em;
}

.centre{
text-align: center;
}

.left {
text-align: left;
}

.right {
text-align: right;
}

#pad {
padding-right: 40px;
}

#azer {
position: relative;
left: 6px;
}

.anecdote {
border: 2px dashed rgb(123,151,224);
background-color: white;
padding: 5px;
/*width: 375px;*/
height: 70px;
overflow: auto; 
margin-top: 10px;
/*margin: auto;
clear: both;*/
}

.nouveauté {
border: 2px dashed rgb(123,151,224);
background-color: white;
padding: 5px;
width: 300px;
height: 55px;
overflow: auto; 
position: relative;
left: 200px;
top: 220px;
}

.calcul {
border: 2px dashed rgb(123,151,224);
background-color: white;
padding: 5px;
margin-left: 240px;
margin-right: 240px;
text-align: center;
margin-bottom: 10px;
}

.calcul2 {
border: 2px dashed rgb(123,151,224);
background-color: white;
padding: 5px;
margin-left: 220px;
margin-right: 220px;
text-align: center;
margin-bottom: 10px;
/*width: 100px;
margin: auto;*/ /*c'est ça qu'il faut faire!*/
}

.calcul3 {
border: 2px dashed rgb(123,151,224);
background-color: white;
padding: 5px;
margin-left: 10px;
margin-right: 10px;
text-align: center;
margin-bottom: 10px;
}

.calcul4 {
border: 2px dashed rgb(123,151,224);
background-color: white;
padding: 5px;
text-align: center;
margin-left: 100px;
width: 300px;
}

.calcul5 {
border: 2px dashed rgb(123,151,224);
background-color: white;
padding: 5px;
text-align: justify;
width: 300px;
}

.exp {
border: 2px dashed rgb(123,151,224);
background-color: white;
padding: 5px;
text-align: justify;
width: 660px;
height: 105px;
margin: auto;
}

.nouveau {
position: relative;
top: 8px;
}

.logo_google {
border: none;
}

.logo_google:hover {
border: none;
}

.logo_google:active {
border: 0.5px solid gray;
background-color: white;
}

a img {
background-color: white;
border: 1px outset black;
}

a img:hover {
border: 1px black inset;
}

a img:active {
background-color: red;
}

.lien_image {
border: none;
}

.lien_image:hover {
border: none;
}

#menu
{
border: 2px solid /*blue*/rgb(0,78,152);
/*border-top: 30px solid rgb(0,78,152);*/               /*rechercher ici*/
background-color: rgb(185,212,241);
padding: 15px;
margin-top: 10px;
margin-bottom: 10px;
}

#menu:hover
{
border: 2px solid rgb(0,78,152);
background-color: rgb(199,222,242);
}

.liste_sommaire
{
margin-top: 15px;
font-size: 1em;
}

#som {
margin-left: 50px;
}

.bonus {
font-size: 0.8em;
}

li a, #corps li a
{
text-decoration: none;
font-family: "comic sans ms", serif;
color: rgb(44,72,92);
font-size: 1.2em;
}

li li a, #corps li li a 
{
font-size: 1.1em;
}

li a:hover, #corps li a:hover
{ 
/*font-weight: normal;
text-decoration: underline;
padding-left: 5px;
padding-right: 5px;
font-family: "comic sans ms", serif;  */                       /*font-variant: small-caps;*/
/*ou*/
font-weight: normal;
text-decoration: underline;
padding-left: 5px;
padding-right: 5px;
/*font-style: italic;*/
border: none;
font-family: "comic sans ms", serif;
}

li a:active, #corps li a:active
{
/*border: 1px solid red;*/
/*color: red;    */    /*va pas ?*/
font-style: italic;
}

li a:visited, #corps li a:visited {
color: rgb(44,72,92);
}

.point {
background-image: url("images/point.jpg");
background-repeat: no-repeat;
padding-left: 15px;
margin-left: 30px;
}

.inscrire {
text-align: center;
}

.avinc ul li {
margin-top: 10px;
text-align: justify;
}

fieldset p {
text-align: center;
}

fieldset {
width: 600px;
margin: auto;
background-color: rgb(199,222,242);

}

fieldset:hover {
background-color: rgb(185,212,241);
}

.boutbonus {
text-align: center;
}

#polo {
position: relative;
bottom: 63px;
left: 10px;
}


#corps /*ou ,#menu, #pied_page*/
{
border: 2px solid rgb(0,78,152);
background-color: rgb(185,212,241);                      /*changer police ou couleur pour p:hover*/
padding: 15px;
margin-top: 10px;
margin-bottom: 10px;
}

#corps:hover /*idem*/
{
border: 2px solid rgb(0,78,152);
background-color: rgb(199,222,242);
}


#pied_page
{
border: 2px solid rgb(0,78,152);
background-color: rgb(185,212,241);
padding: 15px;
margin-top: 10px;
margin-bottom: 10px;
font-family: Tahoma, serif;
font-size: 80%;
text-align: center;
color: #444444;
}

#pied_page:hover
{
border: 2px solid rgb(0,78,152);
background-color: rgb(199,222,242);
}

#pied_page p {
font-family: Tahoma, serif;
text-align: center;
color: #444444;
}

table {
margin-top: 5px;
vertical-align: middle;
margin: auto;
}

td {
vertical-align: middle;
text-align: center;
}

.pub_haut {
width: 300px;
}

.search  {
border : 0.5px solid rgb(0,78,152);
background-color: white;
margin-left: 50px;
}

.cadre {
border: 0.5px solid rgb(0,78,152);
}

.mi {
vertical-align: middle;
}

.aaa {
padding-left: 50px;
}

#sbi {
text-indent: 5px;
border: 0.5px solid gray;
}

#pied {
width: 500px;
}

li strong {
text-decoration: underline;
font-weight: normal;
}