/************ CSS Document ************/
/** Ne surtout pas preciser le media derriere un @import, ou IE nous fait une crise xD **/

@import url(menu.css); /************ Menu ************/
@import url(lienPartenaires.css); /************ Style encart liens ************/
@import url(input.css); /************ Style pour formulaire ************/
@import url(search_nav_news.css); /************ Style search, nav & news ************/
@import url(produitN2C.css); /************ Style page N2C ************/
@import url(produitNTrans.css); /************ Style page N2Trans ************/
@import url(contact.css); /************ Contact ************/
@import url(form2.css); /************ Pour tous les formulaires ************/
@import url(custom.css); /************ Style petit truc general ************/
@import url(servicePlus.css); /************ Service plus ************/
@import url(actu.css); /************ Style actu *************/
@import url(nuage.css); /************ Style nuage mot cles et liens *************/
@import url(login.css); /************ Style login-form *************/
@import url(produitN4L.css); /************ Style page N4L ************/
@import url(votreEspace.css);
@import url(realisations.css); /************ Style nos realisations *************/
@import url(devis.css);

body {
	background-color: #DDD;
	background-image: url('../images/fond.gif');
	background-repeat: no-repeat;
	background-position: top left;
	margin: auto;
	width: 955px;
	margin-top: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	position: static;
	*position: relative;
}
img {
	border: none 0;
}

.gras {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.jaune {
	color: #F7B100;
}

.rouge {
	color: #9E0F11;
}

.center {
	text-align: center;
}
.rightAlign {
	float: right;
}
.leftAlign {
	float: left;
}
.fontTen {
	font-size: 10px;
}

.fontTwelve {
	font-size: 12px;
}

.limite {
	width: 953px;
	background-color: #FFF; 
	border-left: 1px solid #515151;
	border-right: 1px solid #515151	;
}
object {
	outline-style:none;
}
.monsieurPropre { /******* Pour donner quelque chose de non flottant a manger a la classe limite *******/
	clear: both;
}

#divActuMenu {
	float: left;
	margin: 0 0 30px 10px;
	*margin-top: 10px;
	clear: both;
}
#adobeDl {
	float: left;
	clear: left;
	margin-top: 19px;
}
#adobeDl p {
	margin-top: 0;
	margin-bottom: 39px;
	padding: 0;
}
/************ Menu general ************/
#user-menu {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	width: 945px;
	padding: 0 10px;
	margin-bottom: 5px;
	color: #666;
}

.lienUserMenu:link, .lienUserMenu:visited {
	color: #666;
	text-decoration: none;
}

.lienUserMenu:hover, .lienUserMenu:active {
	color: #333;
	text-decoration: none;
}

/*******************************************************/
/************** Menu action utilisateur ****************/
/*******************************************************/
.user-menu-action {
	float: left;
	margin: 0;
	list-style: none;
	padding: 0;
	overflow: hidden;
	height:20px;
}

.user-menu-action-dropdown, .user-menu-action-dropdown dl, .user-menu-action-dropdown dd {
	padding: 0;
	margin: 0;
	list-style: none;
}

.user-menu-action-dropdown li {
	float: left;
	cursor: pointer;
	text-align: center;
	margin: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	/*padding-right: 5px;
	padding-left: 5px;*/
	background: url('../images/divider.gif') no-repeat left;
	padding: 0 7px 0 7px;
	display: inline;
	margin: 0 1px 0 -1px;
}

.user-menu-action-dropdown-tab {
	color: #666;
	text-decoration: none;
	display: block;
	border: 0 none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
}

.user-menu-action-dropdown-tab:visited {
	color: #666;
	font-size: 10px;
}

.user-menu-action-dropdown-tab-hover {
	color: #333;
	text-decoration: none;
}

.user-menu-action-dropdown li dl {
	position: absolute;
	left: -999em;
	width: 194px;
	border: 1px solid gray;
	text-align: left;
	background: #FFFFFF;
	z-index: 5;
}

.user-menu-action-dropdown li dl dt {
	background-color: #666;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
}

.user-menu-action-dropdown li dl dd {
	padding: 3px;
	font-size: 11px;
}

.user-menu-action-dropdown li:hover dl, .user-menu-action-dropdown li.sfhover dl {
	left: auto;
}

.user-menu-action-dropdown li:hover a.user-menu-action-dropdown-tab {
	color: #333;
	text-decoration: none;
}

/********************************************************************************************************************************************/
/*******************************************************/
/****** Menu action utilisateur special IE... :@ *******/
/*******************************************************/

.closeImg {
	float: right;
	position: relative;
	top: -15px;
	margin-right: 4px;
}

.user-menu-action-dropdownIE, .user-menu-action-dropdownIE dl, .user-menu-action-dropdownIE dd {
	padding: 0;
	margin: 0;
	list-style: none;
}

.user-menu-action-dropdownIE li {
	float: left;
	cursor: pointer;
	text-align: center;
	margin: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	/*padding-right: 5px;
	padding-left: 5px;*/
	background: url('../images/divider.gif') no-repeat left;
	padding: 0 7px 0 7px;
	display: inline;
	margin: 0 1px 0 -1px;
}

.user-menu-action-dropdown-tabIE {
	color: #666;
	text-decoration: none;
	display: block;
	border: 0 none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
}

.user-menu-action-dropdown-tabIE:visited {
	color: #666;
	font-size: 10px;
}

.user-menu-action-dropdown-tabIE:hover {
	color: #333;
	text-decoration: none;
}

.user-menu-action-dropdown-tab-list-nHover {
	position: absolute;
	left: -999em;
	width: 194px;
	border: 1px solid gray;
	text-align: left;
	background: #FFFFFF;
	z-index: 5;	
}

.user-menu-action-dropdownIE li dl dt {
	background-color: #666;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
}

.user-menu-action-dropdownIE li dl dd {
	padding: 3px;
	font-size: 11px;
}

.user-menu-action-dropdown-tab-list-hover {
	position: absolute;
	left: auto;
	width: 194px;
	border: 1px solid gray;
	text-align: left;
	background: #FFFFFF;
	z-index: 5;
}

.user-menu-action-dropdown-tab-list-hover a.user-menu-action-dropdown-tabIE {
	color: #333;
	text-decoration: none;
}
/*******************************************************************************************************************************************/
/*******************************************************/
/************ Menu horizontal utilisateur **************/
/*******************************************************/
#site-menu {
	width: 100%; /* correction pour Opera */
	background-image: url('../images/cc_menuProtour.jpg');
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 953px;
	height: 37px;
	padding: 0 0 10px 0;
}
.lienLogin {
	float:right;
	font-size:12px;
	margin-right:10px;
	line-height:37px;
}
.lienLogin a:link, a:visited {
	color:#fff;
	text-decoration:none;
}
.lienLogin a:hover, a:active {
	color:#fff;
	text-decoration:underline;
}
#site-menu-dropdown, #site-menu-dropdown dl {
	padding: 0;
	margin: 0;
	list-style: none;
}

#site-menu-dropdown li {
	float: left;
	/*width: 10em;*/
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	line-height: 37px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

.dropdown-tab {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 37px;
	padding-right: 12px;
	padding-left: 12px;
}

.dropdown-tab:visited {
	color: #fff;
	font-size: 11px;
}

.dropdown-tab-hover {
	background: #333;
	color: #FFF;
	text-decoration: none;
	line-height: 37px;
}

#site-menu-dropdown li dl {
	position: absolute;
	left: -999em;
	/*display: block;*/
	border: 1px solid gray;
	padding: 5px 20px 5px 5px;
	line-height: 1em;
	text-align: left;
	background: #fff;
	z-index:4;
	min-width:120px;
	background-image:url('../images/gradientProduits.gif');
	background-position: bottom left;
	background-repeat: repeat-x;
}

#site-menu-dropdown li:hover dl, #site-menu-dropdown li.sfhover dl {
	left: auto;
}

#site-menu-dropdown li:hover a.dropdown-tab {
	background: #666;
	color: #fff;
	text-decoration: none;
}

a.menuLoisir:link, a.menuLoisir:visited {
	color: #333;
	font-weight: bold;
	margin: 10px 0 5px 0;
	font-size: 11px;
	text-decoration:none;
}
a.menuLoisir:hover, a.menuLoisir:active {
	text-decoration:underline;
}
.dropdown-tab-list dd {
	margin: 8px;
}
.dropdown-tab-list dd a:link, .dropdown-tab-list dd a:visited {
	color: #666;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 5px;
	display:block;
}
.dropdown-tab-list dd a:hover, .dropdown-tab-list dd a:active {
	text-decoration: underline;
}
/*******************************************************/
/******************* Main content **********************/
/*******************************************************/
#fun {
	float: left;
	clear: left;
	margin-top: 10px;
	*margin-top: 10px;
	margin-bottom: 20px;
	border-bottom: 2px solid #bbb;
	background-color: #F5F5F5;
}
#funContent {
	width:213px;
	padding:0 5px 5px;
}
#funContent h3 {
	font-size:12px;
	font-weight:bold;
	color:#666;
}
#mainContent {
	float: left;
	width: 690px;
	margin-left: 20px;
	background-color: #FFF;
}
#nuageContent {
	width:700px;
	float:right;
}
.titreH2 {
	color:#333;
	font-size:14px;
	margin-top:10px;
}
.descriptionHome {
	font-size:12px;
	color:#666;
}
.listHome {	
	list-style-image:url('../images/puceHome.gif');
	list-style-position:outside;
	list-style-type:square;
	color:#666;
	font-size:11px;
}
.listHome li {
	margin-bottom:5px;
	*padding-left:10px;
}
.listHome span {
	font-size:12px;
	color:#333;
}
.registerHome {
	margin:40px auto;
	width:100%;
	text-align:center;
}
.zoomProtourus {
	width:336px;
	border:1px solid #dcdcdc;
	background-color:#f8f8f8;
	background-image:url('../images/zoom/background.jpg');
	background-position:left bottom;
	background-repeat:repeat-x;
	margin-right:7px;
	float:left;
}
.zoomProtourus h3 {	
	width:316px;
	line-height:32px;
	font-size:18px;
	font-weight:normal;
	font-variant:small-caps;
	color:#333;
	background-image:url('../images/zoom/picto-loisir.jpg');
	background-position:right top;
	background-repeat:no-repeat;
	background-color:#fff;
	margin:0;
	padding:0 10px;
}
.zoomProtourus h3.h3Deco {	
	width:316px;
	line-height:32px;
	font-size:18px;
	font-weight:normal;
	font-variant:small-caps;
	color:#333;
	background-image:url('../images/zoom/picto-deco.jpg');
	background-position:right top;
	background-repeat:no-repeat;
	background-color:#fff;
	margin:0;
	padding:0 10px;
}
.zoomImg {
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #fff;
}
.zoomContent {
	font-size:12px;
	color:#666;
	width:316px;
	padding:0 10px;
}
.zoomContent h4 {
	font-variant:small-caps;
	color:#333;
	font-size:16px;
	margin:0;
	padding:0;
}
.zoomContent ul {
	list-style-image:url('../images/zoom/puce.png');
	list-style-position:outside;
	list-style-type:square;
	padding-left:20px;
}
.zoomSessions {
	width:230px;
	margin-right:13px;
	float:left;
	border:1px solid #dcdcdc;
	padding-bottom:10px;
}
.zoomSessions h3 {
	font-size:16px;
	color:#333;
	font-variant:small-caps;
	display:inline;
	font-weight:normal;
}
.imgSessions {
	margin: 5px 0;
}
.paraSessions {
	padding:5px;
}
/*******************************************************/
/*********************** Presse ************************/
/*******************************************************/
#presseActionDevResum {
	text-align: center;
	margin-top: 5px;
	border-bottom: 1px solid #9E0F11;
	height: 22px;
}
#presseActionDevResum a, ul a {	
	cursor: pointer;
	text-decoration : none;
}
#presseActionDevResum a:hover, ul a:hover {	
	cursor: pointer;
	text-decoration : underline;
}
.plus {
	list-style: square outside url('../../images/plus.gif');
	padding-left:20px;
}
.plus li {
	margin-bottom: 5px;
}
/*******************************************************/
/*********************** Footer ************************/
/*******************************************************/

#footer {
	float: left;
	*float: auto;
	clear: both;
	width: 100%;
	background-color: #515151;
	height: 22px;
	text-align: center;
	font-size: 10px;
	color: #FFF;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 22px;
	margin: 30px 0 0;
}

.footerP{
	color: #666666;
	margin-bottom: 20px;
	margin-top: 5px;
	font-size: 10px;
	padding: 0px;
	line-height: normal;
	text-align: center;
	float: left;
	clear: both;
	width: 955px;
}

#footer span {
	position : relative;
	left: 40px;
}

#footer span a:link, #footer span a:visited {
	color: #FFF;
	text-decoration : none;
}

#footer span a:hover, #footer span a:active {
	color: #FFF;
	text-decoration: underline;
}

.footerP a:link, .footerP a:visited {
	color: #666;
	text-decoration: none;
}

.footerP a:hover, .footerP a:active {
	color: #333;
	text-decoration: none;
}

#ceramic-creaLogo {
	float: right;
	position: relative;
	top: -25px;
	right: 20px;
	z-index: 2;
}
/*******************************************************/
/*********************** Calques ***********************/
/*******************************************************/
.divCalque {
	position: relative;
}
.divCalque .titre {
	z-index:10;
	position:absolute;
	left:0px;
	top: 10px;
	font-size: 16px;
}
.divCalque .desc {
	z-index:11;
	position:absolute;
	left:360px;
	top: 50px;
	width: 130px;
	text-align: right;
	color: #333;
	font-size: 10px;
}