html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html { height: 100%; }

body {
	line-height: 1;
	color: white;
	background-color: #151515;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

.clearer { clear: both; }
.gras { font-weight: bold; }
.vert { color: #005507; font-weight: bold; }
.post-scriptum { font-style: italic; }

#container { width: 900px; position: relative; margin: 0px auto; margin-bottom: 10px; }
#toutlehaut { position: relative; height: 70px; z-index: 999; }

#logo { position: absolute; top:0; z-index: 9999; margin-left: 641px; width: 213px; height: 114px; }
#logo a img { border-width: 0; }
#retour { position: absolute; top:8px; z-index: 9991; margin-left: 626px; width: 213px; height: 114px; }

#menu { text-align: center; height: 26px; position: relative; }
#menu li {
	list-style-type:none;
	float: left;
	border-right: 2px solid #151515;
	border-left: 2px solid #151515;
	margin-left: -2px;
}
#plus a.menu,#matiere-premiere a.menu,#pixel a.menu,#reaction a.menu,#contact a.menu,#blog a.menu {
	text-indent: -5000px;
	height: 26px;
	display: block;
	background-position: top left;
	z-index: 99;
}
#plus a.menu { background-image: url(images/plus-menu.gif); width: 26px; }
#matiere-premiere a.menu { background-image: url(images/matiere-premiere.gif); width: 202px; }
#pixel a.menu { background: url(images/pixel.gif); width: 82px; }
#reaction a.menu { background: url(images/reaction-v2.gif); width: 118px; }
#contact a.menu { background-image:url(images/contact.gif); width: 108px;  }
#blog a.menu { background-image:url(images/blog.gif); width: 63px;  }
#plus a.menu:hover,#matiere-premiere a.menu:hover,#pixel a.menu:hover,#reaction a.menu:hover,#contact a.menu:hover,#blog a.menu:hover { background-position: bottom left; }

#menuzero, #menuun, #menudeux, #menutrois, #menuun-select, #menudeux-select, #menutrois-select {
	background-color: #454c50; height: 0; overflow: hidden; border-top: 2px solid #151515; border-bottom: 2px solid #151515; z-index: 9; }
#menuzero, #menuzero-select { left: 0; background-color: #fff; width: 223px; display: none; border-right: 2px solid #151515; height: 62px; position: absolute; top: 26px; z-index: 1; text-align: left; font-size: 0.8em; }
#menuzero a, #menuzero-select a { width: 218px;  display: block; color: #454c50; text-decoration: none; padding: 4px 0px 4px 5px; }
#menuzero a:hover, #menuzero-select a:hover { background-color: #151515; color: white; }
#menuun, #menuun-select { width: 202px; }
#menudeux, #menudeux-select { width: 82px; }
#menutrois, #menutrois-select { width: 118px; }
#menuzero-select, #menuun-select, #menudeux-select, #menutrois-select { height: 40px; }

#bandup, #bandup-img, #bandown { width: 900px; height: 10px; display: block; background-color: #454c50; margin-bottom: 2px; }
/* #bandup, #bandup-img { margin-top: 70px; } */
#bandup a, #bandown a, #menuun a, #menudeux a, #menutrois a, #menuun-select a, #menudeux-select a, #menutrois-select a {
	width: 10px; height: 10px; display: block; background-color: white; background-image: none; text-decoration: none; }
#bandup-img a img { border-width: 0px; height: 10px; display: block; float: left; }
#bandup a, #menuun a, #menudeux a, #menutrois a, #menuun-select a, #menudeux-select a, #menutrois-select a {
	float: left; border-right: 2px solid #151515; }
#bandown a { float: left; border-right: 2px solid #151515; }
#menuun a, #menudeux a, #menutrois a, #menuun-select a, #menudeux-select a, #menutrois-select a { border-bottom: 2px solid #151515; z-index: 999; }
/* #menuun a:visited, #menudeux a:visited, #menutrois a:visited { background-color: #cacaca; } */
#bandup a:link, #bandown a:link, #menuun a:link, #menudeux a:link, #menutrois a:link,
#menuun-select a:link, #menudeux-select a:link, #menutrois-select a:link { background-color: #fff; }
#bandup a:visited, #bandown a:visited, #menuun a:visited, #menudeux a:visited, #menutrois a:visited,
#menuun-select a:visited, #menudeux-select a:visited, #menutrois-select a:visited { background: #888 url(images/croix.gif) no-repeat top left; }

#boite-crea { position: relative; z-index: 1; }
#vers_droite, #vers_gauche { position: absolute; top: 0; }
#vers_droite { right: -19px; }
#vers_gauche { left: -19px; }
#vers_droite a, #vers_gauche a { display: block; height: 424px; width: 17px; background-image: url(images/gauche-droite.gif); background-repeat: no-repeat; }
#vers_droite a { background-position: left center; }
#vers_gauche a { background-position: right center; }

#bandup a:visited.select, #bandown a:visited.select, #menuun a:visited.select, #menudeux a:visited.select, #menutrois a:visited.select, #menuun-select a:visited.select, #menudeux-select a:visited.select, #menutrois-select a:visited.select, #bandup a:hover, #bandown a:hover, #menuun a:hover, #menudeux a:hover, #menutrois a:hover, #menuun-select a:hover, #menudeux-select a:hover, #menutrois-select a:hover { background-color: #43b243; background-image: none; }
#crea, .crea { height: 400px; width: 900px; overflow: hidden; margin-bottom: 2px; }
.crea2 { height: auto; width: 900px; overflow: hidden; margin-bottom: 2px; }
#conteneur-crea { width: 1900px; }
.explicatif { padding: 0px 15px 8px 15px; width: 193px; font-size: 0.8em; color: #454c50; line-height: 1.3em; height: 177px; margin-top: -185px; }
.explicatif ul, .crea ul { margin: 5px 0px 10px 15px; }
.explicatif li, .crea li { margin-left: 10px; margin-bottom: 2px; list-style-image: url(images/puce.gif); }
#note, #note-un, #note-deux, #note-trois, #note-quatre { background-color: #151515; padding: 8px 10px; font-size: 0.85em; }
#note-un, #note-deux, #note-trois, #note-quatre { height: 68px; margin-top: -83px; }
#note-un, #note-deux, #note-trois { width: 203px; }
#note-quatre { width: 205px; }
#note { width: 880px; height: 200px; margin-top: -63px; }
#note h1, #note-un h1, #note-deux h1, #note-trois h1, #note-quatre h1 { padding-bottom: 5px; font-weight: normal; }
#note h1 a, #note-un h1 a, #note-deux h1 a, #note-trois h1 a, #note-quatre h1 a { text-decoration: none; color: #fff; }
#note p a, #note-un p a, #note-deux p a, #note-trois p a, #note-quatre p a { color: #fff; }
#note p, #note-un p, #note-deux p, #note-trois p, #note-quatre p { margin-top: 5px; line-height: 1.3em; }
#bandaction { width: 880px; padding: 7px 10px; background-color: #454c50; font-size: 0.85em; }
#bandaction span { margin: 0 10px; }
#bandaction span a { color: white; text-decoration: none; }
#bandaction span a:hover { text-decoration: underline; }
#panneau-bas { margin-top: 2px; font-size: 0.8em; text-align: center; }
#panneau-bas a { color: #fff; float: right; margin-right: 15px; }

#colun, .colun, #colfirst, #coldeux, #coltrois, #colquatre, #colfourth, #colgrande, .colgrande { float: left; height: 400px; overflow: hidden; display: block; }
#colun a img, .colun a img, #coldeux a img, #coltrois a img, #colquatre a img { text-decoration: none; border-width: 0; }
#colun, .colun, #colfirst, #coldeux, #coltrois { margin-right: 2px; width: 223px; }
#colquatre, #colfourth { width: 225px; }
#colgrande, .colgrande, #deuxcol { width: 675px; background-color: #fff; color: #454c50; font-size: 81%; line-height: 1.5em; }
#colgrande, .colgrande { width: 675px; }
#deuxcol { width: 448px; float: left; overflow-x: hidden; overflow-y: auto; margin-right: 2px; }

#container_quatre_boites { width: 675px; float: left; height: 400px; }
#troiscol_bas, .carre_bas, #colfourth { margin-right: 2px; background-color: white; }
#troiscol_bas { width: 673px; height: 273px; margin-bottom: 2px; color: #454c50; font-size: 0.8em; line-height: 1.5em; }
/* Décommenter la ligne ci-dessous si on veut mettre du texte plutôt qu’une image */
/* #troiscol_bas { background: url(images/communiquez-differemment.jpg) no-repeat top left; } */
.carre_bas { width: 223px; height: 125px; float: left; }
.carre_bas a img { border-width: 0px; }
.twitter { background: url(images/en-direct-de-twitter.gif) no-repeat top left; }
.twtr-hd, .twtr-ft { display: none; }
.twtr-doc { margin-top: 55px; font-size: 12px; }

#colgrande #texte, .colgrande .texte { margin: 35px; width: 615px; height: 330px; }
#troiscol_bas #texte { margin-left: 275px; padding-top: 15px; width: 385px; height: 240px; overflow: hidden; }
#deuxcol #texte { margin: 20px 25px; width: 398px; height: 360px; }
#colgrande #texte h1, .colgrande .texte h1, #deuxcol #texte h1 { font-weight: bold; margin-bottom: 5px; }
.colgrande .texte h1 span { font-weight: normal; }
#colgrande #texte h2, #deuxcol #texte h2 { font-weight: bold; margin-bottom: 5px; }
.colgrande .texte h2 { font-style: italic; font-weight: normal; margin-bottom: 5px; }
#deuxcol #texte ul { padding-left: 5px; margin-bottom: 10px; }
#deuxcol #texte li { list-style: square; margin-left: 10px; }
#colgrande #texte p, #deuxcol #texte p { margin-bottom: 5px; }
.colgrande .texte .temoignage { padding-left: 35px; margin-top: 10px; margin-bottom: 10px; height: auto; background: url(images/temoignage-left.gif) no-repeat top left; }
.colgrande .texte p { margin-bottom: 5px; }
#colgrande #texte a, .colgrande .texte a, #deuxcol #texte a { color: #000; }
#colgrande #texte a:hover, .colgrande .texte a:hover, #deuxcol #texte a:hover { text-decoration: none; }
#colgrande #texte input, #colgrande #texte textarea, .colgrande .texte input, .colgrande .texte textarea, #deuxcol #texte input { border: 1px solid #454c50; }
.colgrande .texte alt { width: 450px; font-style: italic; background-color: #b1deb7; padding: 5px 10px; color: #151515; margin: 5px 0px 0px 5px; }
#colgrande #texte .deuxcolonnes { width: 302px; float: left; }

#similaire { background-color: #454c50; }

#table_contact td { padding: 5px; font-size: 1.1em; }
#table_contact .label { text-align: right; width: 200px; }
#table_contact .input { width: 500px; }
#table_contact .input input, #col_droite #table_contact .input textarea { border: 1px solid #151515; }
#table_contact .input li { list-style: square; margin-left: 15px; font-size: 1em; }
#table_contact .input .sexe, #colgrande #texte #sexe, .colgrande .texte #sexe { display: none; }

#info-un { width: 10px; height: 26px; position: absolute; top: 0; margin-left: 201px; }
#informations { position: absolute; width: 900px; top: 70px; z-index: 99; font-size: 0.85em; }

#footer { font-size: 0.8em; width: 900px; margin-top: 30px; padding-bottom: 15px; text-align: center; }
#footer a { color: #fff; margin: 0 5px; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer a img { border-width: 0px; }
#footer a.vert { font-weight: normal; color: #58b951; }

#badge { position: absolute; top: 14px; margin-left: 594px; z-index: 999; }

.as_1, .as_2, .as_3, .as_4 { width: 70px; height: 20px; display: block; }
.as_1 { background: url(images/as_1.gif) no-repeat left top; }
.as_2 { background: url(images/as_2.gif) no-repeat left top; }
.as_3 { background: url(images/as_3.gif) no-repeat left top; }
.as_4 { background: url(images/as_4.gif) no-repeat left top; }
.small { font-size: smaller; font-style: italic; }

.tip-menu, .tip-projet { z-index: 9999; }
.tip-menu .tip, .tip-projet .tip { text-shadow: 0px 1px 0px #141313; text-align: center; font-size: 10px; width: 222px; }
.tip-menu .tip { background: url(images/popup-trans.png) no-repeat top left; padding: 16px 8px 0px 8px; height: 21px; }
.tip-projet .tip { background: url(images/popdown-trans.png) no-repeat top left; padding: 10px 8px 0px 8px; height: 27px; }
.tip-text { display: none; }