/*             */

/* CSS COMMUNS */

/*             */

html, body {

height: 100%;

font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; 

font-size: 10pt;

text-align: center;

color: black;

background-color: white;

padding: 0; 

margin: 0;

background-image: url("images/background-body.jpg");

background-repeat: repeat-x;

background-position: top left;

}

/* Corps de la Page */

#corps {

width: 990px;

text-align: center;

padding: 0; 

margin: auto;

background-image: url("images/background.jpg");

background-repeat: repeat-y;

background-position: top left;

}

/* Header */

#header {

width: 990px;

height: 226px;

background-image: url("images/header.jpg");

background-repeat: no-repeat;

background-position: top right;

}

/* Logo */

#logo {

width: 495px;

height: 176px;

background-image: url("images/logo.jpg");

background-repeat: no-repeat;

background-position: top left;

float: left;

}

/* Slogan */

#slogan {

width: 990px;

height: 50px;

background-image: url("images/slogan.jpg");

background-repeat: no-repeat;

background-position: top left;

float: left;

}

/* Conteneur de la page */

#container {

width: 926px;

margin: auto;

text-align: left;

overflow: auto;

}

/* Colonne Gauche */

#gauche {

width: 220px;

float: left;

text-align: center;

margin-right: 20px;

}

/* Colonne Centre */

#centre {

width: 686px;

float: left;

text-align: center;

}

/* Titres Colonne Gauche */

#gauche h1 {

width: 220px;

height: 27px;

line-height: 27px;

color: white;

font-size: 11pt;

text-indent: 30px;

text-align: left;

background-image: url("images/titre-gauche.jpg");

background-repeat: no-repeat;

background-position: top left;

background-color: inherit;

/* top right bottom left */

margin: 0 0 5px 0;

}

/* Sous Titres Colonne Gauche */

#gauche h2 {

color: #008433;

background-color: inherit;

font-size: 10pt;

text-decoration: underline;

/* top right bottom left */

margin: 0 0 5px 0;

}

/* Images Colonne Gauche */

#gauche img {

border: 1px solid #b9b9b9;

/* top right bottom left */

margin: 5px auto 0 auto;

clear: both;

}

/* Menus Colonne Gauche */

#gauche .menu {

padding: 0; 

/* top right bottom left */

margin: 0 0 10px 5px;

}

#gauche .menu li {

list-style: square;

list-style-position: inside;

text-align: left;

font-weight: bold;

}

#gauche a:link, #gauche a:visited {

color: black;

background-color: inherit;

text-decoration: none;

outline: none;

}

#gauche a:active, #gauche a:hover {

color: #de1736;

background-color: white;

outline: none;

}

/* Titre Bloc Accueil */

.splash-titre {

width: 686px;

height: 28px;

color: black;

font-family: Arial, Tahoma, Helvetica, sans-serif;

font-weight: bold;

font-size: 15pt;

background-image: url("images/titre-splash.gif");

background-repeat: no-repeat;

background-position: top left;

background-color: inherit;

margin: 0;

padding-top: 19px;

}

/* Bloc Accueil */

.splash {

width: 676px;

text-align: left;

font-size: 12pt;

font-family: Arial, Tahoma, Helvetica, sans-serif;

background-image: url("images/bg-splash.gif");

background-repeat:repeat-y;

background-position: top left;

/* top right bottom left */

padding: 0 5px 0 5px;

}

/* Hack pour IE */

* html .splash {

width: 686px;

}

/* Pied Bloc Accueil */

.splash-foot {

width: 686px;

height: 15px;

background-image: url("images/foot-splash.gif");

background-repeat:no-repeat;

background-position: top left;

margin-bottom: 10px;

}

/* Images Colonne Centre */

#centre img {

border: 0px solid black;

/* top right bottom left */

margin: 0 5px 0 5px;

}

/* Images de Titre Colonne Centre */

#centre .ico {

border: none;

/* top right bottom left */

margin: 5px 5px 0 0;

}

/* Titres Colonne Centre */

#centre h1 {

width: 686px;

height: 25px;

line-height: 23px;

text-indent: 30px;

text-align: left;

font-size: 11pt;

color: white;

background-repeat: no-repeat;

background-position: top left;

background-color: inherit;

/* top right bottom left */

margin: 0 0 5px 0;

padding: 0;

}

#centre .rouge {

background-image: url("images/titre-rouge.gif");

}

#centre .bleu {

background-image: url("images/titre-bleu.gif");

}

#centre .jaune {

color: black;

background-image: url("images/titre-jaune.gif");

background-color: inherit;

}

/* Blocs Colonne Centre */

.bloc {

width: 674px;

text-align: left;

color: inherit;

background-color: white;

border: 1px solid #b9b9b9;

/* top right bottom left */

padding: 0 5px 0 5px;

margin-bottom: 10px;

}

/* Hack pour IE */

* html .bloc {

width: 686px;

}

/* Formulaires */

form, p {

/* top right bottom left */

margin: 0 0 10px 0;

padding: 0;

}

fieldset {

text-align: center;

padding: 10px;

}

legend {

font-weight: bold;

color: #8d8d8d;

background-color: inherit;

}

/* Liens */

a:link, a:visited {

color: #008433;

text-decoration: underline;

background-color: inherit;

outline: none;

}

a:active, a:hover {

color: black;

background-color: inherit;

outline: none;

}

/* Alignements divers */

.gauche {

float: left;

}

.droite {

float: right;

}

.center {

text-align: center;

}

/* Galerie Photo Dhtml */

#galerie {

display: table-cell;

text-align: center;

}

#galerie img {

border: 1px solid #443027;

margin: 8px;

vertical-align: middle;

}

#thumbBox {

position: absolute;

left: 0;

top: 0;

width: auto;

/* top right bottom left */

padding: 5px 10px 0 10px;

color: black;

background-color: white;

border: 1px solid black;

visibility: hidden;

z-index: 10;

cursor: pointer;

}

#thumbBox #thumbImage {

font-weight: bold;

color: black;

background-color: white;

margin-bottom: 5px;

}

#thumbBox #thumbImage img {

border: 1px solid black;

}

#thumbLoading {

position: absolute;

visibility: hidden;

border: 1px solid black;

color: black;

background-color: #EFEFEF;

padding: 5px;

z-index: 5;

}

/* Pied de Page */

#footer {

width: 990px;

text-align: center;

font-size: 7pt;

color: #b9b9b9;

background-image: url("images/footer.jpg");

background-repeat: no-repeat;

background-position: top left;

background-color: inherit;

margin: auto;

padding-top: 10px;

clear: both;

}

/* Liens Pied de Page */

#footer a:link, #footer a:visited {

color: #8d8d8d;

text-decoration: underline;

background-color: transparent;

outline: none;

}

#footer a:active, #footer a:hover {

color: black;

background-color: transparent;

outline: none;

}



.noborder3 {

	border: solid 1px red;

}





/*a:link, a:visited, a:active, a:hover .white3 {*/

.white3:link, .white3:visited, .white3:active, .white3:hover {

	color:#FFFFFF;

	font-size: 9pt;

}


.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("http://www.coloriagesaimprimer.net/imgs/feed-icon-14x14.png") no-repeat 0 50%;
}