/* CSS Document */

/* GENERALITES */



body {
	margin: 0;
	padding: 0;
	font-family: verdana;
	font-size: 12px;
	color: #000;
	}
#global {
	width: 960px;
	margin:0 auto;
position: relative;
	}
.important {
	color: #DF0000;
	}
#bugIE {
	width: 30px;
	height: 100px;
	float: left;
	}

/* LIENS */

.signature a {
	color: #999;
}
#video a,
#flash a {
	color: #DF0000;
	}
a {
	color: #DF0000;
	}
a:hover {
	color: #369;
	}

/* SIGNATURE */

.signature {
	clear: both;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: 10px;
	color: #999;
}

/* PAGE INTRO */

div#video {
	width: 710px;
	margin: 40px 10px 25px 0;
	float: left;
	text-align: center;
}

/* PAGES TEXTE */

div#info {
	width: 710px;
	margin: 40px 10px 5px 0;
	background: url(/images/habillage/fond_zoom_centre_XL.gif) 0 20px repeat-y;
	float: left;
}
div#info h1 {
	font-size: 18px;
	color: #369;
	margin-top: 0;
	background: url(/images/habillage/fond_zoom_XL.gif) 0 0 no-repeat;
	padding: 20px 20px 0 20px;
}
div#info h2 {
	font-size: 16px;
	color: #369;
	padding: 0 20px;
}
div#info h3 {
	font-size: 12px;
	color: #369;
	padding: 0 20px;
	margin: 0;
}
div#col1 p ,
div#col2 p {
	margin-top: 0;
}
div#info p {
	padding: 0 20px;
}
div#col1 {
	width: 320px;
	float: left;
}
div#col2 {
	width: 360px;
	float: right;
	margin-right: 20px;
}
div#finPage {
	width: 710px;
	height: 20px;
	background: url(/images/habillage/fond_zoom_XL.gif) 0 100% no-repeat;
	clear: both;
}

/* PORTFOLIO */

div#infOportfolio {
}

table#zoom {
	width: 710px;
	margin: 40px 10px 25px 0;
	height: 430px;
	background: url(/images/habillage/fond_zoom_XL.gif) 0 0 no-repeat;
	float: left;
}
table#zoom.flash {
	background: url(/images/habillage/loading.gif) 0 0 no-repeat;
}
table#zoom td {
	text-align: center;
	vertical-align: center;
}
table#deroulant {
	clear: both;
	height: 155px;
	width: 960px;
	border-spacing: 0;
	background: url(/images/habillage/fond_photo_XL.gif) no-repeat;
}
table#deroulant td.navigation {
	width: 35px;
	padding-bottom: 10px;
}
div#liste {
	width: 890px;
	overflow: hidden;
	margin-bottom: 10px;
}
table#portfolio {
	padding: 0;
	margin: 0;
	border-spacing: 0;
	height: 100px;
	background-color: #000;
}
table#portfolio a img {
	border: none;
	margin: 0 5px;
}

#legende_01,
#legende_02,
#legende_03,
#legende_04,
#legende_05,
#legende_06,
#legende_07,
#legende_08,
#legende_09,
#legende_10,
#legende_11,
#legende_12,
#legende_13,
#legende_14,
#legende_15,
#legende_16 {
	visibility: hidden;
	position: absolute;
}
#legende {
	margin-top: 1em;
}

/* MENU */

div#menu {
	width: 180px;
	font-size: 10px;
	float: left;
	margin: 0 0 10px 0;
}
div#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-bottom: 1px solid #999;
}
div#menu ul ul {
	border-bottom: none;
}
div#menu li {
	display: inline;
}
div#menu li a {
	display: block;
	width: 174px;
	padding: 3px;
	border-top: 1px solid #999;
	text-decoration: none;
	color: #000;
}
div#menu ul ul li a {
	padding: 3px 3px 3px 10px;
	width: 168px;
}
div#menu li a:hover,
div#menu li.currentPortfolio a:hover {
	background-color: #369;
	color: #FFF;
}
div#menu li.current a,
div#menu li.currentTitrePortfolio a {
	background-color: #FFB40F;
	color: #000;
	font-weight: bold;
}
div#menu li.currentPortfolio a {
	background-color: #FFE09F;
}
div#menu img#insecte {
	margin-left: 0;
}

div#langues {
	position: absolute;
	top: 5px;
	right: 30px;
	}
div#langues a {
	border: 1px solid #000;
	display: block;
	width: 15px;
	height: 10px;
	margin-bottom: 2px;
	}
div#langues a img {
	border: none;
	}
div#langues a:hover {
	border: 1px solid #FFF;
	}

/* BLOG SOMMAIRE */

p.date {
	margin-bottom: 0;
	font-size: 10px;
	}
div#info h3.sommaire {
	font-size: 16px;
	color: #369;
	margin: 0;
	}
p.sommaire {
	margin: 0;
	}
p.lire {
	margin: 0 0 20px 0;
	}

/* BLOG BILLET */

p.pagination {
	text-align: center;
	clear: both;
	}
p.pagination a,
p.lire a {
	color: #DF0000;
	}
p.pagination a:hover,
p.lire a:hover {
	color: #369;
	}
div#reagir .remarqueReagir {
	font-style: italic;
	}
div.piedForm  {
	text-align: center;
	}
div#reagir #corpForm {
	margin: 0 15px;
	padding: 0;
	}
fieldset#blocCoordonnees {
	padding: 10px;
	margin: 0;
	border: 1px solid #CCC;
	}
fieldset#blocCoordonnees p,
fieldset#blocCoordonnees h3 {
	margin: 0;
	padding: 5px;
	}
fieldset#blocCoordonnees p label {
	clear: both;
	width: 100px;
	display: block;
	float: left;
	}
fieldset#blocCoordonnees input,
fieldset#blocCoordonnees textarea,
fieldset#blocCoordonnees select {
	width: 330px;
	border: 1px solid #CCC;
	}
fieldset#blocCoordonnees textarea {
	height: 200px;
	}

/* BLOG IMAGE */

img.imgParagrapheDroite {
	margin: 0 0 5px 10px;
	}
img.imgParagrapheGauche {
	margin: 0 10px 5px 0;
	}
p.blocImage {
	text-align: center;
	}