/* ********************************************************* */
/* Description : CSS pour le site http://www.autourdemars.com */
/* Auteur :  http://www.autourdemars.com ------- http://www.lespolypodes.com*/
/* Date : 6 mai 2007 */
/* ********************************************************* */
body, html {
	margin : 0;
	padding : 0;
	background-color : #fff;
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size : 11px;
	color : #7f7f7f;
}
a {
	color : #7f7f7f;
	text-decoration : none;
	line-height : 13px;
}
a:hover {
	color : #fa0026;
}
b {
	font-weight : normal;
	color : #fa0026;
}
.invisible {
	display : none;
}
.spacer {
	clear : both;
	position : relative;
}
.clearer {
	clear : both;
	position : relative;
	float : none;
	height : 0;
	border : 0;
	font-size : 0;
	margin-bottom : 5px;
}
.page {
	position : relative;
	left : 50%;
	margin-left : -376px;
	margin-top : 10px;
	width : 752px;
	height : 100%;
	border : 4px solid #cccccc;
}
.logo {
	position : relative;
	padding : 6px 11px 6px 20px;
	float : left;
}
.logo a {
	display : block;
	width : 36px;
	height : 40px;
	background-image : url(../images/logo1.jpg);
	background-repeat : no-repeat;
	background-position : top;
}
.logo a:hover {
	background-position : bottom;
}
.liens {
	float : left;
	padding-top : 20px;
}
legend {
	font-size : 1.5em;
	font-weight : bold;
	color : white;
}
.uneIcone {
	background-color : black;
	border : 0;
}
.contenu {
	position : relative;
	clear : both;
	height : 206px;
	width : 722px;
	margin-bottom : 2px;
	padding : 20px 0 0 30px;
	border-top : 2px solid #cccccc;
	border-bottom : 2px solid #cccccc;
}
.contenu2 {
	position : relative;
	clear : both;
	width : 722px;
	padding : 20px 0 0 30px;
	border-top : 2px solid #cccccc;
	border-bottom : 2px solid #cccccc;
}
#index {
	background-image : url(../images/accueil.jpg);
	line-height : 14px;
}
#indexAdmin {
	background-image : url(../images/administration.jpg);
	line-height : 14px;
}
#parcours {
	background-image : url(../images/parcour.jpg);
	background-position : right;
	background-repeat : no-repeat;
}
#parcours p {
	margin : 0;
	padding : 0 0 6px 0;
}
#portfolio {

	background-repeat : no-repeat;
	overflow : auto;
}
#images {
	border-bottom : 2px solid #cccccc;
	padding : 20px;
}
#imagesAdmin {
	overflow : auto;
	position : relative;
	clear : both;
	padding-left : 30px;
	margin-top : 3px;
	border-bottom : 2px solid #cccccc;
}
#imagesGraphisme {
	padding : 10px;
	overflow : auto;
	position : relative;
}
#imagesGraphisme img {
	float : left;
	margin : 10px;
}
#imagesWebdesign {
	padding : 10px;
	overflow : auto;
	position : relative;
}
#imagesWebdesign img {
	float : left;
	margin-left : 10px;
}
#imagesEditions {
	padding : 10px;
	overflow : auto;
	position : relative;
}
#imagesEditions img {
	float : left;
}
#imagesIllustrations {
	padding : 10px;
	overflow : auto;
	position : relative;
}
#imagesIllustrations img {
	float : left;
	margin-left : 10px;
}
#administration {
	color : white;
	float : none;
}
#administration li {
	float : none;
	list-style-type : none;
	margin-left : -20px;
}
.titreOrange{
	padding-top:10px;
	color: #7f7f7f;
	font-size:1em;
	padding-bottom:10px;
	color: #e68d22;
}
.menuAdministration {
	margin-top:5px;
	font-size:1em;
	color:#E68D22;
	float:right;


	margin-right:10px;
}
.menuAdministration li{
	list-style-type:none;
}
#contact {
	background-image : url(../images/contact.jpg);
	font-size : 12px;
	color : #fff;
}
#referencesAdmin {
	position : relative;
	overflow : auto;
	padding-left : 30px;
	color : #7f7f7f;
	border-bottom : 2px solid #cccccc;
}
#galeriePhoto {
	position : relative;
	overflow : auto;
	padding-left : 20px;
	color : #7f7f7f;
	border-bottom : 2px solid #cccccc;
	padding-left : 30px;
}
hr {
	border : 1px solid #cccccc;
}
h2 {
	margin-left : 30px;
	padding : 0;
	color : #e68d22;
	font-size : 1em;
}
.titre {
	margin-left : 30px;
	padding : 0;
	color : #7f7f7f;
	font-size : 1em;
	margin-bottom : 10px;
}
#referencesAdmin legend {
	position : relative;
	width : 430px;
	float : none;
	color : #7f7f7f;
}
#referencesAdmin h2 {
	color : #7f7f7f;
	margin-left : 10px;
}
#referencesAdmin fieldset {
	border : 0;
	margin:0;
	padding:0;
}
.liens2 {
	position : relative;
	width : 56px;
	height : 86px;
	float : left;
	padding : 20px 205px 0 30px;
}
.logo2 {
	position : relative;
	width : 164px;
	height : 21px;
	float : left;
	padding-top : 44px;
}
.colonne {
	position : relative;
	width : 150px;
	vertical-align : top;
	line-height : 16px;
}
.colonne b {
	color : #e68d22;
}
.colonne2 {
	position : relative;
	width : 300px;
	float : left;
}
.colonne2 a {
	float : right;
	color : #fa0026;
}
#colonne3 {
	position : relative;
	width : 380px;
	float : left;
	color : #ffffff;
	font-size: 12px;
	line-height: 16px;
}
#colonne3 a {
	float : none;
	color : #ffffff;
}
#colonne3 a:hover {
	float : none;
	color : #fa0026;
}
.colonne4 {
	position : relative;
	float : left;
	width : 200px;
}
.colonne5 {
	position : relative;
	float : left;
	width : 130px;
	padding : 55px 0 0 20px;
}
.colonne5 a {
	display : block;
}
.blog{
	position: absolute;
	top:180px;
	left:220px;
	width:150px;
	height:150px;
	padding: 0;
	margin: 0;
	background: url(../images/fond_blog.png) top left no-repeat;
	z-index: 10;
}
.blog a{
	display: block;
	width: 150px;
	height: 150px;
}
.blog span{
	display: none;	
}
.bloc {
	position : relative;
	width : 150px;
	float : left;
	text-align : right;
	line-height : 13px;
	padding : 10px 0 0 120px;
}
.image td {
	width : 520px;
	height : 335px;
	text-align : center;
	padding-top : 5px;
	vertical-align : middle;
}
.texte td {
	width : 520px;
	height : 40px;
	font-size : 11px;
	text-align : center;
}
.liens3 {
	width : 520px;
	text-align : center;
}
.liens3 a {
	display : block;
	width : 28px;
	height : 20px;
	background-image : url(../images/logo2.jpg);
	background-position : bottom;
	background-repeat : no-repeat;
}
.liens3 a:hover {
	background-position : top;
}
.liens3 b {
	display : block;
	width : 28px;
	height : 20px;
	background-image : url(../images/logo2.jpg);
	background-position : top;
	background-repeat : no-repeat;
}
.masque {
	display : none;
}
.affiche {
	display : block;
}
.unCadre {
	position : relative;
	border-bottom : 2px solid #cccccc;
	padding : 0 0 0 30px;
}
.basImageNoir img {
	border : 0;
	background-color : white;
}
.basImageNoir {
	color : black;
	margin-top : 0;
	margin-bottom : 0;
	border-bottom : 2px solid #cccccc;
	border-left : 1px solid #cccccc;
	border-right : 1px solid #cccccc;
	text-align : center;
}
.hautImageNoir {
	color : black;
	margin-top : 0;
	margin-bottom : 0;
	border-top : 2px solid #cccccc;
	border-left : 1px solid #cccccc;
	border-right : 1px solid #cccccc;
	text-align : center;
}
.uneImage {
	float : left;
	margin-right : 10px;
	margin-bottom : 10px;
	margin-top : 10px;
}
.motAdministration {
	font-weight : bold;
	font-size : 2em;
	margin-top : 10px;
	float : right;
	color : #e68d22;
}
.motAdministration a {
	color : #e68d22;
}
.motAdministration a:hover {
	color : #cccccc;
}
.Administration {
	margin-top : 5px;
	font-size : 1em;
	color : #e68d22;
	float : right;
	position : relative;
	height : 40px;
	margin-right : 10px;
}
.Administration li {
	list-style-type : none;
}
.colonneGraf {
	float : left;
	width : 130px;
}
.colonneIllustration {
	float : left;
	width : 130px;
}
.colonneGrafAdm {
	float : left;
	width : 180px;
}
.colonneIllustrationAdm {
	float : left;
	width : 180px;
}
.colonneEditionAdm {
	float : left;
	width : 180px;
	margin-bottom : 10px;
}
.colonneWebdesignAdm {
	float : left;
	width : 180px;
}
.uneBarreOutil {
	margin-left : 125px;
	margin-top : -15px;
	width : 40px;
}
.colonneEdition {
	float : left;
	width : 130px;
	margin-bottom : 10px;
}
.colonneWebdesign {
	float : left;
	width : 130px;
}
.orange {
	margin-bottom:5px;
	color : #e68d22;
}
.lienReference {
	color : #7f7f7f;
	cursor : pointer;
}
.uneIconeBlanche {
	background-color : white;
border : 0;
}
.imagePortfolio {
	width : 227px;
	height : 227px;
	background : url(../images/detail1.jpg) no-repeat;
	margin-left : 495px;
	
}