/*   
Theme Name: CDRIME
Theme URI: http://www.ouimarketing.com
Description: Template by Samuel Dube, design by JF Adam.
Author: Oui Marketing.
Author URI: http://www.ouimarketing.com
Version: 1.0
*/


/* Imports
----------------------------------------*/
* { margin: 0; padding: 0; }
	
body {background:#e2ecf0 url('images/bkg.jpg') no-repeat center top; font-size:85%; color:#666257;} 
body.page {background:#e2ecf0 url('images/bkg_page2.jpg') no-repeat center top;}
body, p, td, th, li { font-family: Georgia, verdana; color:#3a3a3a; }

/* Standard links
----------------------------------------*/
a img {border:none;}
a:link, a:visited { color:#006fb7; text-decoration:none;} /*006fb7 */
a:hover { color:#489cc4;} /*006fb7*/

/* <h> Definitions
----------------------------------------*/
h1 { color:#333; font-size:36px; font-weight:lighter; line-height:1.2em; margin:0 0 5px 0 }
h2 { color:#006fb7; font-size:18px; font-weight:lighter; line-height:1.2em; margin:0 0 10px 0} /*879dbe*/ /*006fb7*/
h3 { color:#333; font-size:16px; line-height:1em; margin:0 0 5px 0} /*91c44c*/
h4 { color:#333; font-size:12px; font-weight:bold; line-height:1em; margin:0 0 5px 0}

p { line-height:1.4em; }
p, table { margin:0 0 10px 0}
ul { list-style:inside; margin:0 0 10px 10px;  }
ul.homeQuick { margin:0; list-style:outside; margin-left:20px;}
ul.homeQuick li{ list-style: url(images/t_puce.gif); }
ul.homeQuick li img {vertical-align:middle}

table, td { background-color:#FFF}
table.nice_table { background-color:#acbdc7; border-spacing:1px; } /*table.tlook, */
table.nice_table tbody td { background-color:#e2ecf0; padding:2px 5px 2px 5px } /*table.tlook td, table.nice_table td, */
table.nice_table thead td { font-weight:bold; background-color:#acbdc7; color:#FFF; text-align:left; padding:4px 5px 4px 5px } /*table.tlook th, table.nice_table th, */

.input_seacrh {padding:6px; width:240px; background:#FFF url('../images/ico_recherche.gif') no-repeat center right; border:1px solid #CCC; font-size:13px;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
.error {color:#C00}

/* Standard Definitions
----------------------------------------*/
.left { float:left; }
.right { float:right; }
/*image of post*/
.alignleft { float:left; margin:5px 8px 3px 0}
.alignright { float:right; margin:5px 0px 3px 8px}

.clearThis { clear:both; }
.centerThis { margin:0 auto;}
.small { font-size:.625em; }

/* access simplifie */
.simpleAccessSection { line-height:2em; font-size:1.3em}
.simpleAccessSection table { margin:20px 0 50px 0; width:100%; border:none; background:#FFF}
.simpleAccessSection table td { vertical-align:top; padding:20px; background:#FFF}


.wrapper {  background:url('images/noimg.gif');  }
#page {  margin: 0px auto; padding: 0; width:970px; position:relative;} /*1037*/

/* form tables */
.tableForm  { margin:15px 0px 25px 0px}
.tableForm td { padding:1px}
.tableForm .col1 { text-align:left; padding-right:5px }
.tableForm .col2 { text-align:left; padding-right:5px; padding-left:10px}
.tableForm .col3 { text-align:left; padding-right:25px; }
.tableForm .input1 { width:150px}
.tableForm .input2 { width:300px}
.tableForm .input3 { width:200px}


/* Fixed position item definitions
----------------------------------------*/
#fixedLabel { position:fixed; top:210px; left:-10px; z-index:100;}


/* Header definition
----------------------------------------*/
#header{ width:970px; margin: 0px auto; position:relative; }
#logo {width:230px; padding:20px 0 0 20px;}
.top_nav { width:660px; }
.top_nav a, .top_nav a:visited{ color:#3a3a3a}
.top_nav a:hover{ color:#006fb7}
.top_nav  ul{float:right; margin:8px 0 0 0}
.top_nav ul li {list-style:none;float:left;font-size:12px;/*border-right:1px solid #000;*/padding:0 8px;line-height:30px;}
.search { width:640px; text-align:right; padding:0 20px 0 0; float:right;   }
.search form {  }
.simpleAccess {margin:0px 40px 0 0 }

/* Main NAV Definitions
----------------------------------------*/
#nav{ width:970px; display:block; text-align:center; padding:3px 0; position:relative; height:40px; z-index: 500; _top:0px; }
#nav ul { margin:0; padding:0; list-style:none; margin:22px 0 0 0;  font-size:10.5px; font-weight:bold;  } /*text-transform:uppercase;*/
#nav ul li, #nav ul li a { float:left; display:block; text-align:center; color:#3a3a3a; padding:0 2px 10px 2px; line-height:1.2em; z-index: 1989;}
#nav ul li a:hover { color:#000}
#nav ul li { margin-left:4px; }

/*------------------------------------------------------------------
	Main Navigation sous menu - .dropDownMenu
--------------------------------------------------------------------*/

.dropDownMenu, .dropDownMenu_r { width: 200px; padding: 30px 20px; clear:both; z-index:999; background:#FFF; border:#006fb7 1px solid } /*e4e9ed*/ /*url(images/bkg_sm.jpg) no-repeat bottom*/
#nav ul li .dropDownMenu, #nav ul li .dropDownMenu_r { display: none; position: absolute; top:57px; _top:48px; }

#nav ul li .dropDownMenu_r { right:0px; }

#nav ul li:hover .dropDownMenu, #nav ul li:hover .dropDownMenu_r
{
    display: block;
}
#nav ul li.sfhover .dropDownMenu, #nav ul li.sfhover .dropDownMenu_r
{
    display: block;
	padding:0;
	margin:0;
}
#nav  ul li .dropDownMenu ul, #nav  ul li .dropDownMenu_r ul
{
    display: block;
    position: relative;
	margin:0;
	padding:0;
}
#nav ul li .dropDownMenu ul li, #nav ul li .dropDownMenu_r ul li
{
    display: block;
    float: none;
    position: relative;
	text-align:left;
	padding:0;
	margin:0
}
#nav ul li:hover .dropDownMenu ul li, #nav ul li:hover .dropDownMenu_r ul li
{
    display: block;
    float: none;
	padding:0;
	margin:0;
}
#nav ul li.sfhover .dropDownMenu ul li, #nav ul li.sfhover .dropDownMenu_r ul li
{
    display: block;
    float: none;
	margin:0;
	padding:0
}
#ie6only #nav ul li .dropDownMenu ul li, #ie6only #nav ul li .dropDownMenu_r ul li
{
	 margin:0;
	 padding: 0;
	 display: block; 
}
#nav li ul li a{ display: block; float:left; width: 190px; font-size: 12px; font-weight:normal; padding:4px 0 4px 10px;text-decoration:none; color:#333; border-bottom:1px dotted #006fb7; text-align:left; background: url(images/arrow.gif) no-repeat 0px 8px;}
#nav ul li ul li a:hover{ display: block;  color:#666;}


/* Home Flash Definitions
----------------------------------------*/
.flash { padding:0 0 0 0px; position:relative; top:-15px; z-index:25; width:958px;  height:286px;}


/* Main Content Definitions
----------------------------------------*/
.homeFix { position:relative; top:0px}
.mainContent {width:948px; padding:0px 0;}
.mainContent .leftSide {width:680px; } /*display:block;*/ 
.mainContent .newsSection { background:#fefcfb; padding:8px 12px; width:656px; border:1px solid #efe8de}
.mainContent .newsSection .title {width:280px}/*display:block;*/ 
.mainContent .newsSection .tools {width:376px; margin-top:10px}/*display:block;*/ 
.mainContent .newsSection .firstNews {border-top:1px dotted #666; border-bottom:1px dotted #666; padding:8px 10px; }
.mainContent .newsSection .firstNews img{float:left; margin:0 12px 2px 0px; border:#CCC 2px solid }
.mainContent .newsSection .secNews {width:302px; padding:8px 10px; }
.publish {color:#666; font-size:12px; }

.mainContent .whiteBlock {background:#fefcfb; padding:8px 12px; width:656px; margin:12px 0; border:1px solid #efe8de}
.pubBlock { padding:0; width:680px; margin:12px 0;}
.pubBlock .pub { border:1px solid #efe8de; margin-right:6px}

.mainContent .whiteBlock .elements{width:302px; padding:8px 10px; }
.mainContent .whiteBlock .elements img{margin:0 20px 0 0}

.mainContent .rightSide {width:232px;}
.mainContent .Events {background:#fefcfb; padding:8px 8px; width:216px; font-size:12px; border:1px solid #efe8de}
.mainContent .Events .elementEvents  a { /*color:#333 */}
.mainContent .Events .elementEvents  a:hover { /*color:#8cc0cf */}
.mainContent .Events .elementEvents h3 a { /* color:#454545; */}
.mainContent .Events .elementEvents h3 a:hover { /*color:#3a3a3a */ }
.mainContent .Events .elementEvents { background:#fefcfb; padding:8px; dislay:block;width:200px; border-bottom:1px dotted #666;}
.mainContent .Events .elementEvents .title{ dislay:block; width:140px; padding:0 0 0 8px}
.mainContent .Events .elementEvents .decription{dislay:block; width:200px; font-size:12px; color:#666}
.mainContent .Events .elementEvents .decription p{font-size:12px; color:#ccc}
.dateOrange {background: url('images/bkg_event_orange.gif') no-repeat center top; dislay:block; width:48px; height:40px; text-align:center; color:#FFF; font-weight:bold; line-height:12px; padding:10px 0 0 0}
.dateBleu {background: url('images/bkg_event_blue.gif') no-repeat center top; dislay:block; width:48px; height:40px; text-align:center; color:#FFF; font-weight:bold; line-height:12px; padding:10px 0 0 0}
.dateVert {background: url('images/bkg_event_vert.gif') no-repeat center top; dislay:block; width:48px; height:40px; text-align:center; color:#FFF; font-weight:bold; line-height:12px; padding:10px 0 0 0}
.dateRose {background: url('images/bkg_event_rose.gif') no-repeat center top; dislay:block; width:48px; height:40px; text-align:center; color:#FFF; font-weight:bold; line-height:12px; padding:10px 0 0 0}
.dateGray {background: url('images/bkg_event_gray.gif') no-repeat center top; dislay:block; width:48px; height:40px; text-align:center; color:#FFF; font-weight:bold; line-height:12px; padding:10px 0 0 0}
.mainContent .Events .links{font-size:12px; width:208px; text-align:right}



/* Main Content Definitions for pages
----------------------------------------*/
.mainContent .rightSidePage {width:720px; display:block; }
.mainContent .rightSidePage .titlePage{width:688px; display:block; padding:8px 16px; background:url(images/page_titre.jpg) #fefcfb no-repeat top right} /*  height:170px; */
.mainContent .rightSidePage .contentPage, #legend {width:688px; display:block; padding:15px 16px; margin:10px 0 10px 0; background-color:#fefcfb}
#legend { padding:4px 16px 0 16px}
#legend .item { float:left; margin-right:10px}
#legend .item img {vertical-align:middle; position:relative; top:-2px}
.mainContent .rightSidePage .titlePage h2{font-size:24px}
.mainContent .rightSidePage .hentry { margin-bottom:30px;}
.mainContent .rightSidePage .contentPage table td { vertical-align:top}
.mainContent .rightSidePage .contentPage ul { list-style:outside; margin:0 0 10px 0; padding-left:20px }
.mainContent .rightSidePage .contentPage li { list-style: url(images/arrow.gif); padding:2px 0 2px 0 }
.mainContent .rightSidePage .contentPage img { border:#CCC 2px solid}

.mainContent .leftSidePage {width:212px; display:block; padding:15px 0 50px 0; background-color:#fefcfb}
.mainContent .leftSidePage ul{width:190px; margin:0 0 10px 17px; padding:0px} /*display: block;*/
.mainContent .leftSidePage ul li { list-style: url(images/arrow.gif) outside; padding:4px 0 4px 10px; margin:0px; border-bottom:1px dotted #ece5d4;}
.mainContent .leftSidePage ul li a{ display: block; font-size: 13px; font-weight:normal; text-decoration:none; color:#000;  text-align:left; }
.mainContent .leftSidePage ul li a:hover{ color:#006fb7;}

.navigation { margin:30px 0 0 0}
.date, .postmetadata { font-size:0.8em; color:#666; margin:6px 0}
.backLink { margin:30px 0 0 0}

/* SIDEBAR Definitions
----------------------------------------*/
.sb_logo { margin:15px 0 15px 10px}
.bLogo {margin-right:30px}

/* FOOTER Definitions
----------------------------------------*/
.left { float:left; }
#footer { background:#ffffff url('images/bkg_footer.jpg') no-repeat top;  border: none; } /* f8f4e8 url('images/bkg_footer.jpg') no-repeat top;*/
.footerBlock { width:930px; padding:40px 5px; }
.footerBlock ul { list-style:none; font-size:9px; text-transform:uppercase; margin:0 0 10px 0;}
.footerBlock ul li{ display:block; color:#333; padding:2px 0; line-height:1em;} 
.footerBlock ul li a, .footerBlock ul li a:visited { color:#666}
.footerBlock ul li a.titleFooter, .footerBlock ul li.titleFooter {color:#666; font-weight:bold }
.footerBlock ul li a:hover{ color:#333}
.footerContent { width:175px; padding:0; margin:0 10px }
.ft_hack { position:relative; top:-40px}
.footerContentRight { width:120px; padding:0; margin:0 10px;  }
.footerContentRight li {font-size: 10px; text-align:right }

/* site map definition */

.mainContent .rightSidePage .contentPage .sitemap ul { margin:0 0 20px 0; }
.mainContent .rightSidePage .contentPage .sitemap ul li{ padding:3px 0; line-height:1em; list-style:none;}
.mainContent .rightSidePage .contentPage .sitemap ul li a, .sitemap ul li a:visited {  }
.mainContent .rightSidePage .contentPage .sitemap ul li a.titleFooter, .mainContent .rightSidePage .contentPage .sitemap ul li.titleFooter {color:#333; font-weight:bold }
.mainContent .rightSidePage .contentPage .sitemap ul li a:hover{ }


/* contact */

#contact_form input{ width:250px }
#contact_form table {width:500px; background-color:#FFF}
#contact_form td { padding:3px; vertical-align:top; background-color:#FFF}
#contact_form .btn { width:150px}