/* 
Global
-----------------------------------------
*/

form {margin:0; padding:0}

img {border:none}
img.left, .left img  {
  float:left;
  margin:0 10px 0 0;
}
img.right, .right img  {
  float:right;
  margin:0 0 0 10px;
}
img.middle { vertical-align:middle }


a { color: #9FAB00; text-decoration:underline }
a:hover, a:active {text-decoration: none;}

a.url { color: #9FAB00; background:#fff; padding:2px 4px; text-decoration:none }
a.url:hover, a.url:active {text-decoration: none; background:#9FAB00; color: #fff; }
/* Separateur */
.sep {clear:both; height:1px; line-height:1px; font-size:1px; }

.cb {
	clear: both;
}

/* 
FORM
-----------------------------------------
*/
/* JsVal */
.long input, .long textarea, .long select {width:99%}
.invalid {background:#D1EE34}

/*
Message
-----------------------------------------
*/
#msg, .msg {margin:5px 0;}
#msgIn, .msgIn {color:#4E5426; border:1px solid #A89E53; background:#FFF8C4; padding:12px 60px 12px 12px;}
#msgIn h1, .msgIn h1 {color:#A89E53; font-size:20px; font-weight:normal; margin:0}
.important {color:#FF5EBC; font-size:14px}
#msgIn p, .msgIn p { margin:0;color:#4E5426; }
#msgIn a, .msgIn a {text-decoration:underline}

#msgIn.wrong {border:1px solid #FF5EBC; background:#fff;color:#666}
#msgIn.wrong h1 {color:#FF5EBC}
#msgIn.wrong p {color:#666}

p.error  {color:#666; border:1px solid #FF5EBC; background:#fff; padding:12px 140px 12px 12px;}

/* 
Fonts
-----------------------------------------
*/
body {
	margin: 0 auto;
	padding: 0;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	color:#333333;
	background-color: #E6E6E6;
	text-align: center;
	font-size: 12px;
}

/* Make sure the table cells show the right font */
p, td, th, input { font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; }



#page { background-image: url(../i/ap-fonts_01b.jpg); background-repeat: no-repeat; background-position: 0 150px; text-align: left; width: 950px; margin-right: auto; margin-left: auto; }
#logo { float: left;}
#top, #content { clear: both; }
#content { font-size: 0.9em; line-height: 1.6em; }
h1 {
	color: #FF0099;
	font-size: 1.4em;
}
h2 {
	font-size: 1.2em;
	color: #FFFFFF;
}
/* 
Bottom
-----------------------------------------
*/
#bottom { clear: both;  background-image: url(../i/bottom_fond.jpg); background-repeat: no-repeat; padding-bottom: 1em; font-size: 0.9em; background-position: center 0; text-align: center; padding-top: 0.5em; height: 120px; }
#bottom p {color:#bbb}
#bottom a { color: #9FAB00; background:#fff; padding:2px 4px; text-decoration:none }
#bottom a:hover, #bottom a:active {text-decoration: none; background:#9FAB00; color: #fff; }



/* 
Menu
-----------------------------------------
*/
#mainmenu { background-image: url(../i/fond_degrade.jpg); background-repeat: no-repeat;  position: relative; width: 600px; height: 140px; float: right; margin: 0; padding: 0; }
#mainmenu ul { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; height: 25px; width: 450px; top: 97px; position: absolute; right: 100px; visibility: visible; text-align: center; margin: 0; padding: 0; }
#mainmenu li { line-height: 25px; margin: 0; padding: 0; display: inline; }
#mainmenu li a { color: #ababab; line-height: 25px; background-color: #f2f2f2; text-decoration: none; padding: 4px 10px 3px; border-top: 1px solid #fafafa; border-right: 1px solid #fafafa; border-left: 1px solid #fafafa; border-bottom-style: none; }
#mainmenu li a:hover { color: #333333; background-color: #fff;}


/* Onglet Select */
.pageNews #mNews a, .pageFonts #mFonts a, .pageServices #mServices a, .pageDesigners #mDesigners a, .pageAbout #mAbout a, .pageContact #mContact a {color: #FF0099; background-color: #e6e6e6; padding-bottom: 4px; border-top-color:#fff; border-right-color: #fff; border-left-color: #ffffff; }
.pageNews #mNews a:hover, .pageFonts #mFonts a:hover, .pageServices #mServices a:hover, .pageDesigners #mDesigners a:hover, .pageAbout #mAbout a:hover, .pageContact #mContact a:hover { color:#FF0099; background:#e6e6e6; }
/* #mainmenu li.selected a { color: #FF0099; background-color: #e6e6e6; padding-bottom: 4px; border-top-color:#fff; border-right-color: #fff; border-left-color: #ffffff; } */

/* 
Contact
-----------------------------------------
*/
.contact {
	width : 630px;
	margin-left: 160px;
}
.contact .in{
	
}
.contact .c_text {

}
.contact .c_text .form1 {
	float: left;
	width: 310px;
}

.contact .c_text .form2 {
	float: right;
	width: 310px;
}
/* 
Designer
-----------------------------------------
*/
.designer {
	margin-right: 10em;
	margin-left: 10em;
	background: url("../i/bg_design.gif") no-repeat top;
	margin-top: 5px;
	margin-bottom: 5px;
}

.designer .in {
	background: url("../i/bottom_design.gif") no-repeat bottom;
	padding:10px 0px;
}

.designer .d_logo {
	padding-left:37px;
	float: left;
	height: 100px;
	width: 100px;
}
.designer .d_text {
	padding-left: 150px;
}

#designers { background-image: url("../i/body_design.gif"); background-repeat: repeat-y; width: 363px;}

/* 
News
-----------------------------------------
*/
.news {
	margin-right: 5em;
	margin-left: 5em;
	
	background-repeat: repeat-y;
	margin-top: 20px;
	margin-bottom: 5px;
}
.news .d_text {
	padding-left: 30px;
	padding-top: 20px;
}

/* 
Services
-----------------------------------------
*/
.services {
	width : 630px;
	margin-left: 160px;
}

.services .s_text {

}


/* 
Font
-----------------------------------------
*/
.font {  width: 739px; margin-left:155px }

.font .image {	

background: url(../i/fond_font.gif) no-repeat;
height: 210px;
}

.font .viewer {	

position:relative;
left:31px;
top: 59px;
}

.font .bouton { width: 715px; height: 22px; }
.font .bouton ul { float:right; text-align: center; margin: 0; padding: 0; }
.font .bouton li { color: #333333; line-height: 22px; text-decoration: none; padding: 3px 10px 4px ; display: inline; }
.font .bouton li.selected { color: #bdce1d; padding-top: 4px; }
.font .bouton li.not { color: #999; text-decoration: line-through; padding-top: 4px; }
.font .bouton li.visited {
	color: #ababab;
}
/*.font .bouton li a { color: #333333; line-height: 22px; text-decoration: none; padding: 3px 10px 4px ; }
.font .bouton li.selected a { color: #bdce1d; padding-top: 4px; }
.font .bouton li.not a { color: #999; text-decoration: line-through; padding-top: 4px; }
.font .bouton li a:visited {
	color: #ababab;
}

.font .bouton li a:hover {
	color: #bdce1d;
	background-color: #fff;
}
*/
.font .formulaire form { margin: 0; padding: 0; }

.font .formulaire { padding: 5px 0; font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; color: #333; font-size: 1em; background-color: #fff; width: 712px; margin-top: 1px; margin-bottom: 0; margin-left: 6px; display: none; }

.font .formulaire input.txt { color: #000; font-size: 1.3em; background-color: #fff; width: 270px; padding: 2px; border: solid 1px #e6e6e6; }

.font .formulaire label { margin-left: 5px; }

.loadimg { padding-left: 8px; display: none; }



/*
Home
-----------------------------------------
*/
#home_v1{ width: 740px; margin-right: auto; margin-left: auto; }
#link_index { font-size: 3em; font-weight: bold; text-align: right; width: 680px; height: 60px; margin-right: auto; margin-left: auto; }

#link_index a { color: #f09; line-height: 40px; background-image: url(../../i/index_link_icon.gif); background-repeat: no-repeat; background-position: 100% 4px; text-decoration: none; height: 40px; padding-right: 50px; }
#link_index a:link { color: #f09; }
#link_index a:visited { color: #f09; }
#link_index a:hover { color: #ff4c00; background-color: transparent; text-decoration: none; }