html, body {
     background: url("img/bg.jpg") repeat scroll 0pt 0pt transparent;
     font-family: Arial,Helvetica,sans-serif;
     height: 100%;
     margin: 0pt;
     padding: 0pt;
     width: 100%;
}

#global {
     margin: 0pt auto;
     min-height: 100%;
     overflow: auto;
     padding: 0pt 10px 0pt 40px;
     position: relative;
     width: 890px;
}

#logo {
     background: url("img/logo.png") repeat scroll 0% 0% transparent;
     display: block;
     height: 96px;
     left: 0pt;
     position: absolute;
     top: 0pt;
     width: 200px;
}

#logo_en {
     background: url("img/logo.png") repeat scroll 0% 0% transparent;
     display: block;
     height: 96px;
     left: 0pt;
     position: absolute;
     top: 0pt;
     width: 200px;
}

a.logo, a.logo:visited {
     background: url("img/logo.png") repeat scroll 0% 0% transparent;
     display: block;
     height: 96px;
     left: 0pt;
     position: absolute;
     top: 0pt;
     width: 200px;
}

a.logo_en, a.logo_en:visited {
     background: url("img/logo.png") repeat scroll 0% 0% transparent;
     display: block;
     height: 96px;
     left: 0pt;
     position: absolute;
     top: 0pt;
     width: 200px;
}

#logo_admin {
     background: url("img/logo_admin.jpg") repeat scroll 0% 0% transparent;
     height: 35px;
     left: 37px;
     position: absolute;
     top: 39px;
     width: 171px;
}

#lang {
     color: #888888;
     font-size: 10px;
     left: 282px;
     position: absolute;
     text-align: right;
     top: 50px;
     width: 616px;
}

#lang a, #lang a:visited {
     color: #888888;
     text-decoration: none;
}

#lang a:hover, #lang a:visited:hover {
     color: #333333;
     text-decoration: none;
}

#lang a.lang_selected, #lang a.lang_selected:visited, #lang a.lang_selected:hover, #lang a.lang_selected:visited:hover {
     color: #333333;
     text-decoration: none;
}

#nav {
     float: left;
     margin: 128px 0pt 0pt;
     width: 195px;
}

#nav ul {
     font-size: 11px;
     list-style: none outside none;
     margin: 0pt;
     padding: 0pt;
}

#nav ul li.rub_item {
     color: #333333;
     font-weight: bold;
     margin: 30px 0pt 9px;
     padding: 0pt 0pt 2px;
     text-transform: uppercase;
}

#nav ul li.item {
     color: #333333;
     font-family: Georgia;
     font-style: italic;
     margin: 0pt 0pt 8px;
     padding: 0pt;
}

#nav ul li.sub_item {
     color: #888888;
     margin: 0pt;
     padding: 0pt 0pt 5px;
}

#nav ul li.item a, #nav ul li.item a:visited {
     color: #333333;
     text-decoration: none;
}

#nav ul li.item a:hover, #nav ul li.item a:visited:hover {
     color: #448F82;
     text-decoration: none;
}

#nav ul li.sub_item a, #nav ul li.sub_item a:visited {
     color: #333;
     text-decoration: none;
	 font-weight:bold;
}

#nav ul li.sub_item a:hover, #nav ul li.sub_item a:visited:hover {
     color: #448F82;
     font-weight: bold;
     text-decoration: none;
}

#nav ul li.item a.selected, #nav ul li.item a.selected:visited {
     color: #333333;
     font-weight: bold;
     text-decoration: none;
}

#nav ul li.item a.selected:hover, #nav ul li.item a.selected:visited:hover {
     color: #333333;
     font-weight: bold;
     text-decoration: none;
}

#nav ul li.sub_item a.sub_selected, #nav ul li.sub_item a.sub_selected:visited {
     color: #333333;
     font-weight: bold;
     text-decoration: none;
}

#nav ul li.sub_item a.sub_selected:hover, #nav ul li.sub_item a.sub_selected:visited:hover {
     color: #333333;
     font-weight: bold;
     text-decoration: none;
}

a, a:visited {
     color: #000000;
}

a:hover, a:visited:hover {
     color: #448F82;
}

#content {
     float: right;
     font-size: 11px;
     margin: 129px 0pt 0pt;
     padding: 0pt 0pt 50px;
     width: 685px;
}

#content_projet {
     float: left;
     font-size: 11px;
     margin: 123px 0pt 0pt 19px;
     padding-bottom: 50px;
     width: 615px;
}

#content_about {
     float: left;
     font-size: 11px;
     margin: 123px 0pt 0pt 25px;
     padding-bottom: 50px;
     width: 615px;
}

.ligne {
    
}

.vignette {
     float: left;
     height: 185px;
     margin: 0 27px 23px 0;
}

a img, a:visited img {
     border: 0pt none;
}

.vignette_img {
     background: none repeat scroll 0% 0% white;
     border-radius: 4px 4px 4px 4px;
     -moz-box-shadow: 0pt 1px 1px #cccccc;
	 -webkit-box-shadow: 0pt 1px 1px #cccccc;
	 box-shadow: 0pt 1px 1px #cccccc;
     height: 127px;
     padding: 5px;
     width: 190px;
}

.vignette_img:hover {
	 -moz-box-shadow: 0pt 1px 1px #999;
	 -webkit-box-shadow: 0pt 1px 1px #999;
     box-shadow: 0pt 1px 1px #999;
	 background:#f6f6f6;
}

.vignette_titre {
     color: #333333;
     font-size: 11px;
     font-weight: bold;
     margin: 12px 0pt 2px;
     text-align: center;
     width: 190px;
}

.vignette_top:hover .vignette_titre a.lien_titre {
     /*background-color: #448F82;*/
     color: #448F82;
     font-size: 11px;
     font-weight: bold;
     padding: 0pt 2px;
     text-decoration: none;
}

a.lien_titre, a.lien_titre:visited {
     color: #333333;
     font-size: 11px;
     font-weight: bold;
     padding: 0pt 2px;
     text-decoration: none;
}

a.lien_titre:hover, a.lien_titre:visited:hover {
     /*background: none repeat scroll 0% 0% #448F82;*/
     color: #448F82;
     font-size: 11px;
     font-weight: bold;
     padding: 0pt 2px;
     text-decoration: none;
}

.vignette_legende {
     color: #888888;
     font-size: 11px;
     font-style: italic;
     margin: 0pt;
     text-align: center;
     width: 190px;
}

#titre {
     color: #333333;
     font-family: Georgia;
     font-size: 18px;
     font-style: italic;
     margin: 0pt 0pt 20px;
}

#pagination {
     color: #888888;
     float: right;
     font-size: 10px;
     margin: 0pt;
}

a.lien_pagination, a.lien_pagination:visited {
     color: #448F82;
}

a.lien_pagination:hover, a.lien_pagination:visited:hover {
     color: #448F82;
}

a.lien_pagination:focus {
     outline: medium none;
}

#img_projet {
     margin: 0pt 0pt 10px;
     width: 615px;
}

#img_projet img {
     background: none repeat scroll 0pt 0pt white;
     border-radius: 4px 4px 4px 4px;
     box-shadow: 0pt 1px 1px #CCCCCC;
     margin: 0pt 0pt 15px;
     padding: 5px;
}

#texte {
     color: #333333;
     font-size: 11px;
     line-height: 17px;
     margin: 0pt 23px 0pt 0pt;
     padding: 5px 0pt 25px;
     text-align: justify;
}

#texte_legende {
     color: #777777;
     padding: 0pt 0pt 25px;
}

#titre_seul {
     color: #333333;
     font-family: Georgia;
     font-size: 18px;
     font-style: italic;
     margin: 0pt 0pt 20px;
}

#texte_seul {
     color: #333333;
     font-size: 11px;
     line-height: 15px;
     text-align: justify;
}

#texte_legende_apropos {
     color: #888888;
     float: right;
     text-align: right;
     width: 157px;
}

#cv {
     border-bottom: 1px dotted #CCCCCC;
     border-top: 1px dotted #CCCCCC;
     margin: 15px 0pt 0pt;
     padding: 7px 0pt 8px;
}

a.mail, a.mail:visited {
     color: #333333;
}

a.mail:hover, a.mail:visited:hover {
     color: #888888;
}

#about_left {
     padding-right: 10px;
}

#about_right {
     margin: 30px 5px 0pt 0pt;
}

.sep_cv {
     border-bottom: 1px solid #EEEEEE;
     margin: 12px 0pt;
     width: 145px;
}

* html .sep_cv {
     border-bottom: 1px solid #EEEEEE;
     margin: 0pt 0pt 11px;
     width: 140px;
}

.icon {
     margin: 0pt 5px 0pt 0pt;
}

a.icon_cv, a.icon_cv:visited {
     border-bottom: 1px solid #DDDDDD;
     border-top: 1px solid #DDDDDD;
     display: block;
     font-family: Georgia;
     font-size: 13px;
     font-style: italic;
     margin: 0pt 0pt 30px;
     padding: 10px 0pt;
     text-decoration: none;
}

a.icon_delicious, a.icon_delicious:visited {
     background: url("img/delicious.png") no-repeat scroll 0% 0% transparent;
     display: block;
     margin: 0pt 0pt 6px;
     padding: 1px 0pt 3px 23px;
     text-decoration: none;
}

a.icon_twitter, a.icon_twitter:visited {
     background: url("img/twitter.png") no-repeat scroll 0% 0% transparent;
     display: block;
     margin: 0pt 0pt 6px;
     padding: 1px 0pt 3px 23px;
     text-decoration: none;
}

a.icon_flickr, a.icon_flickr:visited {
     background: url("img/flickr.png") no-repeat scroll 0% 0% transparent;
     display: block;
     margin: 0pt 0pt 6px;
     padding: 1px 0pt 3px 23px;
     text-decoration: none;
}

a.icon_linkedin, a.icon_linkedin:visited {
     background: url("img/linkedin.gif") no-repeat scroll 0% 0% transparent;
     display: block;
     margin: 0pt 0pt 2px;
     padding: 0pt 0pt 3px 20px;
     text-decoration: none;
}

a.truncate_more_link {
    color: #448F82;
    line-height: 45px;
}