/* @override http://www.italie1.com/css/main_forum.css */

/* @override http://www.italie1.com/css/main_forum.css */

/*TWITTER / STATUS*/
.twitter-status-container, .extra {
	position:relative;
	width:100px;
}
.twitter-status-container {
	float: right;
}
.twitter {
	width:100px;
	position:absolute;
	
	height:120px;
	background: no-repeat;
	right: 44px;
	bottom: 90px;
}
#twitter_update_list {
	padding:10px 10px 10px 15px;
	width:100px;
}
#twitter_update_list a:link, #twitter_update_list a:visited {
	color:#333;
	text-decoration:underline;
}
#twitter_update_list a:hover {
	color:#333;
	text-decoration:underline;
}

.status  {
	position:absolute;
	top:-70px;
	right:39px;
	width:100px;
	display:block;
		height: 150px;
}
.status h4 {
	
	width: 100px;
	line-height: 28px;
	text-align: right;
	font-size: 13px;
	word-spacing: -1px;
	height: 30px;
	background-color: white;
	color: #5081ba;
	border-top: 1px solid #4f80ba;
}
.status h4 a:link, .status h4 a:visited{
	color: #ff9300;
	font-size: 15px;
}
.status h4 a:hover, .status h4 a:active{
	color: #4e8f00;
}
/*EXTRA*/
.extra-left {
	position: absolute;
	background:#e0e0e0 url(../imgcss/extra-left_bl.jpg) no-repeat;
	width:32px;
	height:70px;
	left: 0;
}
.extra-right {
	position:absolute;
	background: #e0e0e0 url(../imgcss/extra-right_bl.jpg) no-repeat;
	width:32px;
	height:70px;
	right: 0;
}

/*CONTAINERS*/
.logo-menu-container {
	width:990px;
	background: url(http://www.italie1.com/imgcss/fond-haut_bl.jpg);
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
.sousmenu {
	padding-bottom: 15px;
	background: #e0e0e0 repeat;
; border-color: black #e0e0e0;
	padding-top: 10px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

.regions {
	text-align: left;
	width: 695px;

	font-variant: small-caps;
	clear: both;
	color: #000000;
	line-height: 16px;
	margin-left: 10px;
	margin-top: -5px;
}
.regions p {
	width: 780px;
	white-space: normal;
}
.regions h2 {
	color: #000000;
	text-align: left;
	margin-bottom: 10px;
	font-size: 15px;
}

.regions a {
	color: #000000;
	font-size: 13px;
	margin-right: 8px;
	white-space: nowrap;
}
.regions a span {
	font-size: 15px;
}
.regions div {
	width: 118px;
	float: right;
	height: 60px;
	text-align: center;
}
.regions a:hover {
	color: #f22d44;
	
}
.publicite_top {
	width: 728px;
	height: 90px;
	text-align: center;
	position: absolute;
	top: 10px;
	right: 5px;
	z-index: 1;
}
.social {
	width: 150px;
	height: 50px;
	text-align: right;
	float: right;
}
.recherche {
	text-align: center;

	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}
.recherche input, button {
	text-align: center;
	margin: 1px;
	border: 1px solid #ff0000;
	padding: 2px;
	font-size: 1em;
}
.recherche input {
	width: 200px;
	height: 18px;
}
.recherche button {
	width: 80px;
	background-color: #eceadd;
	height: 24px;
}


.entete_informations {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 32px;
	margin-right: auto;
	margin-left: auto;
     height: 32px;
	width: 800px;
	white-space: nowrap;
	float: left;
	color: white;
	font-size: 9px;
	clear:both;
}


.entete_informations a {
	font-size: 13px;
}
.entete_informations a:hover {
	text-decoration: none;
}
.entete_informations a span {
	vertical-align: middle;
}
.entete_informations img,.entete_informations object {
	vertical-align: middle;
	height: 32px;
	border-left: 1px solid white;
}

.entete_informations input {
	border: 1px solid #afafaf;
	text-align: center;
	width: 110px;
	padding: 2px;
	margin-left: 2px;
	height: 15px;
}
.entete_informations a {
	color: #ffffff
}

.entete_informations a:hover {
	color: #e0e0e0;
	text-decoration: none;
	border-style: none;
	border-bottom-width: 0;
}
#newsletter {
	padding: 4px;
	background-color: #d5d6cb;
	text-align: center;
	line-height: 30px;
	font-size: 15px;
}
#newsletter input {
	padding: 3px;
	border: 2px solid #f00;
	background-color: #e0e0e0;
	width :150px;
	font-size: 13px;
}
.main-container {
	width:980px;

	background-color:#FFF;
	margin: 0 auto;
	padding: 0 0 0 10px;

}
/*EVENEMENT*/
.evenement {
	clear: both;
	
	float: left;
	width: 980px;
	margin-bottom: 10px;
	background: url(../img/liseret.png) repeat-x 0 top;
	padding-top: 6px;
}
.evenement ul {
	margin-left: auto;
	margin-right: auto;
}
.evenement li {
	clear: none;
	display: inline;
	width: 980px;
	float: left;
	padding: 5px;
	height: 75px;
	overflow: hidden;
	background: #ffffff url(../img/liseret.png) repeat-x 0 bottom;
	
}
.evenement li img {
	float: left;
	margin-right: 5px;
}
.evenement li div {
	margin: 0;
	line-height: normal;
	text-align: left;
}
/*FEAT-PROJECTS-CONTAINER*/
.feat-projects-container {
	width:970px;
	padding:20px 0 0 0;
	margin: 0;
}
.feat-projects-container h2 {
	font-size:28px;
	padding-bottom: 10px;
	clear: both;
	padding-top: 0;
	margin: 10px 10px 25px 0;
	background: url(../img/liseret.png) repeat-x 0 bottom;
	float: left;
	width: 100%;
}
.feat-projects-container p {
	font-size:12px;
	color:#000;
	margin:0 0 15px 0;
}
.partager {
	float: right;
	margin-top: -20px;
	margin-bottom: 15px;
	margin-right: 10px;
}
.filet {
	width: 297px;
	height: 184px;
	float: right;
	overflow: hidden;
}
.filet p {
	color: #424242;
	text-align: right;
	border-bottom: 1px solid red;
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
	margin-bottom: 0;
	padding-top: 1px;
	padding-bottom: 1px;
}
.filet p a {
	color: #424242;
}
.filet ul {
	height: 89px;
	overflow: hidden;
	
}
.filet ul li {
	margin: 0;
	font-size: 12px;
	line-height: 12px;
	list-style-type: disc;
	list-style-position: inside;
	padding: 0;
}
.filet ul li a {
	font-style: italic;
	font-weight: normal;
	
}




/*MAIN-PIC-DESC-CONTAINER*/
.main-pic-desc-container {
background:url(http://www.italie1.com/imgcss/services-bg.jpg) repeat;
	width:568px;
	float:left;
	padding: 20px 10px 40px;
	}
.main-pic-desc-container img {
 width:294px;
	height:275px;
	float:left;
}
.main-pic-desc-container h3 {
        	width:294px;
	height:275px;
	float:left;
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
/*DESCRIPTION*/
.description {
	width:244px;
	float:left;
	padding: 0 10px 0 20px;
}
.description p {
	width:244px;

}
.description h2 {
	font-size:24px;
	display:block;
	font-weight:bold;
	color:#FFF;
	margin:0 0 10px 0;
}
.description h2 a {
	font-size: 15px;
	line-height: 14px;
}
.description h2 a:link, .description h2 a:visited  {
	background-image: none;
	padding-left: 0;
}
/*VIEW PROJECTS*/
.description a:link, .description a:visited {
	text-decoration:none;
	float:left;
	padding:0 0 0 15px;
	color:#000000;
	background:url(../img/view-curve-left-off.gif) no-repeat left;
}
.description div {
	position: absolute;
	bottom: 20px;
}
.description a:link span, .description a:visited span {
	text-decoration:none;
	float:left;
	color:#000000;
	padding:7px 15px 7px 4px;
	background: #245895 url(../img/view-curve-right-off.gif) no-repeat right;
}
.description a:hover{
	text-decoration:none;
	float:left;
	padding:0 0 0 15px;
	color:#ff0000;
	background:url(../img/view-curve-left-on.gif) no-repeat left;
}
.description a:hover span {
	text-decoration:none;
	float:left;
	color:#ff0000;
	padding:7px 15px 7px 4px;
	background: #1b487d url(../img/view-curve-right-on.gif) no-repeat right;
}

/*THUMBNAILS*/
.thumbnails {
	width:308px;
	float:left;
}
.thumbnails ul {
	margin:0 0 0 11px;
}
.thumbnails ul li {
	width:66px;
	height:65px;
	float:left;
	margin:0 11px 11.8px 0;
	background-position: center center;
	background-repeat: no-repeat;
}
.thumbnails ul li.right {
	width:66px;
	height:65px;
	float:right;
	margin:0 0 11.8px 0;
}
.thumbnails ul li img{
	width:66px;
	height:65px;
	float:left;
}

/*LATEST-FROM-BLOG*/
.latest-from-blog {
	width: 660px;
	float: left;
	margin: 10px 0 0px;
}
.latest-blogs, .latest-blogs-right {
	width:300px;
	
	margin: 0 14px 0 0;
	padding-bottom: 30px;
}
.latest-blogs {
	float:left;
	height: 350px;
	padding:0 14px 0 0;
	border-right:1px solid #b2b2b2;
}
.latest-blogs h4, .latest-blogs-right h4 {
	width:300px;
	margin:0 0 9px 0;
	background-position: center center;
	background-repeat: no-repeat;
	height: 150px;
}
.latest-blogs-right {
	float:right;
	margin-right: 10px;
	margin-top: 16px;
}
.latest-blogs-right h1,.right-container h1 {
	text-align: center;
	margin-bottom: 10px;
	background-color: #e0e0e0;
	padding: 10px;
	
}
.latest-blogs-right h1 a,.right-container h1 a {
	font-size: 20px;
}
.latest-blogs-right h1 a:link,.right-container h1 a:link  {
	color: white;
}
.latest-blogs-right h1 a:visited,.right-container h1 a:visited  {
	color: white;
}
.latest-blogs-right h1 a:hover,.right-container h1 a:hover  {
	color: #ffd478;
}
.latest-from-blog h2,.annuaire h2 {
	font-size:25px;
	margin: 0px 10px 15px 0;
	padding-bottom: 10px;
	background: url(../img/liseret.png) repeat-x 0 bottom;

}
.latest-blogs h3, .latest-blogs-right h3 {
	font-size: 14px;
	margin:0 0 5px 0;
	background: url(../img/liseret.png) repeat-x 0 bottom;
	line-height: 13px;
	padding-bottom: 10px;
}
.latest-blogs p, .latest-blogs-right p {
	margin: 0;
	line-height: normal;
}
.latest-blogs span a:link, .latest-blogs span a:visited,
.latest-blogs-right span a:link, .latest-blogs-right span a:visited {
	text-decoration:none;
	color:#EE813B;
	font-size:11px;
}
.latest-blogs span a:hover, .latest-blogs-right span a:hover {
	text-decoration:underline;
	color:#EE813B;
	font-size:11px;
}

/*RSS*/
.latest-from-blog a.rss img {
	margin:0 0 0 10px;
}



.annuaire li ul {
	margin-left: 15px;
}
.annuaire  {
	
	border-right:1px solid #EAEAEA;
	padding-right: 3px;
	
	width: 630px;

	clear: both;
	text-align: left;
}
.annuaire_sous {
	border-style: none;
}
.annuaire li {
	font-size: 15px;
	float: left;
	text-align: left;
}
.annuaire li h3 {
	width: 630px;
}

.annuaire li ul li {
	margin-left: 5px;
	float: left;
	display: inline;
	clear: none;
	color: #ff2600;
	font-size: 12px;
	white-space: nowrap;
}
.annuaire li ul li  a {
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
}


.ecartes {
	float:left;
	width: 620px;
}

.ecartes h1 {
	font-weight: bold;
	font-size: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	color: #ff3634;
}
.ecartes p {
	text-align: center;
	margin-bottom: 15px;
}
.ecartes p a {
	font-size: 18px;
}
.ecartes h2 {
	margin-bottom: 15px;
	padding-bottom: 5px;
}

.ecartes ul li a {
	text-decoration: none;
	word-spacing: -1px;
}
.ecartes ul li a h3 {
	font-size: 15px;
	line-height: 15px;
	height: 30px;
}
.ecartes ul li img {
	margin-bottom: 2px;
	border: 5px solid #393936;
}
.ecartes ul li span img {
	border-style: none;
	vertical-align: bottom;
}
.ecartes_taille {
	width: 180px;
	height: 170px;
}
.ecartes ul li {
	display: inline;
	float: left;
	padding: 0;
	
	text-align: center;
	line-height: 1em;
	margin: 10px 15px 40px 10px;
}
.contenu_sous div h2 {
	text-align: left;
	font-size: 20px;
	padding-bottom: 5px;
	margin-top: 15px;
}

.separateur {
	margin-bottom: 5px;
	margin-top: 5px;
	border-bottom: 1px solid #b3b1a8;
	clear: both;
	width: 625px;
	float: none;
}
/*LEFT-CONTAINER*/
.left-container {
	width:650px;
	padding:20px 0 20px 0;
	background:url(../img/divider1.jpg) repeat-y top right;
	float:left;
}
.left-container h2 {
	font-size: 28px;
	margin:0 0 10px 0;
	padding: 5px 0 10px;
	line-height: 25px;
	background: url(../img/liseret.png) repeat-x 0 bottom;
}
.left-container p, .right-container p {
	font-size:12px;
	margin:0 0 15px 0;
}

.aboutme, .portfolio, .blogs, .contactme {
	width: 630px;
}
.aboutme img {
	border: 5px none #393936;
}
.aboutme div {
	margin: 0 5px 5px 0;
	text-align: center;
	clear: both;
}
.aboutme div a {
	text-decoration: none;
}
.aboutme h3 {
	font-size:22px;
	margin: 15px 0 5px;
	font-weight:normal;
}
.aboutme p span, .aboutme p span a {
	font-weight: bold;
	font-size: 14px;
}
.aboutme h5, .latest-from-blog h6 {
	font-weight: bold;
	font-size: 18px;
	background: url(../img/liseret.png) repeat-x 0 bottom;
	margin-top: 5px;
	padding-bottom: 10px;
	margin-right: 10px;
	clear: both;
}
.aboutme filetchemin {
	text-align: left;
	background: url(../img/liseret.png) repeat-x 0 bottom;
	padding-bottom: 5px;
	margin-top: 10px;
}
.navigation_liste {
	clear: both;
	text-align: left;
}
.decale {
	margin-top: 20px;
	padding-top: 15px;
}
.navigation_liste a {
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
}
.commentaires {
	padding-top: 20px;
}
.commentaires h3 {
	font-size: 14px;
	font-weight: bold;
}
/*WORKS*/
.works-main-container {
	width:617px;
	margin:30px 0 0 0;
	padding:0 0 20px 0;
	border-top:2px solid #EAEAEA;
}
.works-container {
	width:617px;
	border-bottom:2px solid #EAEAEA;
}
.works-container h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 10px 0;
}
.works-img {
	width:215px;
	padding:20px 0 20px 0;
	float:left;
	margin:0 20px 0 0;
	border-right:2px solid #EAEAEA;
}
.works-img img {
	width:195px;
	height:150px;
	border:1px solid #EAEAEA;
}
.works-desc {
	width:380px;
	padding:20px 0 20px 0;
	float:left;
}
.works-desc a:link, .works-desc a:visited {
	text-decoration:none;
	float:left;
	color:#333;	
}
.works-desc a:hover{
	text-decoration:underline;
	float:left;
	color:#333;
}
p.responsibility {
	color:#EE813B;
	margin:0 0 8px 0;
}

/*BLOGS*/
.blogs-main-container {
	width:617px;
	margin:30px 0 0 0;
	padding:0 0 20px 0;
	border-top:2px solid #EAEAEA;
}
.blogs-container {
	width:617px;
	border-bottom:2px solid #EAEAEA;
}
.blogs-container h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 10px 0;
}
.blogs-img {
	width:215px;
	padding:20px 0 20px 0;
	float:left;
}
.blogs-img img {
	width:195px;
	height:250px;
	float:left;
	border:1px solid #EAEAEA;
}
.blogs-desc {
	width:400px;
	padding:20px 0 20px 0;
	float:left;
}
.blogs-desc a.title:link, .blogs-desc a.title:visited {
	text-decoration:none;
	display:block;
	color:#333;
	font-size:22px;
}
.blogs-desc a.title:hover {
	text-decoration:underline;
	display:block;
	color:#333;
	font-size:22px;
}
.blogs-desc span {
	display:block;
	margin:5px 0 10px 0;
	color:#B0753D;
}
.blogs-desc span.link {
	display:block;
	margin:25px 0 0 0;
	color:#B0753D;
}
.blogs-desc span a:link, .blogs-desc span a:visited {
	text-decoration:none;
	color:#EE813B;
	font-size:14px;
}
.blogs-desc span a:hover {
	text-decoration:underline;
	color:#EE813B;
	font-size:14px;
}
.annonces_liste {
	clear: both;
}
.annonces_liste td {
	border-bottom: 1px solid black;
	text-align: left;
	padding: 5px;
}
.annonces_liste table tr td p {

	text-align: center;
	margin: 0;
	padding: 0;
}
.annonces_liste img {
	border-style: none;
	position: relative;
}
.annonce_une {
	text-align:left;
	margin-bottom:50px;
	width:600px;
}
.annonce_une div {
	padding-bottom: 10px;
}
.annonce_une h2  {
	padding-bottom: 10px;
	clear: none;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	border-bottom-style: none;
}
.annonce_une_detail {
		padding: 5px;
	border: 1px solid red;
	background-color: #e0e0e0;
	font-size: 15px;
}
.annonce_une_detail a, .annonce_une_detail span {
	font-size: 15px;
	
}
.annonce_une_detail a:link,.annonce_une_detail a:visited {
	color: #000000;
}
.annonce_une_detail a:hover,.annonce_une_detail a:active {
	color: #ff0000;
}
/*RIGHT-CONTAINER*/
.right-container {
	width:320px;
	padding:20px 0 20px 0;
	float:right;
	
}
.right-container h2  {
	font-size:18px;
	margin:0 0 20px 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #dddddd;
	text-align: right;
	clear: both;
}

.services, .clients, .skills, .client-says, 
.categories, .archives, .search {
	width:300px;
	margin:0 0 10px 0;

}
.services ul li {
	list-style-position: inside;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
}
.contenu_sous_sidebar iframe {
	width: 300px;
}
.contenu_sous_sidebar h2 {
background: url(../img/liseret.png) repeat-x 0 bottom;
}
.contenu_sous_sidebar ul {
	clear: both;

	float: left;
}
.contenu_sous_sidebar ul li {
	width: 144px;
	float: left;

	text-align: center;
	line-height: 12px;

	margin: 3px;
}

.contenu_sous_sidebar ul li a {
	font-size: 10px;
}
.contenu_sous_sidebar ul li a h3 {
	font-size: 11px;
}
.services h2, .clients h2, .skills h2, .client-says h2, 
.infos h2, .categories h2, .archives h2,
.search h2 {
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 10px 0;
	border-bottom: 1px solid #eceadd;
	text-align: right;
}
.services ul li a:link, .services ul li a:visited, 
.clients ul li a:link, .clients ul li a:visited,
.categories ul li a:link, .categories ul li a:visited, 
.archives ul li a:link, .archives ul li a:visited {
	text-decoration:none;
	color: #000000;
	padding: 6px 0;
	font-size: 12px;
}
.services ul li a:hover, 
.clients ul li a:hover, 
.categories ul li a:hover,
.archives ul li a:hover {
	text-decoration:underline;
	color:#ff0000;
	padding:6px 0 6px 0;
}
/*SEARCH*/
.search form {
	border-style:none;
}
.search form p input {
	width:217px;
	border:1px solid #C7C7C7;
	background:none;
	padding:3px 5px 3px 5px;
	color:#333;
}
.client-says span {
	float:right;
	font-style:italic;
}
.client-says span a:link, .client-says span a:visited {
	text-decoration:none;
	color:#333;
}
.client-says span a:hover {
	text-decoration:underline;
	color:#70461C;
	
}
.voirforum {
	height: 160px;
	overflow: hidden;
}
.voirforum p {
	font-size: 20px;
	text-align: left;
}
.voirforum ul {
	margin: 0;
}
.voirforum li {
	text-align: left;
	font-size: 15px;
	padding: 0;
}