/* Blog Design*/

/* generique a toutes les balises */
* {
	/* Texte */
	font-family: "Georgia", Arial, Helvetica, sans-serif;
}


/* balise body*/
body {
	margin : 0px 0px 0px 0px;
	background-color : #FFFFFF;

	/* Texte */
	font-size: 0.80em;
	color: #000000;

	background-color: #FFFFFF;
}


/* liens */
a:link, a:visited {
	color: #777777;
}

a:hover, a:active {
	text-decoration: none;
}


/* Décorations Backgrounds*/
#bg_1 {
	/*width: 770px;*/
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#bg_2 {
	height: 100%;
	width: 100%;
}


/* Décorations */
#deco_1 {
	display: none;
}

#deco_2 {
	display: none;
}

#deco_3 {
	display: none;
}



/* Titre du site */
#title_site {
	height: 89px;
	text-align: center;
	background-color: #000000;
	background-image: url("blog/bg_titre.jpg");
	background-repeat: repeat-x;
	background-position: left top;
	
	font-size: 2em;
	font-weight: bold;
	color: #FFFFFF;

	width: 100%;
}
#title_site span {
	display: block;
	height: 89px;
	background-image: url("blog/titre.jpg");
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: normal;
	padding-top: 5px;
}

/* Menu */
#menu {
	text-align: center;
	
	background-color: #000000;
	background-image: url("blog/bg_menu.jpg");
	background-repeat: repeat-x;
	background-position: center top;

	color: #FFFFFF;
	height: 25px;
	padding-top: 7px;
}

#menu span {
	margin-left: 2px;
	margin-right: 2px;
	font-size: 0.95em;
}

#menu a:link, #menu a:visited {
	
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#menu a:hover, #menu a:active {
	text-decoration: underline;
}



/* Choix de Css */

#css_change {
	position: absolute;
	top: 50px;
	right: 38px;
	font-size: 0.8em;
}

#css_change a {
	display: block;
	color: #FFFFFF;
}

#css_change select {
	font-size: 0.85em;
	background-color: #333333;
	color: #FFFFFF;
}


/* Validation */

#validation {
	position: absolute;
	top: 10px;
	right: 50px;
	font-size: 0.8em;
}

#validation a {
	display: block;
	color: #FFFFFF;
}



/* Page Accueil */

#page_ {
	text-align: center;
	padding-left: 20px;
	padding-right: 20px
}


#page_ .title {
	margin-bottom: 50px;
	font-weight: bold;
	color: #888888;
	font-size: 1.6em;
	text-align: right;
}

#page_ .texte {
	margin-left: 12px;
	margin-right: 12px;
	padding-left: 20%;
	padding-right: 20%;
}

#page_ .signature {
	text-align: right;
	font-style: italic;
	margin-top: 80px;
	margin-left: 12px;
	margin-right: 12px;
}




/* CV */

#page_cv {
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

#page_title_cv {
	margin-bottom: 50px;
	font-weight: bold;
	color: #888888;
	font-size: 1.6em;
	text-align: right;
}

#summary, #presentation, #formation, #exp_pro, #logiciels, #loisirs, #misc, #download {
	text-align: left;
	display: block;
	margin-bottom: 40px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

/* Résumé */
#summary .title {
	display: block;
	font-weight: bold;
	font-size: 1.5em;
	color: #AAAAAA;
	text-align: left;
		
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	
	margin-bottom: 20px;
	margin-left: -15px;
	
	border-bottom: 1px solid #888888;
}

#summary .citation {
	font-style: italic;
	margin-left: 20px;
	display: block;
}


/* Présentation */
#presentation .title {
	display: block;
	font-weight: bold;
	font-size: 1.5em;
	color: #AAAAAA;
	text-align: left;
		
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	
	margin-bottom: 20px;
	margin-left: -15px;
	
	border-bottom: 1px solid #888888;
}

#presentation .item {
	display: block;
	margin-left: 20px;
}

#presentation .item_title {
	font-style: italic;
}


/* Formation */
#formation .title {
	display: block;
	font-weight: bold;
	font-size: 1.5em;
	color: #AAAAAA;
	text-align: left;
		
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	
	margin-bottom: 20px;
	margin-left: -15px;
	
	border-bottom: 1px solid #888888;
}

#formation .item {
	display: block;
	margin-left: 20px;
	margin-bottom: 15px;
}

#formation .item_info {
	display: block;
}

#formation .item_title_first {
	font-style: italic;
	text-decoration: underline;
}

#formation .item_title {
	font-style: italic;
}

#formation .item_value_first {
	font-weight: bold;
	width: 80%;
	vertical-align: bottom;
}

#formation .item_value {
	width: 80%;
	vertical-align: bottom;
}


/* Exp_pro */
#exp_pro .title {
	display: block;
	font-weight: bold;
	font-size: 1.5em;
	color: #AAAAAA;
	text-align: left;
		
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	
	margin-bottom: 20px;
	margin-left: -15px;
	
	border-bottom: 1px solid #888888;
}

#exp_pro .item {
	display: block;
	margin-left: 20px;
	margin-bottom: 15px;
}

#exp_pro .item_info {
	display: block;
}

#exp_pro .item_title_first {
	font-style: italic;
	text-decoration: underline;
}

#exp_pro .item_title {
	font-style: italic;
}

#exp_pro .item_value_first {
	font-weight: bold;
	width: 80%;
	vertical-align: bottom;
}

#exp_pro .item_value {
	width: 80%;
	vertical-align: bottom;
}


/* Logiciels */
#logiciels .title {
	display: block;
	font-weight: bold;
	font-size: 1.5em;
	color: #AAAAAA;
	text-align: left;
		
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	
	margin-bottom: 20px;
	margin-left: -15px;
	
	border-bottom: 1px solid #888888;
}

#logiciels .title_sub {
	display: block;
	margin-bottom: 20px;
	margin-left: 20px;
	font-style: italic;
}

#logiciels .item {
	display: block;
	margin-left: 20px;
	font-style: normal;
}


/* Divers */
#misc .title {
	display: block;
	font-weight: bold;
	font-size: 1.5em;
	color: #AAAAAA;
	text-align: left;
		
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	
	margin-bottom: 20px;
	margin-left: -15px;
	
	border-bottom: 1px solid #888888;
}

#misc .item {
	display: block;
	margin-left: 20px;
}


/* Loisirs */
#loisirs .title {
	display: block;
	font-weight: bold;
	font-size: 1.5em;
	color: #AAAAAA;
	text-align: left;
		
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	
	margin-bottom: 20px;
	margin-left: -15px;
	
	border-bottom: 1px solid #888888;
}

#loisirs .item {
	display: block;
	margin-left: 20px;
}


/* Download */
#download .title {
	display: block;
	font-weight: bold;
	font-size: 1.5em;
	color: #AAAAAA;
	text-align: left;
		
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	
	margin-bottom: 20px;
	margin-left: -15px;
	
	border-bottom: 1px solid #888888;
}

#download .item {
	display: block;
	margin-left: 20px;
}




/* REALISATIONS */


#page_real {
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}


#sort_by {
	display: block;
	font-style: italic;
	margin-bottom: 50px;
}

/* Multimédia */
#page_title_cdrom {
	margin-bottom: 30px;
	font-weight: bold;
	color: #888888;
	font-size: 1.6em;
	text-align: right;
}

#gallery_cdrom .item {
	text-align: left;
	display: block;
	margin-bottom: 20px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#gallery_cdrom .item_pict {
	margin-right : 10px;
	border-width: 0px;
	vertical-align: middle;
}

#gallery_cdrom .item_text {
	width: 70%;
}


/* Sites Internet */

#page_title_web {
	margin-bottom: 30px;
	font-weight: bold;
	color: #888888;
	font-size: 1.6em;
	text-align: right;
}

#gallery_web .item {
	text-align: left;
	display: block;
	margin-bottom: 20px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#gallery_web .item_pict {
	margin-right : 10px;
	border-width: 0px;
	vertical-align: middle;
}

#gallery_web .item_text {
	width: 70%;
}



/* Recherche */

#page_title_recherche {
	margin-bottom: 30px;
	font-weight: bold;
	color: #888888;
	font-size: 1.6em;
	text-align: right;
}

#gallery_recherche .item {
	text-align: left;
	display: block;
	margin-bottom: 20px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#gallery_recherche .item_pict {
	margin-right : 10px;
	border-width: 0px;
	vertical-align: middle;
}

#gallery_recherche .item_text {
	width: 70%;
}



/* Divers */

#page_title_misc {
	margin-bottom: 30px;
	font-weight: bold;
	color: #888888;
	font-size: 1.6em;
	text-align: right;
}

#gallery_misc .item {
	text-align: left;
	display: block;
	margin-bottom: 20px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#gallery_misc .item_pict {
	margin-right : 10px;
	border-width: 0px;
	vertical-align: middle;
}

#gallery_misc .item_text {
	width: 70%;
}



/* FICHE DETAILLEE REALISATION */

#page_real_detail {
	text-align: center;
	padding-left: 0%;
	padding-right: 0%;
}


#page_title {
	margin-bottom: 30px;
	font-weight: bold;
	color: #888888;
	font-size: 1.6em;
	text-align: right;
	margin-right: 20px;
}

#nav_bar {
	display: block;
	font-style: italic;
	margin-bottom: 50px;
}

#nav_bar span {
	margin-left: 2px;
	margin-right: 2px;
}



#details {
	text-align: center;
	display: block;
	width: 100%;
}


#details_array {
	font-size: 1em;
	vertical-align: top;
	border-width: 0px;
}


#details_array .centrage {
	width: 10%;
	border-width: 0px;
}

#info {
	width: 50%;
	vertical-align: top;
	border-width: 0px;
	padding-right: 7px;
}


#info_date, #info_cadre {
	display: block;
	font-style: italic;
	text-align: left;
	vertical-align: top;
}

#info_desc {
	display: block;
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: left;
	vertical-align: top;
}

#info_url_web, #info_url_down {
	display: block;
	text-align: left;
	vertical-align: top;
}


#picts {
	text-align: center;
	vertical-align: top;
	border-width: 0px;
	padding-left: 7px;
}

#picts .info_pict {
	display: block;
	margin-bottom: 5px;
	vertical-align: top;
}