* { font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; color: #495d6c }
html { padding: 0; margin: 0; text-align: left }
body { padding: 0; margin: 0 5% 0 auto; width: 1000px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; color: #495d6c; background: #fff8e4 }



strong { font-size: 1em; font-weight: normal }
strong.strong { font-weight: bold }

p { line-height: 3ex }
p.first { margin-top: 0 }

a,
a:link,
a:visited { color: #55A0B3; text-decoration: none; border-bottom: 1px dotted #55A0B3 }

a:hover,
a:active { color: #333 }

a img { border: 0 }

h2 { float: right; position: relative; top: -96px; left: 7px; z-index: 50; padding: 3px 5px 3px 18px; margin: 0 0 0 200px; color: #FFF; font-size: 1.6em; font-weight: normal; letter-spacing: 2px; background: url(../z__imgs/www/bg_h2.png) repeat }
h3 { font-size: 1.5em; color: #1b96f3; font-weight: normal; padding: 0; margin: 35px 0 12px }
h4 { font-size: 1.1em; color: #005FA7; font-weight: normal; padding: 0; margin: 15px 0 5px }
h5 { font-size: 1.0em; font-weight: bold; padding: 0; margin: 15px 0 5px }
h3.first,
h4.first { margin-top: 0 }

span.clear { display: block; height: 1px; clear: both }


#all { margin: 58px 0 10px 0; background:  url(../z__imgs/www/bg-y.png) repeat-y }

.error { color: #900 }
.ok { color: #690 }

input.error,
input.text,
textarea { width: 160px; border: 1px solid #495d6c; color: #333; padding: 1px 3px }
select { border: 1px solid #495d6c; color: #333 }
input.error { border: 1px solid #900 }


#header { height: 190px; background: url(../z__imgs/www/head.png) no-repeat }
#header h1 a span { display: none }
#header h1 a { display: block; border: 0; position: relative; z-index: 30; top: 50px; left: 73px; width: 177px; height: 69px }
#header #clip-logo { display: block; position: absolute; z-index: 20; top: 5px; margin: 0 0 0 73px; width: 177px; height: 169px; background: url(../z__imgs/www/clip-logo-fmuniversite.png) no-repeat }
#header #head-picture { display: block; position: absolute; border-bottom: 1px solid #4d6572; margin: 0 0 0 43px; top: 119px; height: 124px; width: 929px; background: url(../z__imgs/www/head-pictures/head1.jpg) no-repeat }
#header ul#accessib-nav { position: absolute; z-index: 40; width: 959px; text-align: right; margin: 0; padding: 0 }
#header ul#accessib-nav li { display: inline }
#header ul#accessib-nav li a,
#header ul#accessib-nav li a:link,
#header ul#accessib-nav li a:visited { color: #BBB; font-size: 0.9em; border: 1px dotted #CCC; border-width: 0 0 0 1px; padding: 0 2px 0 5px }
#header ul#accessib-nav li a:hover,
#header ul#accessib-nav li a:active { color: #55A0B3 }
#header ul#accessib-nav li.first a,
#header ul#accessib-nav li.first a:link,
#header ul#accessib-nav li.first a:visited,
#header ul#accessib-nav li.first a:active,
#header ul#accessib-nav li.first a:hover { border: 0 }


#nav { padding: 0 0 0 113px }
#nav ul { height: 30px; list-style-type: none; margin: 0; padding: 0 }
#nav ul li { float: left; margin: 4px 50px 0 0 }
#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited { color: #f3781b; border: 0; letter-spacing: 1px; text-decoration: none; padding: 6px 0 0 26px; background: url(../z__imgs/www/nav-puce_off.png) no-repeat }
#nav ul li a:hover,
#nav ul li a:active { color: #444; border: 0; text-decoration: none; background: url(../z__imgs/www/nav-puce_on.png) no-repeat }
#nav ul li.this a,
#nav ul li.this a:link,
#nav ul li.this a:visited { background: url(../z__imgs/www/nav-puce_on.png) no-repeat }



#content { margin: 15px 0 0; padding: 0 35px 0 113px; min-height: 650px }
#content #column { float: right; width: 190px; text-align: center }
#content #main-content { overflow: hidden; float: left; min-height: 650px; width: 625px; padding: 0 22px 5px 0; margin: 0 0 25px 0; border-right: 1px dashed #777 }
#content #graphic-element { display: block; position: absolute; width: 108px; height: 521px; margin: 125px 0 0 -113px; background: url(../z__imgs/www/pencil.png) no-repeat }

#content #column h3,
#content #column h4,
#content #column h5,
#content #column h6,
#content #column li,
#content #column p { text-align: left }
#content #column p { color: #999; font-size: 95% }
#content #column p strong { color: #999 }
#content p.intro { font-style: italic }
#content #main-content p.withPict { overflow: hidden }
#content #main-content p.withPict img { float: right; margin: 0 5px 5px 10px }
#content ul { margin: 0; padding: 2px 0 2px 37px }
#content ul li { color: #394a57; list-style-type: square; line-height: 3.8ex }

#content .roundedbox { width: 838px; background: url(../z__imgs/www/box_bg.png) repeat-y }
#content .roundedbox2 { width: 838px; background: url(../z__imgs/www/box2_bg.png) repeat-y }
#content .roundedbox span.top { display: block; width: 839px; height: 18px; background: url(../z__imgs/www/box_top.png) no-repeat left top }
#content .roundedbox2 h3.box_top { width: 838px; height: 36px; background: url(../z__imgs/www/box2_top.png) no-repeat left top }
#content .roundedbox2 span.bottom { display: block; width: 838px; height: 10px; background: url(../z__imgs/www/box2_bottom.png) no-repeat left bottom }
#content .roundedbox span.bottom { display: block; width: 838px; height: 19px; background: url(../z__imgs/www/box_bottom.png) no-repeat left bottom }

#content a.button { text-decoration: none; border: 0 }
#content a.button span.txt { display: block; float: left; font-weight: normal; letter-spacing: 1px; color: #1c405c; height: 17px; padding: 3px 4px 0 4px; background: url(../z__imgs/www/bt_middle.png) repeat-x top }
#content a.button span.left { display: block; float: left; height: 20px; width: 9px; padding: 0; background: url(../z__imgs/www/bt_left.png) no-repeat top }
#content a.button span.right { display: block; float: left; height: 20px; width: 9px; padding: 0; background: url(../z__imgs/www/bt_right.png) no-repeat top }
#content a.button:hover span.txt { cursor: pointer; color: #FFF; background: url(../z__imgs/www/bt_middle.png) repeat-x bottom }
#content a.button:hover span.left { cursor: pointer; background: url(../z__imgs/www/bt_left.png) no-repeat bottom }
#content a.button:hover span.right { cursor: pointer; background: url(../z__imgs/www/bt_right.png) no-repeat bottom }



#footer { padding: 0 0 0 113px; height: 67px; background: url(../z__imgs/www/foot.png) no-repeat bottom }
#footer p { line-height: 2.4ex; font-size: 0.9em; margin: 0; padding: 0; color: #BBB }
#footer p a, 
#footer p a:link, 
#footer p a:visited { font-size: 1em; text-decoration: none; color: #888; border: 0 }
#footer p a:hover, 
#footer p a:active { text-decoration: none; color: #A0B355; border: 0 }