body {
	margin: 0;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", "Lucida Grande", sans-serif; 
	font-size: .8em; 
	color: #000000;
	background-color: #FFFFFF;
	background-image: url('image/css_fond/mainFond.png');
	background-repeat: repeat-y;
	min-width: 1000px;
}

pre
{
	border: 1px solid #c5c5c5;
	background-color: #f3fbff;
	width: 99%;
}

.blocIndexInline
{
	margin-bottom: 15px;
	margin-top: 15px;
	overflow: hidden;
	height: 100%;
	display: block;
}

.blocIndex
{
	width: 350px;
	height: 400px;
	border: 1px solid #000000;
	vertical-align: middle;
	margin-left: 2%;
	margin-bottom: 20px;
	float: left;
	text-align: left;
}

.itemIndex 
{
	width: 340px;
	max-width: 340px;
	min-height: 20px;
	background-image: url("image/css_fond/itemIndex.png");
	background-repeat: repeat-y;
	margin-left: -40px;
	padding-left: 15px;
	margin-bottom: 5px;
	vertical-align: middle;
	font-size: 0.8em;
}

.itemIndex:hover
{
	width: 340px;
	max-width: 340px;
	min-height: 20px;
	background-image: url("image/css_fond/itemIndexhover.png");
	background-repeat: repeat-y;
	color: #6c6c6c;
}

.itemIndex a
{
	text-decoration: none;
}

.itemIndex a:hover
{
	text-decoration: none;
	color: #6c6c6c;
}

.itemPrincipal
{
	width: 350px;
	height: 150px;
	background-image: url("image/css_fond/backpremiere.png");
	background-repeat: repeat-x;
	margin-left: -40px;
	margin-top: -13px;
	margin-bottom: 10px;
	padding-top: 10px;
}


.retourItem1
{
	height: 3px;
}

.imageItem1
{
	float: left;
	height: 80px;
	width: 80px;
	margin-right: 10px;
	margin-left: 10px;
}

.titreItem1
{
	font-size: 1em;
	color: #00bd1f;
}

.texteItem1
{
	color: #a5a5a5;
	font-size: 0.8em;
	margin-top: 10px;
}

.boutonItem1
{
	width: 140px;
	height: 20px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background-color: #009b1a;
	margin-top: 10px;
}

.boutonItem1:hover
{
	width: 140px;
	height: 20px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background-color: #009cff;
}

.dateItem1
{
	color: #a5a5a5;
	font-size: 0.8em;
	font-style: italic;
}

.dateItem1 a
{
	color: #a5a5a5;
	font-size: 0.8em;
	font-style: italic;
}

.dateItem1 a:hover
{
	color: #ff0000;
	font-size: 0.8em;
	font-style: italic;
}
/* Balises de base */

label 
{	
	cursor: pointer; 
	display:block; 
	width:400px;
}

legend
{
	color: blue;
	padding: 3px 10px;
	font-weight: bold;
	background: #D3DAED url("../images/bg_grosse_cat.png") repeat-x bottom;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

fieldset
{
	margin: 10px 0 20px 0;
	padding: 14px 10px 7px 10px;
	background-color: #F8FAFD;
	border: 2px solid #E3E7EC;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

a
{
	color: #000000;
	text-decoration: none;
}

a:hover
{
	color: #FF0000;
	text-decoration: none;
}

a img
{
	border: none;
}

textarea
{
	width: 100%;
	height: 200px;
}

input[type=button], input[type=submit], input[type=reset]
{
	background-color: #4b8efa;
	color: #ffffff;
	font-size: 1em;
	text-align: center;
	border: 1px solid #3079ed;
	cursor: pointer;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover
{
	background-color: #05ac11;
	border: none;
	border: 1px solid #05970f;
	cursor: pointer;
}


hr
{
	margin-top: 20px;
	margin-bottom: 20px;
}


#header
{
	width: 100%;
	min-width: 800px;
	height: 140px;
	background-image: url('image/css_fond/fondHead.png');
	background-repeat: repeat-x;
}

#advertise
{
	float: right;
	margin-top: 20px;
	margin-right: 3%;
}

#speedbar
{
	height: 97px;
	min-width: 800px;
	text-align: center;
	padding-top: 3px;
	color: #FFFFFF;
}

#speedbar a
{
	color: #FFFFFF;
	text-decoration: none;
}

#speedbar a:hover
{
	color: #FF0000;
	text-decoration: none;
}

#logo
{
	height: 100px;
	width: 230px;
	margin-top: -135px;
}

#logo img
{
	margin-top: 30px;
}


/* MENU HORIZONTALE */


#menuHorizontal.li:hover
{
	background-image: url('image/css_fond/fondHorizontale.png');
	background-repeat: repeat-x;
	z-index: 200;
}

#menuHorizontal
{
	height: 100px;
	margin-top: 40px;
	min-width: 800px;
	z-index: 200;
}

.decalage
{
	margin-left: 235px;
}

.subnav li
{
	background-image: url('image/css_fond/fondHorizontale.png');
	background-repeat: repeat-x;
	z-index: 200;
}

ul.topnav {
	list-style: none;
	padding: 0 0px;
	margin: 0;
	float: left;
	width: 100%;
	min-width: 800px;
	background-repeat: repeat-x;
	font-size: 1.0em;
	z-index: 200;
}

ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; 
	z-index: 200;
}

ul.topnav li:hover {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; 
	z-index: 200;
}

ul.topnav li a{
	padding: 10px 5px;
	color: #8f8f8f;
	display: block;
	text-decoration: none;
	float: left;
	z-index: 200;
}

ul.topnav li a:hover{
	color: #000000;
	z-index: 200;
}

ul.topnav li span {
	width: 17px;
	height: 35px;
	float: left;
	background: url(image/iconeMenu/subnav_btn.png) no-repeat center top;
	z-index: 200;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer; z-index: 200;} 
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute;
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 230px;
	border: 1px solid #111;
	z-index: 200;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 230px;
	z-index: 200;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 205px;
	background: #333 url(image/iconeMenu/dropdown_linkbg.png) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #0078ff url(image/iconeMenu/dropdown_linkbg.png) no-repeat 10px center; color: #e0e1e2;
}


/* Menu vertical */

#menuVertical
{
	width: 230px;
	float: left;
	margin-bottom: 10px;
	z-index: 1;
}

#menuVertical a
{
	color: #000000;
}

#menuVertical a:hover
{
	color: #636363;
}

#menuVertical li
{
	list-style-type: none;
	list-style-position: inside;
	display: block;
	width: 100%;
	min-height: 20px;
	vertical-align:middle;
	margin-left: -40px;
	padding-left: 40px;
	padding-top: 5px;
}

#menuVertical li:hover 
{
	background-color: #dcdcdc;	
	color: #636363;
}

#menuVertical li img
{
	height: 16px;
	width: 16px;
}

.titreMenu
{
	background-image: url('image/css_fond/titreMenuFond.png');
	background-repeat: repeat-x;
	height: 25px;
	font-size: 1.2em;
	padding-top: 5px;
	color: #ffffff;
	padding-left: 10px;
}

/* CORPS */

#corps
{
	margin-left: 240px;
	min-width: 760px;
	z-index: 1;
	min-height: 1950px;
}


/* Formulaire de connexion */

.champ_pseudo
{
	height: 10px;
	font-size: 0.5em;
}

.champ_pass
{
	height: 10px;
	font-size: 0.5em;
}

/* Fil d'ariane */

.curseur_ariane1
{
	font-size: 0.6em;
}

.lien_ariane
{
	color: #0000ff;
	text-decoration: none;
	font-size: 0.6em;
}

/* Divers */

.avatar
{
	height: 64px;
	height: 64px;
}

.titre_tutoriel
{
	font-size: 1.5em;
	color: #008aff;
}

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

.dec_titre
{
	font-size: 1em;
	color: #909090;
}


/* BOITES */

.bloc_boite_info_gestion
{
	margin-bottom: 15px;
	margin-top: 15px;
	overflow: hidden;
	height: 100%;
	display: block;
}

.bloc_gestion_option
{
	width: 99%%;
	border: 1px inset grey;
	margin-bottom: 10px;
	margin-top: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}

.conteneur_bloc_gestion
{
	padding: 5px;
	width: 98%;
}

.titre_info_blog_gestion
{
	font-size: 1em;
	color: #ffffff;
	text-align: center;
	height: 20px;
	background-image: url('image/css_fond/fondInfo.png');
	background-repeat: repeat-x;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}


.bloc_boite_info_index
{
	margin-bottom: 15px;
	margin-top: 15px;
	overflow: hidden;
	height: 100%;
	display: block;
}

.boite_info_index_left
{
	float: left;
	width: 47%;
	min-height: 350px;
	border: 1px inset grey;
	margin-left: 2%;
	margin-bottom: 10px;
	margin-top: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;

}

.boite_info_index_right
{
	float: right;
	width: 47%;
	min-height: 350px;
	border: 1px inset grey;
	margin-right: 2%;
	margin-bottom: 10px;
	margin-top: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}

.titre_info
{
	font-size: 1em;
	color: #ffffff;
	text-align: center;
	height: 20px;
	background-image: url('image/css_fond/fondInfo.png');
	background-repeat: repeat-x;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}

.conteneur_boite_info
{
	padding: 5px;
	width: 98%;
	height: 280px;
	overflow: auto;
}

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

.image_new_index
{
	margin-right: 10px;
	float: left;
	border-style: solid;
	border-width: 1px;
	border-color: grey;
	width: 115px;
	height: 85px;
}

.titre_news
{
	font-size: 1.2em;
	color: #008AFF;
}

/* NCODE */

div.rmq /* Style des "remarques" : information, erreur, question et attention */
{
	background-position: left;
	background-repeat: no-repeat;
	padding: 4px 0 4px 50px;
	margin-left: 20px;
}

div.erreur     {color: #BE0B0B; background-image: url("image/element_site/icones/icones/erreur.png"); font-weight: bold; min-height : 33px; min-width: 33px; }
div.question   {color: #145AC1; background-image: url("image/element_site/icones/icones/question.png"); font-weight: bold; min-height : 33px; min-width: 33px; }
div.attention  {color: #DA5E0F; background-image: url("image/element_site/icones/icones/danger.png"); font-weight: bold; min-height : 33px; min-width: 33px; }
div.information {color: #145AC1; background-image: url("image/element_site/icones/icones/information_ncode.png"); font-weight: bold; min-height : 33px; min-width: 33px; }

.information, .attention, .question, .erreur 
{
	text-align:left;
	vertical-align: middle;
}

.clignotant { text-decoration: blink; }
.orange { color: rgb(236, 118, 0); }
.noir { color: black; }
.marron { color: maroon; }
.vertf { color: green; }
.olive { color: olive; }
.marine { color: navy; }
.violet { color: purple; }
.bleugris { color: teal; }
.argent { color: silver; }
.gris { color: rgb(100, 100, 100); }
.rouge { color: red; }
.vertc { color: lime; }
.jaune { color: yellow; }
.bleu { color: blue; }
.bleuazur { color: #3669B5; }
.rose { color: fuchsia; }
.turquoise { color: aqua; }
.blanc { color: white; }

.orange a { color: rgb(236, 118, 0); }
.noir a { color: black; }
.marron a { color: maroon; }
.vertf a{ color: green; }
.olive a { color: olive; }
.marine a { color: navy; }
.violet a { color: purple; }
.bleugris a { color: teal; }
.argent a { color: silver; }
.gris a { color: rgb(100, 100, 100); }
.rouge a { color: red; }
.vertc a { color: lime; }
.jaune a { color: yellow; }
.bleu a { color: blue; }
.rose a { color: fuchsia; }
.turquoise a { color: aqua; }
.blanc a { color: white; }

.orange a:hover { color: blue }
.noir a:hover { color: red; }
.marron a:hover { color: red; }
.vertf a:hover { color: red; }
.olive a:hover { color: red; }
.marine a:hover { color: red; }
.violet a:hover { color: red; }
.bleugris a:hover { color: red; }
.argent a:hover { color: red; }
.gris a:hover { color: red }
.rouge a:hover { color: blue; }
.vertc a:hover { color: red; }
.jaune a:hover { color: red; }
.bleu a:hover { color: red; }
.rose a:hover { color: blue; }
.turquoise a:hover { color: red; }
.blanc a:hover { color: red; }


/* FONDS */
.fond_orange { background-color: rgb(236, 118, 0); color: #000000; }
.fond_noir { background-color: black; color: #FFFFFF;}
.fond_marron { background-color: maroon; color: #FFFFFF; }
.fond_vertf { background-color: green; color: #FFFFFF; }
.fond_olive { background-color: olive; color: #FFFFFF; }
.fond_marine { background-color: navy; color: #FFFFFF; }
.fond_violet { background-color: purple; color: #FFFFFF; }
.fond_bleugris { background-color: teal; color: #FFFFFF; }
.fond_argent { background-color: silver; color: #FFFFFF; }
.fond_gris { background-color: rgb(100, 100, 100); color: #FFFFFF; }
.fond_rouge { background-color: red; color: #FFFFFF; }
.fond_vertc { background-color: lime; color: #FFFFFF; }
.fond_jaune { background-color: yellow; color: #000000; }
.fond_bleu { background-color: blue; color: #FFFFFF; }
.fond_bleuazur { background-color: #3669B5; color: #FFFFFF; }
.fond_rose { background-color: fuchsia; color: #FFFFFF; }
.fond_turquoise { background-color: aqua; color: #FFFFFF; }
.fond_blanc { background-color: white; color: #000000; }

.arial { font-family: Arial, serif; }
.times { font-family: Times, serif; }
.courrier { font-family: 'DejaVu Sans Mono', Courier, monospace; }
.impact { font-family: Impact, serif; }
.geneva { font-family: Geneva, serif; }
.optima { font-family: Optima, serif; }

.ttpetit { font-size: xx-small; }
.tpetit { font-size: x-small; }
.petit { font-size: small; }
.gros { font-size: large; }
.tgros { font-size: x-large; }
.ttgros { font-size: xx-large; }

.vcentre { vertical-align: middle !important; }

.centre { text-align: center; }
.gauche { float: left; }
.droite { float: right; }
.justifie { text-align: justify; }

.flot_gauche { float: left; }
.flot_droite { float: right; }
.flot_gauche, .flot_droite { margin:1em; }

.liste_i { list-style-type: lower-roman; }
.liste_I { list-style-type: upper-roman; }
.liste_a { list-style-type: lower-latin; }
.liste_A { list-style-type: upper-latin; }
.liste_1 { list-style-type: decimal; }
.liste_rectangle { list-style-type: square; }
.liste_cercle { list-style-type: circle; }
.liste_disque { list-style-type: disc; }

#previewDiv
{
	background-color: #ffffff;
	border: 1px solid black;
	width: 96%;
}

.boutonNcode
{
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
}

.boutonNcode:hover
{
	border-width: 1px;
	border-style: solid;
	border-color: orange;
}

.bordure1
{
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	padding: 10px;
}

.titre_1
{
	font-size: 1.5em;
	color: #EDAA35;
	font-style: bold;
	margin-left: 25px;
}

.titre_2
{
	font-size: 1.1em;
	color: #389CEF;
	font-style: bold;
	margin-left: 35px;
}

.titre_3
{
	font-size: 0.9em;
	color: #969696;
	font-style: bold;
	margin-left: 45px;
}

/* TUTORIELS */

.partie_tuto
{
	color: #79B6FC;
	font-size: 2.0em;
	text-align:center;
	display: block;
	width: 100%;
}

.bloc_tuto_page
{
	height: 150px;
	width: 220px;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
	text-align: center;
	background-image: url("image/fond/fond_boitier_tuto.png");
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.bloc_ligne_tuto
{
	width: 100%;
	height: 370px;
	display: block;
	margin-bottom: 10px;
}

.titre_tuto
{
	width: 220px;
	height: 33px;
	margin: none;
	background: none;
}

.titrePartieTutoriel
{  
	color: #FC0; 
	font-size: 2em;
	margin-left: 20px;
}

.titre_partie
{
	color: #FC0; 
	font-size: 2em;
	margin-left: 20px;
}

.blocChapitreTutoriel 
{
	margin-left: 30px;
	background-image: url("image/element_site/fond/fondTuto.png") repeat-x; 
}

.titreChapitreTutoriel a
{
	color: #09F;
	font-size: 1.2em;
}

.titreChapitreTutoriel a:hover
{
	color: #09F;
}

.iconeChapitreTutoriel
{
	height: 100px;
	width: 100px;
	float: left;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
}

.titreSousPartieTutoriel a
{
	color: black;
}

.titreSousPartieTutoriel a:hover
{
	color: #09F;
}

.liste_souspartie
{
	margin-left: 100px;
	list-style-type: circle;
}

#intro_tuto
{
	width: 70%;
	vertical-align: middle;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
}

#intro_tuto:first-letter
{
	font-size: 1.2em;
	font-weight: bold;
	text-indent: 20px;

}

#conclusion_tuto
{
	width: 80%;
	vertical-align: middle;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
}


/* Icones forum */

.etat_topic
{
	padding-top: 12px;
	width: 16px;
}

.titre_forum
{
	color: #243D7F;
}

.completement_forum
{
	font-size: 0.8em;
	color: grey;
}

.description_forum
{
	font-size: 0.8em;
	color: grey;
}

.image_forum
{
	max-width: 85%;
	vertical-align: middle;
}

.verrouiller 
{ 
	background-image: url('image/element_site/icones/icones/erreur_petit.png'); 
	height: 18px; 
	width: 18px; 
}

.notifier 
{ 
	background-image: url('image/element_site/icones/icones/notifier.png'); 
	height: 18px; 
	width: 18px; 
}

.notifiern 
{ 
	background-image: url('image/element_site/icones/icones/notifiern.png'); 
	height: 18px; 
	width: 18px; 
}

.resolus 
{ 
	background-image: url('image/element_site/icones/icones/valider_petit.png'); 
	height: 18px; 
	width: 18px; 
}

.aide_post
{ 
	background-image: url('image/element_site/icones/icones/valider_petit.png'); 
	height: 18px; 
	width: 18px; 
}

.abus_interdit
{ 
	height: 18px; 
	width: 18px; 
	border: 1px solid #7b7b7b;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.abus_interdit:hover
{ 
	height: 18px; 
	width: 18px; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:1px solid #f1ab37;
}


.abus 
{ 
	background-image: url('image/element_site/icones/icones/danger_petit.png'); 
	height: 18px; 
	width: 18px; 
}

.supprimer
{
	background-image: url('image/element_site/icones/icones/erreur_petit.png'); 
	height: 18px; 
	width: 18px;
}

.deplacer 
{ 
	background-image: url('image/element_site/icones/icones/echanges.png'); 
	height: 18px; 
	width: 18px; 
}

/* Pied de page */

#butterfly
{
	vertical-align: middle;
	padding-left: -129px;
	height: 128px;
	width: 128px;
	background-image: url("image/element_site/fond/butterfly.png");
    background-repeat: no-repeat;
}


#pied_contenu
{
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: -10px;
	color: #ffffff;
	vertical-align: middle;
	background-color: #191919;
	background-image: url("image/css_fond/map.png");
    background-repeat: no-repeat;
	background-position: right;
    min-height: 200px;
	z-index: 1;
}

#pied_contenu a
{
	color: #FFF;
}

#pied_contenu a:hover
{
	color: #39F;
}

#back
{
	min-height: 110px;
	width: 100%;
	color: #e0e1e2;
	background-image: url("image/element_site/fond/fondback.png");
    background-repeat: repeat-x;
}

#backNewbies
{
	margin-left: 240px;
	margin-top: -100px;
}

/* Fixe Barre */

#fixebarre
{
	position: fixed;
	bottom: 0px;
	height: 35px;
	width: 100%;
	min-width: 800px;
	z-index: 20;
	background-image: url('image/css_fond/fondFixe.png');
	background-repeat: repeat;
	padding-left: 10px;
	padding-top: 5px;
	border-top: 1px solid #a4a4a5;
	vertical-align: middle;
	z-index: 300;
}

/* Tableaux */



/* Tableau Forum */

.avatar_forum
{
	max-width: 160px;
	max-height: 180px;
	float: center;
}

table
{
margin: auto;
background-color:#cdcdcd;
font-family:arial;
font-size:8pt;
text-align:left;
min-width: 50%;
}

table thead tr th tfoot
{
background-color:#0060ff;
border:1px solid #FFFFFF;
font-size:8pt;
padding:4px;
}


table thead tr 
{
background-color:#005aff;
color: #ffffff;
text-align: center;
}




table tbody tr td
{
	background-color:#F0F0F6;
	padding: 5px;
}

table tbody tr td
{
	background-color:#F0F0F6;
}

table tbody tr td
{
	background-color:#FFFFFF;
}

/* Recherche */

#recherche
{
	padding-top: 2px;
	margin-right: 10px;
	float: right;
}

#log
{
	float: left;
}

/* INPUT RECHERCHE ET CONNEXION */

#inputRecherche
{
	height: 20px;
	width: 200px;
}

#selectRecherche
{
	height: 20px;
}


.inputTexte
{
	height: 20px;
	width: 350px;
	color: #6e6e6e;
	font-style: italic;
}

.inputTexte:hover
{
	color: #000000;
	font-style: none;
}

.inputTexte:focus
{
	color: #000000;
	font-style: none;
}


#inputRechercheIndex
{
	height: 30px;
	width: 300px;
	color: #6e6e6e;
}

#inputRechercheIndex:hover
{
	color: #000000;
	font-style: none;
}

#inputRechercheIndex:focus
{
	color: #000000;
	font-style: none;
}


#selectRechercheIndex
{
	height: 20px;
	width: 300px;
	vertical-align: middle;
}


.labelRecherche
{
	font-size: 1.2em;
	color: #6e6e6e;
}

#rechercheIndex
{
	width: 99%;
	text-align: center;
	background-color: #f1f1f1;
	border: 1px solid #a0a0a0;
}



/*
	Page Style
*/


#container {
	width:580px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

#example {
	width:600px;
	height:350px;
	position:relative;
}

/*
	Slideshow style
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/

.slides_container {
	width:570px;
	height:270px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides .slide {
	
	width:530px;
	height:230px;
	display:block;
}

/*
	Next/prev buttons
*/
#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Footer
*/

#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}

/*
	Type and anchors
*/


#slides .link {
	display:block;
	margin-top:10px;
	font-weight:800;
}


.links{

		width: 100%;

		overflow:hidden;

		background:#191919;

		font-size: 11px;

		line-height: 18px;

		color: #b9b9b9;

	}

.inner{

		background: url(images/bg-footer-inner.jpg) no-repeat;

		padding:32px 0 0;

		min-height: 327px;

	}

.list{

		float: left;

		width:160px;

		padding:0 0 0 11px;

	}

.list h5{

		margin: 0;

		color: #91d306;

		font-weight: normal;

		font-size:14px;

	}

.list ul{

		margin:0;

		padding:0;

		list-style: none;

	}

.list a{color: #b9b9b9;}

.contact{

		float: left;

		width:420px;

		padding:0 0 0 27px;

	}

.contact .text{

		width:387px;

		padding:0 0 38px;

		overflow:hidden;

	}

.contact .text p{

		margin: 0;

		padding:0 0 34px 1px;

	}

.contact .btn{

		float: left;

		color: #fff;

		height: 29px;

		line-height: 29px;

		background: #91D306;

		border-radius: 5px;

		overflow:hidden;

		padding:0 10px 0 10px;

		font-weight: bold;

	}
	
#copyright
{
	width: 350px;
	float: right;
	text-align: center;
	color: #5d5d5d;
	padding-top: 20px;
}

.informatiqueVignette:hover
{
	width: 180px;
	height: 90px;
	background-image: url("image/screen/informatique.png");
	margin-right: 30px;
}

.informatiqueVignette
{
	background-image: url("image/screen/informatiqueDown.png");
	margin-right: 30px;
}

.creationVignette:hover
{
	width: 180px;
	height: 90px;
	background-image: url("image/screen/creation.png");
	margin-right: 30px;
}

.creationVignette
{
	background-image: url("image/screen/creationDown.png");
	margin-right: 30px;
}

.jobVignette:hover
{
	width: 180px;
	height: 90px;
	background-image: url("image/screen/job.png");
	margin-right: 30px;
}

.jobVignette
{
	background-image: url("image/screen/jobDown.png");
	margin-right: 30px;
}