/* CSS Document */

/* Accueil */
#me {
	width:425px;
	height:439px;
	background:url(../images/me2.jpg) no-repeat;
	float:left;
	overflow:hidden;
}

#speech {
	width:400px;
	float:left;
	overflow:hidden;
	margin:20px 0 0 50px;
	text-indent:6px;
}

#speech span {
	font-weight:bold;
}

#speech p {
	line-height:1.5em;
}

#speech p:first-letter {
	font-size:17px;
	margin:0;
	font-style:italic
}

.actu {
	width:100%;
	height:100%;
	clear:both;
	margin-bottom:5px;
}

.actu .titre h2 {
	display:block;
	width:65px;
	height:19px;
	background:url(../images/news.gif) no-repeat;
	margin:0 0 0 20px;
}

.actu .titre h2 span {
	display:none;
}

.actu .news {
	border:solid 1px #739234;
	padding:10px 20px;
	width:300px;
	background:#dfdfdf;
}

.actu .news a {
	font-weight:bold;
	text-decoration:underline;
	color:#79963c;
}

.actu .news a:hover {
	font-weight:bold;
	text-decoration:none;
	color:#79963c;
}
/***************************************************************** Affichage des dernières réalisations ***********************************************************/
.detail {
	width:452px;
	overflow:hidden;
	float:left;
	margin:0 26px 0 0;
}

.detail_droite {
	margin:0;
}

.detail_entete {
	margin:0 0 1px 0;
}

.detail_entete span {
	display:none;
}

.detail_entete_web a {
	display:block;
	width:452px;
	height:43px;
	background:url(../images/entete_web.gif) no-repeat;
}

.detail_entete_print a {
	display:block;
	width:452px;
	height:43px;
	background:url(../images/entete_print.gif) no-repeat;
}

.detail_entete_illustration a {
	display:block;
	width:452px;
	height:43px;
	background:url(../images/entete_illustration.gif) no-repeat;
}

.detail_entete_photo a {
	display:block;
	width:452px;
	height:43px;
	background:url(../images/entete_photo.gif) no-repeat;
}

.detail_entete_autre a {
	display:block;
	width:452px;
	height:43px;
	background:url(../images/entete_divers.gif) no-repeat;
}

.detail_titre {
	background:#dcdcdc;
	border:solid 1px #607b2c;
	padding:6px 20px 6px 25px;
	margin:0 0 1px 0;
}

.detail_titre a {
	color:#607b2c;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.detail_titre span.titre_pro{
	color:#607b2c;
	font-size:14px;
	font-weight:bold;
}

.detail_contenu {
	background:#dcdcdc;
	border:solid 1px #607b2c;
	padding:10px;
	margin:0 0 1px 0;
	overflow:hidden;
}

.detail_contenu img{
	margin:0 5px 1px 0;
	float:left;
	border:ridge 1px #000; 
}

.detail_contenu p{
	line-height:1.2em;
	margin:0;
	padding:0;
}

.detail_contenu a{
	color:#3F4D1C;
	text-decoration:underline;
}

.detail_contenu a:hover{
	color:#3F4D1C;
	text-decoration:underline;
}

.detail_techno {
	background:#dcdcdc;
	border:solid 1px #607b2c;
	padding:10px;
}

.detail_techno p{
	line-height:1.2em;
	margin:0;
	padding:0;
}

.detail_avancement {
	width:432px;
	height:41px;
	padding:5px 10px 0 10px;
	margin:1px 0 0 0;
	background:url(../images/bas_detail.gif) no-repeat;	
	text-align:center;
}

.detail_avancement p {
	margin:0;
}
/***************************************************** Affichage des WIP *********************************************************************/


/***************************************************** Listing des réalisations _ affichage des vignettes ******************************************************************/

.listing {
	
}

.vignette {
	border:solid 1px #3d3d3d;
	background:#d7d7d7 url(../images/bg_vignette.jpg) no-repeat;
	width:200px;
	padding:10px;
	margin:0 5px 10px 5px;
	float:left;
	overflow:hidden;	
}

.vignette span {
	font-weight:bold;
}

.vignette .pic {
	width:200px;
	height:150px;
	overflow:hidden;
	margin:10px 0;
	padding:0;
}

.vignette img {
	margin:0;
	border:solid 1px #3F4D1C;
}

.vignette a {
	color:#3F4D1C;
	text-decoration:none;
}

.vignette a:hover {
	color:#3F4D1C;
	text-decoration:underline;
}

/* PAGINATION  */

.pagination{
	width:930px;
	clear:both;
}

.pagination a{
	text-decoration:none;
	color:#3F4D1C;
	font-weight:normal;
}

.pagination a:hover{
	text-decoration:overline;
	color:#000;
}

.pagination .chiffre {
	font-weight:bold;
	text-decoration:overline;
	background:#3F4D1C;
	color:#fff;
}
/***************************************************** Détails des réalisations ******************************************************************/

.description {
	width:930px;
	/*overflow:hidden;*/
}

.description p {
	margin:0;
	line-height:1.5em;
}

.description .image a {
	border:none;
}

.description .image {
	width:305px;
	padding:10px 10px 0 10px;	
	float:left;
	overflow:hidden;
}

.description .image img{
	margin:0 0 5px 0;
	border:solid 3px #d4d4d4;
}

.description .resume {
	padding:10px;
	margin:0 0 5px 0;	
}

.description .resume a {
	color:#3F4D1C;
	text-decoration:underline;	
}

.description .resume a:hover {
	color:#3F4D1C;
	text-decoration:none;	
}

.description .resume ul {
	list-style:none;
}

.description .technos {
	padding:0 10px;
	margin:0 0 5px 0;
}

.description .technos span {
	font-weight:bold;
	text-decoration:underline;
	color:#8eaf46;
}

.description .statut {
	padding:10px;
	margin:0 0 5px 0;
}

.description .statut span {
	font-weight:bold;
	text-decoration:underline;
	color:#8eaf46;
}

.description .lien {
	padding:10px;
}

.description .lien a {
	color:#3F4D1C;
	background:url(../images/arobase.gif) no-repeat;
	padding:0 0 10px 25px;
}

.description .lien a:hover {
	color:#3F4D1C;
	text-decoration:none;
}
/***************************************************** Divertissement *************************************************************************************************/

.ludo {
	
	width:930px;
}

.ludo .speech {
	text-align:center;
}

.ludo div.jeux {
	background:green;
}

.ludo .jeux img {
	border:0;
}

.ludo .jeux .casse_brique {
	width:465px;
	float:left;
	overflow:hidden;
	text-align:center;
	padding-top:20px;
}

.ludo .jeux .casse_brique span{
	display:block;
	margin:5px 0 0 0;
	font-size:14px;
	font-weight:bold;
}

.ludo .jeux .pac_labyrinthe{
	width:465px;
	float:left;
	overflow:hidden;
	text-align:center;
	padding-top:20px;
}

.ludo .jeux .pac_labyrinthe span{
	display:block;
	margin:5px 0 0 0;
	font-size:14px;
	font-weight:bold;
}

#game {
	text-align:center;
	padding:20px;
}
/***************************************************** Compétences *************************************************************************************************/

#competences {
	width:900px;
	padding:0 0 0 30px;
}

#competences span{
	font-size:10px;
	font-weight:normal;
}

/***************************************************** Contact *************************************************************************************************/

#contact {
	width:930px;
	background:url(../images/fond_gris.jpg) repeat-y;
	padding:20px 0;
	border:2px ridge #CCFF5F;
	/*color:#88ad3e;*/
}

#contact fieldset {
	width:380px;
	height:360px;
	padding:10px;
	/*background:#ececec;*/
	border:none;
	border-top:solid 1px #88ad3e;
}

#contact fieldset legend{
	font-weight:bold;
}

#contact span{
	display:block;
	padding:3px;
	text-align:right;
}

#contact input {
	border:1px inset #88ad3e;
	background:#fff;
}

#contact textarea{
	border:1px inset #88ad3e;
	background:#fff;
}

#contact input.button {
	border:1px outset #3F4D1C;
	background:#88ad3e;
	color:#FFF;
}

/***************************************************** Livre d'or *************************************************************************************************/

#poster {
	border:2px ridge #CCFF5F;
	background:url(../images/fond_gris.jpg) repeat-y;
	margin:0 0 15px 0;
}

#poster input {
	border:1px solid #88ad3e;
	background:#fff;
}

#poster input.button {
	border:1px solid #3F4D1C;
	background:#88ad3e;
	color:#FFF;
}

#poster span.erreur{
	padding:5px;
	font-weight:bold;
}

#message {
	padding:10px;
}

#message tr.entete{
	background:#88ad3e;
	padding:10px;
	color:#fff;
}

/***************************************************** Liens externes *************************************************************************************************/

#liens_externes {
	padding:0 130px;	
}


#liens_externes img {
	border:0;
	margin:0 10px 0 0;
	float:left;
}

#liens_externes a {
	color:#3F4D1C;
	text-decoration:underline;
}

#liens_externes a:hover {
	color:#3F4D1C;
	text-decoration:none;
}

/***************************************************** Infos légales *************************************************************************************************/

.mentions {
	padding:0 15px;
}