html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : middle;
background : transparent;
}
body {
line-height : 1;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
:focus {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : line-through;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
body {
font : 13px/1.5 'Lucida Grande', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
background : #282828 url(http://www.dugrainademoudre.net/PRODUCTIONS/images/skin1/bg.png) repeat;
color : #444;
}
h2 {
font-size : 23px;
}
h3 {
font-size : 21px;
}
h4 {
font-size : 19px;
}
h5 {
font-size : 17px;
line-height : 1;
}
h6 {
font-size : 15px;
}
a {
color : #444;
}
a:hover {
color : #39c;
}
.textLink {
color : #39c;
}
.textLink:hover {
color : #1e2229;
}
.lineHor {
border-bottom : 1px dashed #c0c0c0;
margin-top : 25px;
margin-bottom : 25px;
}
.alignleft {
float : right;
margin : 20px 0 0 15px;
}
div#list {
margin-top : 15px;
margin-bottom : 15px;
}
.listStyle ul li {
list-style : disc inside;
color : #39c;
line-height : 25px;
text-decoration : none;
}
.listStyle ul li a {
color : #1e2229;
text-decoration : none;
}
.listStyle ul li a:hover {
text-decoration : underline;
color : #1e2229;
}
#header-wrap {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/skin1/topnavBG.png) no-repeat center 43px;
padding-bottom : 1px;
}
#topnav {
padding-top : 0;
padding-left : 10px;
margin-top : 13px;
margin-bottom : 5px;
height : 40px;
}
#topnav ul li {
display : inline-block;
}
#topnav ul li .current {
color : #39c;
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/skin1/topnavBG.png) no-repeat -100px -76px;
}
#topnav ul li .currentHome {
width : 10px;
margin-left : -5px;
text-indent : -9999px;
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/skin1/topnavBG.png) no-repeat -10px -76px;
}
.home {
width : 30px;
margin-left : -5px;
text-indent : -9999px;
}
a.home:hover {
width : 30px;
text-indent : -9999px;
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/skin1/topnavBG.png) no-repeat -10px -76px;
}
#topnav ul li .navEffect {
width : 110px;
margin-left : 1px;
}
#topnav ul li .navEffect:hover {
width : 110px;
margin-left : 1px;
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/skin1/topnavBG.png) no-repeat -100px -76px;
}
#logo {
margin-top : 20px;
background : transparent;
text-indent : -9999px;
width : 220px;
height : 40px;
display : block;
}
#siteSearch, #siteSearchForm {
float : right;
margin-top : 9px;
margin-right : 7px;
}
#searchImput {
background : transparent;
border : none;
width : 170px;
margin-top : 1px;
padding : 7px 0 7px 0;
font-size : 11px;
color : #888;
}
#searchSubmit {
border : none;
height : 20px;
width : 28px;
cursor : pointer;
background : transparent;
margin-right : 5px;
outline : 0;
}
#featured-wrap {
height : 450px;
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/sliderBG.png) no-repeat center -10px;
}
#featured {
margin-top : 10px;
position : relative;
}
#services-wrap {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/contentBGhome_center.png) repeat-y center 20px;
}
#services {
padding-bottom : 10px;
}
#servicesTop {
height : 30px;
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/contentBGhome_top.png) no-repeat center top;
}
#box1, #box2, #box3 {
margin : 5px 0 20px 30px;
color : #ddd;
font-size : 11px;
}
#box.right {
margin-right : 0;
}
#box1 h5, #box2 h5, #box3 h5 {
margin-top : 0;
padding-bottom : 10px;
border-bottom : 1px solid #1e2229;
}
#box1 p, #box2 p, #box3 p {
margin-top : 10px;
margin-bottom : 10px;
}
#box1 a, #box2 a, #box3 a {
color : #39c;
}
#box1 a:hover, #box2 a:hover, #box3 a:hover {
color : #fff;
}
.getInTouch {
line-height : 15px;
}
#box1 .getInTouch p, #box2 .getInTouch p, #box3 .getInTouch p {
margin-top : 5px;
}
#box1 .socialIcons, #box2 .socialIcons, #box3 .socialIcons {
margin : 20px 0 5px 0;
border-top : 1px solid #1e2229;
padding-top : 20px;
padding-bottom : 15px;
}
#box2 a.category, #box2 a.comments {
background : #39c;
color : #fff;
}
#box2 a.category:hover, #box2 a.comments:hover {
background : #fff;
color : #1e2229;
padding : 2px 4px 2px 4px;
}
#comments a {
margin-top : -30px;
margin-left : -7px;
position : absolute;
width : auto;
font-size : 13px;
display : block;
}
#box3 .socialIcons ul li {
display : inline-block;
}
#box3 .socialIcons ul li a {
display : inline-block;
padding : 0 8px 5px 0;
}
.goForm {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/right.png) no-repeat 11px 10px;
padding-left : 50px;
padding-top : 10px;
}
.getInTouch ul li.phoneContact, .getInTouch ul li.emailContact, .getInTouch ul li.addressContact, .getInTouch ul li.skypeContact {
padding-left : 50px;
padding-top : 10px;
margin-bottom : 10px;
}
.getInTouch ul li.phoneContact {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/phone.png) no-repeat 6px 10px;
}
.getInTouch ul li.emailContact {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/email.png) no-repeat 3px 10px;
}
.getInTouch ul li.skypeContact {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/skype.png) no-repeat 3px 11px;
}
.getInTouch ul li.addressContact {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/home.png) no-repeat 3px 10px;
}
.getInTouch.right {
margin-top : 10px;
padding : 5px 20px 5px 20px;
}
.getInTouch p {
margin-bottom : 10px;
}
.getInTouch.right h6 {
color : #444;
}
.getInTouch.right ul li.phoneContact {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/phone_gray.png) no-repeat 3px 10px;
}
.getInTouch.right ul li.emailContact {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/email_gray.png) no-repeat 0% 10px;
}
.getInTouch.right ul li.skypeContact {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/skype_gray.png) no-repeat 0% 11px;
}
.getInTouch.right ul li.addressContact {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/home_gray.png) no-repeat 0% 10px;
}
#content-wrap {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/contentBGcenter.png) repeat-y center 30px;
}
#contentfilms {
padding-bottom : 20px;
}
#contentfilms h1, h2, h3, h4, h5, h6 {
margin-top : 10px;
margin-bottom : 10px;
}
#contentTop {
height : 30px;
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/contentBGtop.png) no-repeat center;
}
#contentLeft {
margin-left : 30px;
margin-right : 20px;
}
#contentLeft p {
margin-top : 10px;
margin-bottom : 10px;
}
#contentLeft .path, #contentPortfolio .path {
font-size : 11px;
padding-bottom : 10px;
margin-bottom : 15px;
color : #888;
border-bottom : 1px solid #ddd;
}
#contentLeft .path a, #contentPortfolio .path a {
color : #888;
text-decoration : none;
}
#contentLeft .path a:hover, #contentPortfolio .path a:hover {
color : #444;
text-decoration : none;
}
#contentRight {
margin-top : 10px;
padding-bottom : 20px;
background : #fff;
border : 1px solid #ddd;
color : #999;
font-size : 11px;
width : 290px;
}
.rightContent {
padding : 15px 20px 20px 20px;
}
.rightContent h5 {
margin : 5px 0 5px 0;
color : #444;
}
.imgRight {
padding : 10px 10px 5px 15px;
}
.socialRight ul li {
display : inline-block;
}
.socialRight ul li a {
padding : 0;
}
.socialRight {
margin : 20px 15px 10px 20px;
padding : 20px 20px 15px 20px;
border : 1px solid #e8e8e8;
background : #f9f9f9;
display : block;
}
#contentRight .social {
padding : 0;
}
#subNavigation {
margin : 20px 20px 25px 20px;
font-size : 12px;
padding-top : 30px;
border-top : 1px solid #ddd;
}
#subNavigation h5 {
margin : 0;
padding : 0 0 10px 0;
color : #444;
border-bottom : 1px solid #ddd;
}
#subNavigation ul {
color : #39c;
margin : 0;
border : none;
line-height : 35px;
}
#subNavigation li {
border-bottom : 1px solid #ddd;
margin : 0;
}
#subNavigation li a {
display : block;
padding-left : 10px;
text-decoration : none;
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/subNav.png) no-repeat top;
}
#subNavigation li a:hover {
color : #fff;
background : #39c;
font-weight : bold;
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/subNav.png) no-repeat bottom;
}
#contentPortfolio {
margin-left : 30px;
width : 900px;
font-size : 11px;
}
#boxPortfolio1, #boxPortfolio2, #boxPortfolio3, #boxPortfolio4, #boxPortfolio5, #boxPortfolio6, #boxPortfolio7, #boxPortfolio8, #boxPortfolio9 {
margin : 10px 30px 20px 0;
}
#boxPortfolio1.right, #boxPortfolio2.right, #boxPortfolio3.right, #boxPortfolio4.right, #boxPortfolio5.right, #boxPortfolio6.right, #boxPortfolio7.right, #boxPortfolio8.right, #boxPortfolio9.right {
margin-right : 0;
}
#boxPortfolio1 p, #boxPortfolio2 p, #boxPortfolio3 p, #boxPortfolio4 p, #boxPortfolio5 p, #boxPortfolio6 p, #boxPortfolio7 p, #boxPortfolio8 p, #boxPortfolio9 p {
margin-top : 0;
margin-bottom : 10px;
}
#boxPortfolio1 h5, #boxPortfolio2 h5, #boxPortfolio3 h5, #boxPortfolio4 h5, #boxPortfolio5 h5, #boxPortfolio6 h5, #boxPortfolio7 h5, #boxPortfolio8 h5, #boxPortfolio9 h5 {
margin-top : 5px;
padding-bottom : 0;
}
.project_hoverPhoto, .project_hoverVideo {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/spacer.gif) repeat scroll 0% 0%;
display : block;
height : 140px;
position : absolute;
width : 280px;
z-index : 5;
}
.project_hoverPhoto:hover {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/overPhoto.png) no-repeat scroll 0% 0%;
}
.project_hoverVideo:hover {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/overVideo.png) no-repeat scroll 0% 0%;
}
.currentTextHolder {
font-size : 11px;
font-weight : bold;
color : #101319;
}
#pagination {
width : 560px;
margin : 30px 0 0 30px;
z-index : 3;
font-size : 11px;
padding-top : 10px;
border-top : 1px solid #ddd;
}
#pagination span, #pagination a {
display : block;
float : left;
line-height : 12px;
margin : 2px 2px 2px 0;
padding : 3px 6px;
text-decoration : none;
width : auto;
height : auto;
}
#pagination a:hover {
background : #39c;
color : #fff;
}
#pagination .current {
color : #fff;
padding : 3px 6px;
background : #101319;
}
.entryHead, .tags {
margin-top : 10px;
margin-bottom : 12px;
font-size : 11px;
}
.category, .comments {
cursor : pointer;
padding : 2px 4px 2px 4px;
margin : 0 4px 0 4px;
}
a.category, a.comments {
background : #39c;
color : #fff;
}
a.category:hover, a.comments:hover {
background : #1e2229;
padding : 2px 4px 2px 4px;
}
.tags {
margin-top : 30px;
margin-bottom : 20px;
font-size : 11px;
padding-left : 30px;
height : 20px;
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/tag.png) no-repeat;
}
.tag {
color : #888;
cursor : pointer;
margin : 0 4px 0 4px;
}
a.tag {
text-decoration : underline;
}
a.tag:hover {
text-decoration : underline;
margin : 0 4px 0 4px;
}
.share {
float : right;
color : #888;
cursor : pointer;
margin : 0 4px 0 4px;
padding : 0 6px 0 6px;
border : 1px solid #c0c0c0;
background : #fff;
}
a.share:hover {
color : #444;
}
.facebook {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/social.png) no-repeat left top;
}
a.facebook:hover {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/social.png) no-repeat left bottom;
}
.twitter {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/social.png) no-repeat right top;
}
a.twitter:hover {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/social.png) no-repeat right bottom;
}
.facebook, .twitter {
text-indent : -9999px;
border : none;
margin-top : 1px;
height : 16px;
width : 14px;
padding : 0 1px 0 1px;
}
#authorComment1, #authorComment2, #authorComment3 {
padding-top : 25px;
padding-bottom : 25px;
border-top : 1px solid #ddd;
border-bottom : 1px solid #ddd;
}
#commentText1, #commentText2, #commentText3 {
margin : 0;
padding-left : 90px;
color : #888;
}
#gravatar1, #gravatar2, #gravatar3 {
width : 60px;
font-size : 11px;
text-align : center;
color : #888;
}
#gravatar1 img, #gravatar2 img, #gravatar3 img {
border : 1px solid #ddd;
padding : 4px;
}
.replyHead {
color : #888;
font-size : 11px;
}
.author, .reply {
margin : 0 4px 0 4px;
font-weight : bold;
cursor : pointer;
color : #444;
}
a.author:hover, a.reply:hover {
color : #888;
}
#quote1, #quote2, #quote3 {
padding : 10px 0 0 88px;
}
.quote {
color : #39c;
font-size : 11px;
cursor : pointer;
padding : 2px 6px 2px 6px;
border : 1px solid #c0c0c0;
}
.quote:hover {
color : #fff;
background : #39c;
border : 1px solid #39c;
}
.quoteText {
padding : 10px 15px 10px 15px;
margin-bottom : 15px;
background : #fbfbfb;
border : 1px solid #ebebeb;
font-style : italic;
color : #999;
font-size : 11px;
}
#respond, #contactForm {
margin : 10px 0 20px 0;
}
#done {
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/done.png) no-repeat left top;
padding-top : 1px;
padding-left : 110px;
height : 85px;
}
.leftSpace {
font-size : 11px;
margin-left : 10px;
}
.n {
margin-left : 0;
}
.text_input, .text_area {
border : 1px solid #c0c0c0;
padding : 4px;
margin-top : 10px;
font-family : 'Lucida Grande', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
font-size : 12px;
background : #f1f1f1;
color : #444;
width : 250px;
}
.text_area {
margin-top : 10px;
width : 570px;
}
input:focus, textarea:focus {
background : #fff;
}
#submit {
border : 1px solid #111;
background : #1e2229;
color : #fff;
font-weight : bold;
width : 120px;
height : 30px;
margin-top : 10px;
font-size : 12px;
padding-bottom : 2px;
outline : 0;
}
#submit:hover {
border : 1px solid #39c;
background : #39c;
cursor : pointer;
outline : 0;
}
.error.required {
border : 1px solid #c30;
}
#footer-wrap {
height : 45px;
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/contentBGfooter.png) no-repeat center;
}
#bottom-wrap {
height : 50px;
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/bottomBG.png) no-repeat center;
margin-bottom : 20px;
}
#bottom {
padding-top : 18px;
font-size : 11px;
color : #888;
}
#bottom p {
margin-left : 15px;
display : inline;
}
#bottom p a {
color : #888;
}
#bottom p a:hover {
text-decoration : underline;
color : #ccc;
}
#bottom ul li p a {
text-decoration : underline;
}
#bottom ul li p a:hover {
color : #ddd;
}
#bottom ul {
float : right;
margin-right : 10px;
}
#bottom ul li {
display : inline-block;
padding-right : 7px;
padding-left : 5px;
border-right : 1px solid #333;
}
#bottom ul li a {
text-decoration : none;
font-size : 11px;
color : #888;
}
#bottom ul li a:hover {
text-decoration : underline;
}
#bottom ul li.top {
border-right : none;
margin-right : 5px;
margin-left : -5px;
}
.coda-slider-wrapper {
padding : 0 0 0 0px;
}
.coda-slider-no-js .coda-slider {
height : 390px;
overflow : auto !important ;
padding-right : 0;
}
.coda-slider, .coda-slider .panel {
	width : 526px;
}
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
width : 530px;
}
.coda-slider-wrapper.arrows .coda-slider {
margin : 0 0;
}
.coda-nav ul li a.current {
background : #39c;
}
.coda-slider .panel-wrapper {
padding : 10px 0 0 0;
height : 390px;
}
.coda-slider p.loading {
padding : 170px;
text-align : center;
}
.coda-nav ul {
position : relative;
clear : both;
display : block;
margin : auto;
overflow : hidden;
}
.coda-nav ul li {
display : inline;
}
.coda-nav ul li a {
background : transparent url("http://www.dugrainademoudre.net/PRODUCTIONS/images/slider-off.png") no-repeat scroll left top;
text-indent : -9999px;
display : block;
float : left;
margin-right : 10px;
height : 23px;
width : 25px;
left : -50%;
}
.coda-slider-wrapper {
clear : both;
overflow : auto;
}
.coda-slider {
	float : left;
	overflow : hidden;
	position : relative;
}
.coda-slider .panel {
display : block;
float : left;
}
.coda-slider .panel-container {
position : relative;
}
.coda-nav-left, .coda-nav-right {
float : left;
display : none;
}
.coda-nav-left a, .coda-nav-right a {
display : block;
text-align : center;
text-decoration : none;
}
.coda-nav ul li a.current {
background : transparent url("http://www.dugrainademoudre.net/PRODUCTIONS/images/slider-on.png") no-repeat scroll left top;
}
.coda-nav ul li a.current:hover {
background : transparent url("http://www.dugrainademoudre.net/PRODUCTIONS/images/slider-on.png") no-repeat scroll left top;
cursor : default;
}
.coda-nav ul li a:hover {
background : transparent url("http://www.dugrainademoudre.net/PRODUCTIONS/images/slider-ov.png") no-repeat scroll left top;
}
.title {
display : none;
}
.jqueryslidemenu {
font-size : 13px;
width : 100%;
}
.jqueryslidemenu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
.jqueryslidemenu ul li {
position : relative;
display : inline;
z-index : 10;
margin-left : -5px;
}
.jqueryslidemenu ul li a {
display : block;
padding : 9px 20px 8px 20px;
border-right : 1px solid #111;
text-decoration : none;
background : transparent;
color : #ddd;
cursor : pointer;
text-align : center;
}
* html .jqueryslidemenu ul li a {
display : inline-block;
margin : 0;
}
.jqueryslidemenu ul li a:hover {
color : #fff;
}
.jqueryslidemenu ul li ul {
position : absolute;
left : 0;
display : block;
visibility : hidden;
width : 181px;
}
.jqueryslidemenu ul li ul li {
display : list-item;
float : none;
top : 2px;
margin-left : 0;
}
.jqueryslidemenu ul li ul li ul {
margin-top : -25px;
}
.jqueryslidemenu ul li ul li a {
font-size : 12px;
width : 140px;
margin : 0;
border-top-width : 0;
border-top : 1px solid #222;
background : #111;
text-align : left;
}
.jqueryslidemenu ul li ul li a:hover {
background : #222;
color : #eee;
}
.downarrowclass {
position : absolute;
top : 15px;
right : 7px;
}
.rightarrowclass {
position : absolute;
top : 10px;
right : 10px;
}
body {
padding : 0;
margin : 0 auto 0 auto;
background : #ffffff url(http://www.dugrainademoudre.net/CSS/images/bg.gif) repeat-x;
color : #a5a5a4;
margin-top : 0;
}
div.c2 {
margin-left : 2em;
}
div.c1 {
text-align : left;
}
a:link {
text-decoration : none;
}
a:visited {
text-decoration : none;
}
a:hover {
text-decoration : none;
}
a:active {
text-decoration : none;
}
.blank {
font-size : 0;
clear : both;
line-height : 0;
}
#header1 {
width : 778px;
margin : 0 auto 0 auto;
height : 283px;
}
#header1 intro {
margin : 0 0 0 0;
width : 778px;
height : 250px;
display : block;
}
#header1 ul {
width : 750px;
margin : 0 0 0 0;
display : block;
height : 21px;
}
#header1 ul li {
display : block;
float : left;
height : 21px;
margin : 0;
padding : 0;
}
#header1 ul li a {
font : bold 12px/21px "Trebuchet MS", Verdana, tahoma, Arial, Helvetica, sans-serif;
padding : 0 14px 0 14px;
color : #eaeaea;
background-color : #242424;
text-decoration : none;
margin : 0;
height : 21px;
}
#header1 ul li a:hover {
color : #ffffff;
background-color : #0867c3;
}
#mainBody1 {
width : 778px;
margin : 0 auto 0 auto;
}
#containertitre {
margin : auto;
width : 565px;
height : 100%;
padding-top : 10px;
font-family : Verdana, Geneva, sans-serif;
font-size : 12px;
background-image : url(http://www.dugrainademoudre.net/PRODUCTIONS/images/bgbleu.jpg);
background-repeat : repeat;
}
h1 {
background : #e3e3e3;
padding : 10px;
margin-left : -20px;
margin-top : 0;
position : relative;
width : 50%;
color : #454545;
font-size : 17px;
}
.arrow2 {
width : 0;
height : 0;
line-height : 0;
border-left : 20px solid transparent;
border-top : 10px solid #c8c8c8;
top : 104%;
left : 0;
position : absolute;
}
#tweet {
background-color : #282727;
}
#tweet h1 h2 h3 h4 h5 h6 h7 h8 p {
color : #ffffff;
width : 170px;
height : 48px;
display : block;
margin : 0 0 0 0;
font : bold 18px/19px Verdana, Tahoma, Arial, Helvetica, sans-serif;
padding : 5px 0 5px 30px;
background-color : #282828;
}
#infos {
width : 200px;
color : #b6b6b5;
background : #282727 url(http://www.dugrainademoudre.net/CSS/images/left_side_up.gif) no-repeat 0% 0%;
padding : 0 0 0 0;
float : right;
margin-bottom : 0;
}
#infos h2 {
color : #ffffff;
width : 170px;
height : 48px;
display : block;
margin : 0 0 0 0;
font : bold 18px/19px Verdana, Tahoma, Arial, Helvetica, sans-serif;
padding : 5px 0 5px 30px;
background-image : url(http://www.dugrainademoudre.net/CSS/images/fleche2.jpg);
background-color : #282828;
}
#infos h7 {
background : #282727 url(images/fleche.gif) no-repeat 0% 0%;
color : #ffffff;
width : 160px;
height : 40px;
display : block;
margin : 0 0 0 0;
font : bold 20px/22px Verdana, Tahoma, Arial, Helvetica, sans-serif;
padding : 10px 0 5px 10px;
}
#infos h7 a:hover {
background : #ffffff;
color : #b6b6b5;
}
#infos h6 {
color : #fff;
width : 170px;
height : 40px;
display : block;
margin : 0 0 0 0;
font : bold 20px/22px Verdana, Tahoma, Arial, Helvetica, sans-serif;
padding : 15px 0 0 30px;
background-image : url(http://www.dugrainademoudre.net/CSS/images/fleche2.jpg);
background-repeat : no-repeat;
}
#infos h6 a {
color : #ffffff;
font : bold 20px/22px Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
#infos h6 a:hover {
color : #ff0f04;
font : bold 20px/22px Verdana, Tahoma, Arial, Helvetica, sans-serif;
text-decoration : none;
}
#infos h20 a {
color : #ffffff;
font : bold 16px/18px Verdana, Tahoma, Arial, Helvetica, sans-serif;
text-decoration : none;
}
#infos h20 a:hover {
color : #ff0f04;
font : bold 16px/18px Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
#infos ul {
width : 150px;
display : block;
margin : 10px 0 14px 0;
font-size : 0;
text-align : left;
font-family : Verdana, Helvetica, sans-serif;
margin-left : 10px;
padding-left : 20px;
}
#infos ul li {
background : url(http://www.dugrainademoudre.net/CSS/images/left_side_arrow.gif) no-repeat 0% 9px;
padding : 0 0 0 11px;
display : block;
height : 24px;
}
#infos ul li a {
font : 12px/24px Verdana, Helvetica, sans-serif;
color : #ffffff;
text-decoration : none;
background-color : #282727;
display : block;
}
#infos ul li a:hover {
background-color : #cc0000;
color : #ffffff;
text-decoration : none;
}
#infos h5 {
color : #fff;
width : 160px;
height : 25px;
display : block;
margin : 10px 10px 20px 10px;
padding : 10px 0 0 0;
background-color : #282727;
font : normal 20px/22px Verdana, Helvetica, sans-serif;
}
#infos .Style22 {
font-size : 10px;
font-style : italic;
}
#infos .Style11 {
font-size : 15px;
color : #ffffff;
}
#rightPan1 {
width : 570px;
margin : 0 0 0 0;
float : left;
}
#splash {
height : 350px;
width : 550px;
clear : both;
}
#rightPan1 titrerondhaut {
font : 24px/22px BlairMdITC TT-Medium, Tahoma, Arial, Helvetica, sans-serif;
color : #333333;
display : block;
margin : 20px 0 0 0;
height : 27px;
background-image : url(http://www.dugrainademoudre.net/CSS/images/rondhautgris.jpg);
background-repeat : no-repeat;
}
#titrerondhaut {
font : 24px/22px BlairMdITC TT-Medium, Tahoma, Arial, Helvetica, sans-serif;
color : #333333;
display : block;
margin : 20px 0 0 1px;
height : 27px;
background : url(http://www.dugrainademoudre.net/CSS/images/rondhautgris.jpg) no-repeat;
width : 570px;
}
#rightPan1 titrerondbas {
font : 24px/22px BlairMdITC TT-Medium, Tahoma, Arial, Helvetica, sans-serif;
color : #333333;
display : block;
margin : 0 0 0 22px;
height : 27px;
background-image : url(http://www.dugrainademoudre.net/CSS/images/rondbasgris.jpg);
background-repeat : no-repeat;
width : 522px;
background : url(http://www.dugrainademoudre.net/CSS/images/rondbasgris.jpg) left top;
}
#titrerondbas {
font : 24px/22px BlairMdITC TT-Medium, Tahoma, Arial, Helvetica, sans-serif;
color : #333333;
display : block;
height : 27px;
width : 570px;
background : url(http://www.dugrainademoudre.net/CSS/images/rondbasgris.jpg) no-repeat;
}
#footerMain {
background : url(images/footer_bg.gif) repeat-x 0% 0%;
width : 100%;
}
#footergrand {
background : url(images/footer.gif) no-repeat 0% 0%;
height : 97px;
width : 778px;
margin : 0 auto 0 auto;
padding : 74px 0 0 0;
background-image : url(http://www.dugrainademoudre.net/CSS/images/footer.gif);
background-repeat : no-repeat;
}
#footergrand menu {
width : 778px;
display : block;
margin : 0 0 0 0;
padding : 0 0 0 0;
font-size : 0;
height : 20px;
}
#footergrand p {
width : 350px;
display : block;
font : 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #eaeaea;
margin : 0 0 0 0;
padding : 0 0 9px 0;
}
#footergrand p.copy {
width : 120px;
display : block;
font : 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #666666;
margin : 0;
padding : 0;
float : right;
display : block;
padding-top : 10px;
padding-right : 5px;
}
#footergrand p.copy a {
text-decoration : none;
color : #666666;
}
#footergrand p.copy a:hover {
text-decoration : none;
background-color : #0066ff;
color : #ffffff;
}
h2 {
font-size : 23px;
}
h3 {
font-size : 21px;
}
h4 {
font-size : 19px;
}
h5 {
font-size : 17px;
line-height : 1;
}
h6 {
font-size : 15px;
}
a {
color : #444;
}
a:hover {
color : #39c;
}
.textLink {
color : #39c;
}
.textLink:hover {
color : #1e2229;
}
.lineHor {
border-bottom : 1px dashed #c0c0c0;
margin-top : 25px;
margin-bottom : 25px;
}
.alignleft {
float : right;
margin : 20px 0 0 15px;
}
div#list {
margin-top : 15px;
margin-bottom : 15px;
}
.listStyle ul li {
list-style : disc inside;
color : #39c;
line-height : 25px;
text-decoration : none;
}
.listStyle ul li a {
color : #1e2229;
text-decoration : none;
}
.listStyle ul li a:hover {
text-decoration : none;
color : #1e2229;
}
#header-wrap {
	background : transparent url(../images/skin1/topnavBG.png) no-repeat center -7px;
	padding-bottom : 1px;
	margin-top : 10px;
}
#topnav {
padding-top : 0;
padding-left : 10px;
margin-top : 13px;
margin-bottom : 5px;
height : 40px;
}
#topnav ul li {
display : inline-block;
}
#topnav ul li .current {
color : #39c;
background : transparent url(../images/skin1/topnavBG.png) no-repeat -100px -76px;
}
#topnav ul li .currentHome {
width : 10px;
margin-left : 1px;
text-indent : -9999px;
background : transparent url(../images/skin1/topnavBG.png) no-repeat -10px -76px;
}
.home {
width : 30px;
margin-left : -5px;
text-indent : -9999px;
}
a.home:hover {
width : 30px;
text-indent : -9999px;
background : transparent url(../images/skin1/topnavBG.png) no-repeat -10px -76px;
}
#topnav ul li .navEffect {
width : 110px;
margin-left : 1px;
}
#topnav ul li .navEffect:hover {
width : 110px;
margin-left : 1px;
background : transparent url(../images/skin1/topnavBG.png) no-repeat -100px -76px;
}
#logo {
margin-top : 20px;
background : transparent;
text-indent : -9999px;
width : 220px;
height : 40px;
display : block;
margin-bottom : 20px;
}
#siteSearch, #siteSearchForm {
	float : right;
	margin-top : 3px;
	margin-right : 3px;
}
#searchImput {
background : transparent;
border : none;
width : 170px;
margin-top : 1px;
padding : 3px 0 7px 5px;
font-size : 11px;
color : #888;
}
#searchSubmit {
border : none;
height : 20px;
width : 28px;
cursor : pointer;
background : transparent;
margin-right : 10px;
outline : 0;
}
#featured-wrap {
	height : 450px;
	background : transparent url(../images/skin1/sliderBG.png) no-repeat center -10px;
}
#featured {
	margin-top : 20px;
	position : relative;
	margin-right: 20px;
	margin-left: 20px;
}
#services-wrap {
background : transparent url(../images/skin1/contentBGhome_center.png) repeat-y center 30px;
}
#services {
padding-bottom : 10px;
}
#servicesTop {
height : 30px;
background : transparent url(../images/skin1/contentBGhome_top.png) no-repeat center top;
}
#box1, #box2, #box3 {
	margin : 5px 0 20px 18px;
	color : #ddd;
	font-size : 11px;
}
#box.right {
margin-right : 0;
}
#box1 h5, #box2 h5, #box3 h5 {
margin-top : 0;
padding-bottom : 10px;
border-bottom : 1px solid #1e2229;
}
#box1 p, #box2 p, #box3 p {
margin-top : 10px;
margin-bottom : 10px;
}
#box2 a, #box3 a {
color : #39c;
}
#box1 a:hover, #box2 a:hover, #box3 a:hover {
color : #fff;
}
.getInTouch {
line-height : 15px;
}
#box1 .getInTouch p, #box2 .getInTouch p, #box3 .getInTouch p {
margin-top : 5px;
}
#box1 .socialIcons, #box2 .socialIcons, #box3 .socialIcons {
margin : 20px 0 5px 0;
border-top : 1px solid #1e2229;
padding-top : 20px;
padding-bottom : 15px;
}
#box2 a.category, #box2 a.comments {
background : #39c;
color : #fff;
}
#box2 a.category:hover, #box2 a.comments:hover {
background : #fff;
color : #1e2229;
padding : 2px 4px 2px 4px;
}
#comments a {
margin-top : -30px;
margin-left : -7px;
position : absolute;
width : auto;
font-size : 13px;
display : block;
}
#box3 .socialIcons ul li {
display : inline-block;
}
#box3 .socialIcons ul li a {
display : inline-block;
padding : 0 8px 5px 0;
}
.goForm {
background : transparent url(../images/skin1/right.png) no-repeat 11px 10px;
padding-left : 50px;
padding-top : 10px;
}
.getInTouch ul li.phoneContact, .getInTouch ul li.emailContact, .getInTouch ul li.addressContact, .getInTouch ul li.skypeContact {
padding-left : 50px;
padding-top : 10px;
margin-bottom : 10px;
}
.getInTouch ul li.phoneContact {
background : transparent url(../images/skin1/phone.png) no-repeat 6px 10px;
}
.getInTouch ul li.emailContact {
background : transparent url(../images/skin1/email.png) no-repeat 3px 10px;
}
.getInTouch ul li.skypeContact {
background : transparent url(../images/skin1/skype.png) no-repeat 3px 11px;
}
.getInTouch ul li.addressContact {
background : transparent url(../images/skin1/home.png) no-repeat 3px 10px;
}
.getInTouch.right {
margin-top : 10px;
padding : 5px 20px 5px 20px;
}
.getInTouch p {
margin-bottom : 10px;
}
.getInTouch.right h6 {
color : #444;
}
.getInTouch.right ul li.phoneContact {
background : transparent url(../images/skin1/phone_gray.png) no-repeat 3px 10px;
}
.getInTouch.right ul li.emailContact {
background : transparent url(../images/skin1/email_gray.png) no-repeat 0% 10px;
}
.getInTouch.right ul li.skypeContact {
background : transparent url(../images/skin1/skype_gray.png) no-repeat 0% 11px;
}
.getInTouch.right ul li.addressContact {
background : transparent url(../images/skin1/home_gray.png) no-repeat 0% 10px;
}
#content-wrap {
background : transparent url(../images/skin1/contentBGcenter.png) repeat-y center 30px;
}
#contentfilms {
padding-bottom : 20px;
}
#contentfilms h1, h2, h3, h4, h5, h6 {
margin-top : 10px;
margin-bottom : 10px;
}
#contentTop {
height : 30px;
background : transparent url(../images/skin1/contentBGtop.png) no-repeat center;
}
#contentLeft {
margin-left : 30px;
margin-right : 20px;
}
#contentLeft p {
margin-top : 10px;
margin-bottom : 10px;
color : #666;
}
#contentLeft .path, #contentPortfolio .path {
font-size : 11px;
padding-bottom : 10px;
margin-bottom : 15px;
color : #888;
border-bottom : 1px solid #ddd;
}
#contentLeft .path a, #contentPortfolio .path a {
color : #888;
text-decoration : none;
}
#contentLeft .path a:hover, #contentPortfolio .path a:hover {
color : #444;
text-decoration : none;
}
#contentRight {
margin-top : 10px;
padding-bottom : 20px;
background : #fff;
border : 1px solid #ddd;
color : #999;
font-size : 11px;
width : 290px;
}
.rightContent {
padding : 15px 20px 20px 20px;
}
.rightContent h5 {
margin : 5px 0 5px 0;
color : #444;
}
.imgRight {
padding : 10px 10px 5px 15px;
}
.socialRight ul li {
display : inline-block;
}
.socialRight ul li a {
padding : 0;
}
.socialRight {
margin : 20px 15px 10px 20px;
padding : 20px 20px 15px 20px;
border : 1px solid #e8e8e8;
background : #f9f9f9;
display : block;
}
#contentRight .social {
padding : 0;
}
#subNavigation {
margin : 20px 20px 25px 20px;
font-size : 12px;
padding-top : 30px;
border-top : 1px solid #ddd;
}
#subNavigation h5 {
margin : 0;
padding : 0 0 10px 0;
color : #444;
border-bottom : 1px solid #ddd;
}
#subNavigation ul {
color : #39c;
margin : 0;
border : none;
line-height : 35px;
}
#subNavigation li {
border-bottom : 1px solid #ddd;
margin : 0;
}
#subNavigation li a {
display : block;
padding-left : 10px;
text-decoration : none;
background : transparent url(http://www.dugrainademoudre.net/PRODUCTIONS/images/skin1/subNav.png) no-repeat top;
}
#subNavigation li a:hover {
color : #fff;
background : #39c;
font-weight : bold;
background : transparent url(../images/skin1/subNav.png) no-repeat bottom;
}
#contentPortfolio {
margin-left : 20px;
width : 520px;
font-size : 11px;
}
#boxPortfolio1, #boxPortfolio2, #boxPortfolio3, #boxPortfolio4, #boxPortfolio5, #boxPortfolio6, #boxPortfolio7, #boxPortfolio8, #boxPortfolio9 {
margin : 10px 10px 20px 10px;
}
#boxPortfolio1.right, #boxPortfolio2.right, #boxPortfolio3.right, #boxPortfolio4.right, #boxPortfolio5.right, #boxPortfolio6.right, #boxPortfolio7.right, #boxPortfolio8.right, #boxPortfolio9.right {
margin-right : 0;
}
#boxPortfolio1 p, #boxPortfolio2 p, #boxPortfolio3 p, #boxPortfolio4 p, #boxPortfolio5 p, #boxPortfolio6 p, #boxPortfolio7 p, #boxPortfolio8 p, #boxPortfolio9 p {
margin-top : 0;
margin-bottom : 10px;
}
#boxPortfolio1 h5, #boxPortfolio2 h5, #boxPortfolio3 h5, #boxPortfolio4 h5, #boxPortfolio5 h5, #boxPortfolio6 h5, #boxPortfolio7 h5, #boxPortfolio8 h5, #boxPortfolio9 h5 {
margin-top : 5px;
padding-bottom : 0;
}
.project_hoverPhoto, .project_hoverVideo {
background : transparent url(../images/skin1/spacer.gif) repeat scroll 0% 0%;
display : block;
height : 131px;
position : absolute;
width : 237px;
z-index : 5;
}
.project_hoverPhoto:hover {
background : transparent url(../images/skin1/overPhoto.png) no-repeat scroll 0% 0%;
}
.project_hoverVideo:hover {
background : transparent url(../images/skin1/overVideo.png) no-repeat scroll 0% 0%;
}
.currentTextHolder {
font-size : 11px;
font-weight : bold;
color : #101319;
}
#pagination {
width : 480px;
margin : 30px 0 0 30px;
z-index : 3;
font-size : 11px;
padding-top : 10px;
border-top : 1px solid #ddd;
}
#pagination span, #pagination a {
display : block;
float : left;
line-height : 12px;
margin : 2px 2px 2px 0;
padding : 3px 6px;
text-decoration : none;
width : auto;
height : auto;
}
#pagination a:hover {
background : #39c;
color : #fff;
}
#pagination .current {
color : #fff;
padding : 3px 6px;
background : #101319;
}
.entryHead, .tags {
margin-top : 10px;
margin-bottom : 12px;
font-size : 11px;
}
.category, .comments {
cursor : pointer;
padding : 2px 4px 2px 4px;
margin : 0 4px 0 4px;
}
a.category, a.comments {
background : #39c;
color : #fff;
}
a.category:hover, a.comments:hover {
background : #1e2229;
padding : 2px 4px 2px 4px;
}
.lien {
cursor : pointer;
color : #ccc;
}
a.lien {
color : #ccc;
}
a.lien:hover {
background : #1e2229;
}
.tags {
margin-top : 30px;
margin-bottom : 20px;
font-size : 11px;
padding-left : 30px;
height : 20px;
background : transparent url(../images/skin1/tag.png) no-repeat;
}
.tag {
color : #888;
cursor : pointer;
margin : 0 4px 0 4px;
}
a.tag {
text-decoration : underline;
}
a.tag:hover {
text-decoration : underline;
margin : 0 4px 0 4px;
}
.share {
float : right;
color : #888;
cursor : pointer;
margin : 0 4px 0 4px;
padding : 0 6px 0 6px;
border : 1px solid #c0c0c0;
background : #fff;
}
a.share:hover {
color : #444;
}
.facebook {
background : transparent url(../images/skin1/social.png) no-repeat left top;
}
a.facebook:hover {
background : transparent url(../images/skin1/social.png) no-repeat left bottom;
}
.twitter {
background : transparent url(../images/skin1/social.png) no-repeat right top;
}
a.twitter:hover {
background : transparent url(../images/skin1/social.png) no-repeat right bottom;
}
.facebook, .twitter {
text-indent : -9999px;
border : none;
margin-top : 1px;
height : 16px;
width : 14px;
padding : 0 1px 0 1px;
}
#authorComment1, #authorComment2, #authorComment3 {
padding-top : 25px;
padding-bottom : 25px;
border-top : 1px solid #ddd;
border-bottom : 1px solid #ddd;
}
#commentText1, #commentText2, #commentText3 {
margin : 0;
padding-left : 90px;
color : #888;
}
#gravatar1, #gravatar2, #gravatar3 {
width : 60px;
font-size : 11px;
text-align : center;
color : #888;
}
#gravatar1 img, #gravatar2 img, #gravatar3 img {
border : 1px solid #ddd;
padding : 4px;
}
.replyHead {
color : #888;
font-size : 11px;
}
.author, .reply {
margin : 0 4px 0 4px;
font-weight : bold;
cursor : pointer;
color : #444;
}
a.author:hover, a.reply:hover {
color : #888;
}
#quote1, #quote2, #quote3 {
padding : 10px 0 0 88px;
}
.quote {
color : #39c;
font-size : 11px;
cursor : pointer;
padding : 2px 6px 2px 6px;
border : 1px solid #c0c0c0;
}
.quote:hover {
color : #fff;
background : #39c;
border : 1px solid #39c;
}
.quoteText {
padding : 10px 15px 10px 15px;
margin-bottom : 15px;
background : #fbfbfb;
border : 1px solid #ebebeb;
font-style : italic;
color : #999;
font-size : 11px;
}
#respond, #contactForm {
margin : 10px 0 20px 0;
}
.leftSpace {
font-size : 11px;
margin-left : 10px;
}
.n {
margin-left : 0;
}
.text_input, .text_area {
border : 1px solid #c0c0c0;
padding : 4px;
margin-top : 10px;
font-family : 'Lucida Grande', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
font-size : 12px;
background : #f1f1f1;
color : #444;
width : 250px;
}
.text_area {
margin-top : 10px;
width : 480px;
}
input:focus, textarea:focus {
background : #fff;
}
#submit {
border : 1px solid #111;
background : #1e2229;
color : #fff;
font-weight : bold;
width : 120px;
height : 30px;
margin-top : 10px;
font-size : 12px;
padding-bottom : 2px;
outline : 0;
}
#submit:hover {
border : 1px solid #39c;
background : #39c;
cursor : pointer;
outline : 0;
}
.error.required {
border : 1px solid #c30;
}
#footer-wrap {
height : 45px;
background : transparent url(../images/skin1/contentBGfooter.png) no-repeat center;
}
#bottom-wrap {
height : 50px;
background : transparent url(../images/skin1/bottomBG.png) no-repeat center;
margin-bottom : 20px;
}
#bottom {
padding-top : 18px;
font-size : 11px;
color : #888;
}
#bottom p {
margin-left : 15px;
display : inline;
}
#bottom p a {
color : #888;
}
#bottom p a:hover {
text-decoration : underline;
color : #ccc;
}
#bottom ul li p a {
text-decoration : underline;
}
#bottom ul li p a:hover {
color : #ddd;
}
#bottom ul {
float : right;
margin-right : 10px;
}
#bottom ul li {
display : inline-block;
padding-right : 7px;
padding-left : 5px;
border-right : 1px solid #333;
}
#bottom ul li a {
text-decoration : none;
font-size : 11px;
color : #888;
}
#bottom ul li a:hover {
text-decoration : underline;
}
#bottom ul li.top {
border-right : none;
margin-right : 5px;
margin-left : -5px;
}
.coda-nav ul li a {
background : transparent url("../images/skin1/slider-off.png") no-repeat scroll left top;
text-indent : -9999px;
display : block;
float : left;
margin-right : 10px;
height : 23px;
width : 25px;
left : -50%;
}
.coda-nav ul li a.current {
background : transparent url("../images/skin1/slider-on.png") no-repeat scroll left top;
}
.coda-nav ul li a.current:hover {
background : transparent url("../images/skin1/slider-on.png") no-repeat scroll left top;
cursor : default;
}
.coda-nav ul li a:hover {
background : transparent url("../images/skin1/slider-ov.png") no-repeat scroll left top;
}
.title {
display : none;
}
.linkButton {
	text-indent : -9999px;
	background : transparent url(../images/skin1/sliderButton.png) no-repeat center top;
	height : 50px;
	width : 170px;
	position : absolute;
	margin-top : 250px;
	margin-left : 80px;
	left: -47px;
	top: -11px;
}
.linkButton:hover {
background : transparent url(../images/skin1/sliderButton.png) no-repeat center bottom;
}
.linkButton2 {
	text-indent : -9999px;
	background : transparent url(../images/skin1/sliderButton2.png) no-repeat center top;
	height : 36px;
	width : 120px;
	position : absolute;
	margin-top : 250px;
	margin-left : 80px;
	left: 278px;
	top: 31px;
}
.linkButton2:hover {
background : transparent url(../images/skin1/sliderButton2.png) no-repeat center bottom;
}
.panel-wrapper p {
	height : 40px;
	width : 430px;
	position : absolute;
	margin-top : 180px;
	margin-left : 60px;
	color : #fff;
	left: -42px;
	overflow: visible;
}
.panel-wrapper h3 {
	height : 40px;
	width : 350px;
	position : absolute;
	margin-top : 150px;
	margin-left : 60px;
	color : #333;
	left: -54px;
	top: 283px;
	font-size: 18px;
}
.panel-wrapper a {
color : #fff;
}
.panel-wrapper a:hover {
color : #fff;
text-decoration : none;
}
.container_introtexte {
margin-left : auto;
margin-right : auto;
width : 500px;
}
.container_12, .container_16 {
	margin-left : auto;
	margin-right : auto;
	width : 530px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
display : inline;
float : left;
position : relative;
margin-left : 10px;
margin-right : 10px;
}
.container_12 .grid_3, .container_16 .grid_4 {
width : 220px;
}
.container_12 .grid_6, .container_16 .grid_8 {
width : 460px;
}
.container_12 .grid_9, .container_16 .grid_12 {
width : 540px;
}
.container_12 .grid_12, .container_16 .grid_16 {
width : 540px;
}
.alpha {
margin-left : 0;
}
.omega {
margin-right : 0;
}
.container_12 .grid_1 {
width : 60px;
}
.container_12 .grid_2 {
width : 140px;
}
.container_12 .grid_4 {
width : 300px;
}
.container_12 .grid_5 {
width : 250px;
}
.container_12 .grid_7 {
width : 540px;
}
.container_12 .grid_8 {
width : 540px;
}
.container_12 .grid_10 {
width : 540px;
}
.container_12 .grid_11 {
width : 540px;
}
.container_16 .grid_1 {
width : 40px;
}
.container_16 .grid_2 {
width : 100px;
}
.container_16 .grid_3 {
width : 160px;
}
.container_16 .grid_5 {
width : 238px;
}
.container_16 .grid_6 {
width : 340px;
}
.container_16 .grid_7 {
width : 400px;
}
.container_16 .grid_9 {
width : 520px;
}
.container_16 .grid_10 {
width : 500px;
}
.container_16 .grid_11 {
width : 540px;
}
.container_16 .grid_13 {
width : 540px;
}
.container_16 .grid_14 {
width : 540px;
}
.container_16 .grid_15 {
width : 540px;
}
.container_12 .prefix_3, .container_16 .prefix_4 {
padding-left : 240px;
}
.container_12 .prefix_6, .container_16 .prefix_8 {
padding-left : 480px;
}
.container_12 .prefix_9, .container_16 .prefix_12 {
padding-left : 720px;
}
.container_12 .prefix_1 {
padding-left : 80px;
}
.container_12 .prefix_2 {
padding-left : 160px;
}
.container_12 .prefix_4 {
padding-left : 320px;
}
.container_12 .prefix_5 {
padding-left : 400px;
}
.container_12 .prefix_7 {
padding-left : 560px;
}
.container_12 .prefix_8 {
padding-left : 540px;
}
.container_12 .prefix_10 {
padding-left : 540px;
}
.container_12 .prefix_11 {
padding-left : 540px;
}
.container_16 .prefix_1 {
padding-left : 60px;
}
.container_16 .prefix_2 {
padding-left : 120px;
}
.container_16 .prefix_3 {
padding-left : 180px;
}
.container_16 .prefix_5 {
padding-left : 300px;
}
.container_16 .prefix_6 {
padding-left : 360px;
}
.container_16 .prefix_7 {
padding-left : 420px;
}
.container_16 .prefix_9 {
padding-left : 540px;
}
.container_16 .prefix_10 {
padding-left : 540px;
}
.container_16 .prefix_11 {
padding-left : 660px;
}
.container_16 .prefix_13 {
padding-left : 540px;
}
.container_16 .prefix_14 {
padding-left : 840px;
}
.container_16 .prefix_15 {
padding-left : 900px;
}
.container_12 .suffix_3, .container_16 .suffix_4 {
padding-right : 240px;
}
.container_12 .suffix_6, .container_16 .suffix_8 {
padding-right : 480px;
}
.container_12 .suffix_9, .container_16 .suffix_12 {
padding-right : 720px;
}
.container_12 .suffix_1 {
padding-right : 80px;
}
.container_12 .suffix_2 {
padding-right : 160px;
}
.container_12 .suffix_4 {
padding-right : 320px;
}
.container_12 .suffix_5 {
padding-right : 400px;
}
.container_12 .suffix_7 {
padding-right : 560px;
}
.container_12 .suffix_8 {
padding-right : 540px;
}
.container_12 .suffix_10 {
padding-right : 800px;
}
.container_12 .suffix_11 {
padding-right : 880px;
}
.container_16 .suffix_1 {
padding-right : 60px;
}
.container_16 .suffix_2 {
padding-right : 120px;
}
.container_16 .suffix_3 {
padding-right : 180px;
}
.container_16 .suffix_5 {
padding-right : 300px;
}
.container_16 .suffix_6 {
padding-right : 360px;
}
.container_16 .suffix_7 {
padding-right : 420px;
}
.container_16 .suffix_9 {
padding-right : 540px;
}
.container_16 .suffix_10 {
padding-right : 540px;
}
.container_16 .suffix_11 {
padding-right : 660px;
}
.container_16 .suffix_13 {
padding-right : 780px;
}
.container_16 .suffix_14 {
padding-right : 840px;
}
.container_16 .suffix_15 {
padding-right : 900px;
}
.container_12 .push_3, .container_16 .push_4 {
left : 240px;
}
.container_12 .push_6, .container_16 .push_8 {
left : 480px;
}
.container_12 .push_9, .container_16 .push_12 {
left : 720px;
}
.container_12 .push_1 {
left : 80px;
}
.container_12 .push_2 {
left : 160px;
}
.container_12 .push_4 {
left : 320px;
}
.container_12 .push_5 {
left : 400px;
}
.container_12 .push_7 {
left : 560px;
}
.container_12 .push_8 {
left : 640px;
}
.container_12 .push_10 {
left : 800px;
}
.container_12 .push_11 {
left : 880px;
}
.container_16 .push_1 {
left : 60px;
}
.container_16 .push_2 {
left : 120px;
}
.container_16 .push_3 {
left : 180px;
}
.container_16 .push_5 {
left : 300px;
}
.container_16 .push_6 {
left : 360px;
}
.container_16 .push_7 {
left : 420px;
}
.container_16 .push_9 {
left : 540px;
}
.container_16 .push_10 {
left : 600px;
}
.container_16 .push_11 {
left : 660px;
}
.container_16 .push_13 {
left : 780px;
}
.container_16 .push_14 {
left : 840px;
}
.container_16 .push_15 {
left : 900px;
}
.container_12 .pull_3, .container_16 .pull_4 {
left : -240px;
}
.container_12 .pull_6, .container_16 .pull_8 {
left : -480px;
}
.container_12 .pull_9, .container_16 .pull_12 {
left : -720px;
}
.container_12 .pull_1 {
left : -80px;
}
.container_12 .pull_2 {
left : -160px;
}
.container_12 .pull_4 {
left : -320px;
}
.container_12 .pull_5 {
left : -400px;
}
.container_12 .pull_7 {
left : -560px;
}
.container_12 .pull_8 {
left : -640px;
}
.container_12 .pull_10 {
left : -800px;
}
.container_12 .pull_11 {
left : -880px;
}
.container_16 .pull_1 {
left : -60px;
}
.container_16 .pull_2 {
left : -120px;
}
.container_16 .pull_3 {
left : -180px;
}
.container_16 .pull_5 {
left : -300px;
}
.container_16 .pull_6 {
left : -360px;
}
.container_16 .pull_7 {
left : -420px;
}
.container_16 .pull_9 {
left : -540px;
}
.container_16 .pull_10 {
left : -600px;
}
.container_16 .pull_11 {
left : -660px;
}
.container_16 .pull_13 {
left : -780px;
}
.container_16 .pull_14 {
left : -840px;
}
.container_16 .pull_15 {
left : -900px;
}
.clear {
clear : both;
display : block;
overflow : hidden;
visibility : hidden;
width : 0;
height : 0;
}
.clearfix:after {
clear : both;
content : ' ';
display : block;
font-size : 0;
line-height : 0;
visibility : hidden;
width : 0;
height : 0;
}
.qmmc .qmdivider {
display : block;
font-size : 1px;
border-width : 0;
border-style : solid;
position : relative;
z-index : 1;
}
.qmmc .qmdividery {
float : left;
width : 0;
}
.qmmc .qmtitle {
display : block;
cursor : default;
white-space : nowrap;
position : relative;
z-index : 1;
}
.qmclear {
font-size : 1px;
height : 0;
width : 0;
clear : left;
line-height : 0;
display : block;
float : none !important ;
}
.qmmc {
position : relative;
z-index : 10;
}
.qmmc a, .qmmc li {
float : left;
display : block;
white-space : nowrap;
position : relative;
z-index : 1;
}
.qmmc div a, .qmmc ul a, .qmmc ul li {
float : none;
}
.qmsh div a {
float : left;
}
.qmmc div {
visibility : hidden;
position : absolute;
}
.qmmc .qmcbox {
cursor : default;
display : block;
position : relative;
z-index : 1;
}
.qmmc .qmcbox a {
display : inline;
}
.qmmc .qmcbox div {
float : none;
position : static;
visibility : inherit;
left : auto;
}
.qmmc li {
z-index : auto;
}
.qmmc ul {
left : -10000px;
position : absolute;
z-index : 10;
}
.qmmc, .qmmc ul {
list-style : none;
padding : 0;
margin : 0;
}
.qmmc li a {
float : none;
}
.qmmc li:hover > ul {
left : auto;
}
#qm0 ul {
top : 100%;
}
#qm0 ul li:hover > ul {
top : 0;
left : 100%;
}
.qmmc2 li {
float : left;
display : block;
white-space : nowrap;
position : relative;
z-index : 1;
}
.qmmc2 div a, .qmmc2 ul a, .qmmc2 ul li {
float : none;
}
.qmsh div a {
float : left;
}
.qmmc2 div {
visibility : hidden;
position : absolute;
}
.qmmc2 .qmcbox {
cursor : default;
display : block;
position : relative;
z-index : 1;
}
.qmmc2 .qmcbox a {
display : inline;
}
.qmmc2 .qmcbox div {
float : none;
position : static;
visibility : inherit;
left : auto;
}
.qmmc2 li {
z-index : auto;
}
.qmmc2 ul {
left : -10000px;
position : absolute;
z-index : 10;
}
.qmmc2, .qmmc2 ul {
list-style : none;
padding : 0;
margin : 0;
}
.qmmc2 li a {
float : none;
font-size : 13px;
padding-left : 5px;
padding-right : 5px;
color : #666;
font-family : Tahoma, Geneva, sans-serif;
}
.qmmc2 li a:hover {
float : none;
font-size : 13px;
padding-left : 5px;
padding-right : 5px;
color : #000;
font-family : Tahoma, Geneva, sans-serif;
}
.qmmc2 li:hover > ul {
left : auto;
}
#qm0 ul {
top : 100%;
}
#qm0 ul li:hover > ul {
top : 0;
left : 100%;
}
#qm0 a {
padding : 3px 3px 1px 5px;
color : #555555;
font-family : Verdana;
font-size : 12px;
text-decoration : none;
}
#qm0 div, #qm0 ul {
padding : 7px;
margin : -2px 0 0 0;
background-color : transparent;
border-style : none;
}
#qm0 div a, #qm0 ul a {
padding : 2px 5px 3px 5px;
font-size : 12px;
border-width : 0;
border-style : none;
}
#qm0 div a:hover {
color : #cc0000;
}
#qm0 ul li:hover > a {
color : #cc0000;
}
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {
color : #cc0000;
}
#qm0 .qmtitle {
cursor : default;
padding : 3px 0 3px 4px;
color : #444444;
font-family : arial;
font-size : 11px;
font-weight : bold;
}
#qm0 .qmdividerx {
border-top-width : 1px;
margin : 4px 0 4px 0;
border-color : #bfbfbf;
}
#qm0 .qmdividery {
border-left-width : 1px;
height : 15px;
margin : 4px 2px 0 2px;
border-color : #aaaaaa;
}
#qm0 .qmbox {
border-width : 1px;
border-style : solid;
border-color : #999999;
}
#qm0 .qmritem span {
border-color : #dadada;
background-color : #f7f7f7;
}
#qm0 .qmritemcontent {
padding : 0 0 0 4px;
}
#qm0 .qmhoverfill {
background-color : #f51302;
}
#qm0 .qmhoverfill.qmhparent {
background-color : #fb1717;
}
#qm0 div .qmhoverfill {
background-color : #91e599;
border-width : 1px;
}
ul#qm0 li:hover > a {
background-color : #f7f7f7;
}
ul#qm0 ul {
padding : 10px;
margin : -2px 0 0 0;
background-color : #f7f7f7;
border-width : 1px;
border-style : solid;
border-color : #dadada;
}
div.c2 {
margin-left : 2em;
}
div.c1 {
text-align : left;
}
a:link {
text-decoration : none;
}
a:visited {
text-decoration : none;
}
a:hover {
text-decoration : none;
}
a:active {
text-decoration : none;
}
br.c1 {
clear : left;
}