/* 23 nov 2010 - 19:12
CAMTEL CSS file v1
*/

body {
	background-image:	url(images/bcgrnd.jpg);
	background-repeat:repeat-x;
	/**background-color:#c1c1c1;**/
	/**background-color:#00ADEF;**/
	margin:0 0 0 0;
	font-family:Helvetica, sans-serif;
	color:#333;
	font-size:12px;
}

a {
	color:#00AEEF;
	text-decoration:none;
}

#maincontent {
	width:1003px;
	display:table-table;
	border:#666 0px solid;
	margin: 0px auto;
	/*background-image:url(images/bcgrnd_foot.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	*/
}

/* HEADER TOP MENU */
#header {
	width:1003px;
	height:162px;
	border:#FFF 0px solid;
	/*background-image:url(images/head1.jpg);*/
	background-color:#00ADEF;
	/*background-repeat:repeat-x;*/
}

#header .anim1 {
	width:1003px;
	height:121px;
	float:left;
	
}

/*#header .anim2{
	width:494px;
	height:121px;
	float:left;
}*/


#header .logo {
	width:376px;
	height:128px;
}

/** HEADER TOP MENU **/
#header .headtopmenu {
	font-size:10px;
	text-align:right;
	color:#FFF;
	text-transform:uppercase;
	margin:0 55px 0 0;
	background-image:url(images/head001_01.jpg);
	/**background-image:url(images/head000_pub_01.jpg);**/
	width:1003px;
	height:21px;
}

#header .headtopmenu a {
	font-size:10px;
	text-decoration:none;
	color:#FFF;
}

#header .headtopmenu a:hover {
	text-decoration:none;
	color:#666;
}
/** END HEADER TOP MENU **/

/** HEADER BOTTOM MENU **/
#header .headbottomenu {
	font-size:12px;
	text-align:right;
	color:#FFF;
	margin:0 15px 0 0;
	/**background-image:url(images/head000_pub_04.jpg);**/
	background-image:url(images/head001_03.jpg);
	width:1003px;
	height:20px;
}
#header .headbottomenu ul li a {
	font-size:14px;
	color:#EEE;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 0 0 8px;
	border:0;
}

#header .headbottomenu ul li a:hover {
	color:#666;
	text-decoration:none;
}

#header .headbottomenu ul ul li a {
	font-size:13px;
	color:#333;
	text-transform:none;
	text-decoration:none;
	padding:5px 0 5px 10px;
	border:0;
}

#header .headbottomenu ul ul li a:hover {
	color:#06F;
	text-decoration:none;
}

#header .lang {
	width:110px;
	border:#03F 0px solid;
	float:left;
	margin-left:20px;
}

#header .lang a {
	color:#eee;
	text-decoration:none;
}

/** END HEADER BOTTOM MENU **/


/** DATA CONTENT **/
#datacontent {
	background-color:#f2f2f2;
	width:957px;
	border:#666 0px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin:0 13px 10px 13px;
	padding:10px 10px 0 10px;
}

#datacontent .slidehome {
	width:957px;
	border:#fff 1px solid;
}

#datacontent .prodhome {
	width:947px;
	height:300px;
	background-color:#FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:5px;
	margin:10px 0 0 0;
}

#datacontent .prodhome h3 {
	margin:5px;
	color:#06C;
	font-size:16px;
}

#datacontent .prodhome ul {
	margin-left:10px;
}

#datacontent .prodhome a {
	color:#333;
	padding:3px 0 13px 0;
}

#datacontent .prodhome a:hover {
	color:#09F;
}

.tel {
	width:200px;
	height:127px;
	background-image:url(images/telephonie.jpg);
	background-repeat:no-repeat;
	float:left;
	padding:0 10px 0 20px;
	margin-left:5px;
	padding-top:130px;
}

.int {
	width:200px;
	height:222px;
	background-image:url(images/Internet.jpg);
	background-repeat:no-repeat;
	float:left;
	padding:0 10px 0 20px;
	margin-left:5px;
	padding-top:35px;
}

.network {
	width:200px;
	height:217px;
	background-image:url(images/reseaux.jpg);
	background-repeat:no-repeat;
	float:left;
	padding:0 10px 0 20px;
	margin-left:5px;
	padding-top:40px;
}

.card {
	width:200px;
	height:127px;
	background-image:url(images/cartes.jpg);
	background-repeat:no-repeat;
	float:left;
	padding:0 10px 0 20px;
	margin-left:5px;
	padding-top:130px;
}

#datacontent .secondtitle {
	width:957px;
	margin-top:5px;
}

#datacontent .secondtitle span {
	margin:5px;
	font-weight:bold;
	color:#06C;
	font-size:16px;
	margin-right:150px;
}

.code {
	width:210px;
	height:190px;
	background-image:url(images/code.jpg);
	background-repeat:no-repeat;
	float:left;
	padding:0 10px 0 10px;
	margin-left:5px;
}

.boutique {
	width:704px;
	height:190px;
	background-image:url(images/boutique.jpg);
	background-repeat:no-repeat;
	float:left;
	padding:0 5px 0 5px;
	margin-left:5px;
}


.dataleft {
	width:955px;	
	float:left;
	margin-left:5px;
	background-color:#FFF;
	margin:10px 0 20px 0;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align:justify;
	display:inline-table;
	font-size:12px;
}

.dataleft .contentwrap {
	padding:10px;
}


.dataleft .title {
	font-size:20px;
	font-weight:bold;
	color:#00aeef;
	display:block;
	border-bottom:#00aeef 1px solid;
	margin-bottom:15px;
}

.dataleft .content {
}

.bread {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8A8A8A;
	text-align:left;
	padding-left:5px;
	margin-left:2px;
	border-bottom:#CCCCCC 1px dashed;
	width:715px;
	float:left;
}

.bread a {
	color:#8A8A8A;
	text-decoration:none;
}

.bread a:hover {
	color:#3399FF;
	text-decoration:none;
}


.dataright {
	width:0px;
	display:none;
}

.dataright h2 {
	color:#666;
	font-size:bold;
	margin:3px 0 0px 5px;
	font-size:10px;
}

#r_menu {
	margin-top:10px;
	font-size:15px;
}

#r_menu div {
	background-color:#;
	background-image:url(images/fnd_menu.jpg);
	background-repeat:no-repeat;
	margin:5px 0 5px -6px;
	/*
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	*/
	padding:3px 0 3px 20px;
	font-size:14px;
}

#r_menu div strong {
	font-size:15px;
}

#r_menu div a {
	color:#333;
	text-decoration:none;
}

#r_menu div a:hover {
	color:#00aeef;
	text-decoration:none;
}

/** END DATA CONTENT **/

/** FOOTER **/
#footer {
	width:957px;
	height:213px;
	clear:both;
	margin:0 0 -5px 0;
	background-image:url(images/footer_02.jpg);
	background-repeat:repeat-x;
}

#copy {
	width:977px;
	height:50px;
        margin:10px;
	font-size:10px;
	text-align:center;
}
	
#menutop {
font-size:14px;
color:#666;
font-weight:normal;
padding-top:10px;
padding-bottom:10px;
}

#smenu {
color:#FFF;
font-size:12px;
padding-left:20px;	
}
#smenu a{
color:#FFF;
font-size:12px;
}

#smenu a:hover{
color:#999;
font-size:12px;
}

/** END FOOTER **/


/* HEADER TOP MENU */

/* NEWS */
.news-video-container {

}

.news-video-date {
	font-size:10px;
}

.news-video-item {
	border:#ccc 2px solid;
	float:left;
	margin:9px;
	width:190px;
	height:230px;
	padding:10px;
	overflow:hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.news-video-item:hover {
	border:#00AEEF 2px solid;
	background-color:#EEE;
}

.news-video-item .overlay {
	display:none;
}

.news-video-item:hover .overlay {
	position:absolute;
	margin-top:20px;
	margin-left:40px;
	display:run-in;
}

.news-single-item .player {
	width:676px;
	height:420px;
	margin-left:9px;
	margin-bottom:20px;
	float:left;
	border:#003 0px solid;
}

.news-single-item .desc {
	width:190px;
	height:397px;
	border:#eee 2px solid;
	background-color:#;
	float:left;
	padding:10px;
	margin:0 0 0 19px;
	
}
/* END NEWS */

/* JOB FORM */
.csc-mailform-field label {
	width:150px;
	padding:4px;
	display:block;
	background-color:#eee;
	float:left;
	clear:both;
	text-align:right;
	border:#9C3 0px solid;
	margin-right:5px;
}
/* END JOB FORM */

/* EDITOR STYLE */
.titre1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#06C;
	font-weight:bold;
	border-bottom:#09F 1px solid;
	display:block;
}

.titre2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#666;
	font-weight:bold;
	border-bottom:#CCC 1px solid;
	display:block;
}

.titre3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#09F;
	font-weight:bold;
}
/* END EDITOR STYLE */


/* CAROUSSEL CODE */
.image_carousel_code {
	padding: 5px 0 0px 0px;
	position: relative;
	
}
.image_carousel_code #foo1 div {
	background-color: ;
	padding: 9px;
	margin: 0px;
	display: block;
	width:190px;
	height:150px;
	border:#333 0px solid;
}

.image_carousel_code #foo1 div h3 {
	color:#09F;
	font-size:16px;
}

.image_carousel_code #foo1 div p {
	color:#333;
	font-size:14px;
}

a.prev, a.next {
	background: url(images/miscellaneous_sprite.png) no-repeat transparent;
	width: 35px;
	height: 20px;
	display: block;
	position: absolute;
	top: 45px;
}
a.prev {			left: -22px;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -50px; }
a.next {			right: -22px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }

a.prev span, a.next span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}

/* END CAROUSEL CODE */

/* CAROUSSEL OFFRE */
.image_carousel {
	padding: 30px 0 15px 15px;
	position: relative;
}
.image_carousel div#foo2 {
	border: 0x solid #ccc;
	
}
.image_carousel img {
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
	width:100px;
	height:90px;
}
a.prev, a.next {
	background: url(images/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 70px;
}
a.prev {			left: -12px;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -50px; }
a.next {			right: -12px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }

a.prev span, a.next span {
	display: none;
}
.pagination {
	text-align: center;
}
.pagination a {
	background: url(images/miscellaneous_sprite.png) 0 -100px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px -100px;
	cursor: default;
}
.pagination a span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}
/* END CAROUSEL OFFRES */



/* GALLERY */
.tx-ttnews-browsebox {
	clear:both;
	
}

.tx-ttnews-browsebox table td {
	font-size:14px;
}

.news-list-album-item {
	border:#ccc 2px solid;
	float:left;
	margin:9px;
	width:190px;
	height:230px;
	padding:10px;
	overflow:hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.news-list-album-item:hover {
	border:#00AEEF 2px solid;
	background-color:#EEE;
}

.news-list-album-item .overlay {
	display:none;
}

.news-list-album-item:hover .overlay {
	position:absolute;
	margin-top:20px;
	margin-left:40px;
	display:run-in;
}

.news-list-album-item .bodytext  {
	margin-top:20px;
	color:#666;
}
.news-list-album-item font  {
	display:none;
}

/* END GALLERY */

/* NEWS */
.news-list-item p.bodytext {
	margin-top:-10px;
}

.news-list-item {
	border:#ccc 2px solid;
	margin:6px 0 6px 0;
	padding:10px;
	overflow:hidden;
}

.news-list-item:hover {
	border:#09F 2px solid;
	background-color:#EEE;
}

.news-list-container H2 {
	margin: 0px;
}

.news-list-date {
	float: right;
	display:block;
	padding-left:10px;
	font-size:9px;
}

.news-list-imgcaption {
	padding:3px 3px 0 0;

}

.news-list-container IMG {
	float: left;
	margin:0 5px 5px 0px;
	border: none;

}
/* END NEWS */

#sv-container {
	border:#eee 1px solid;
	width:935px;
	height:525px;
	overflow:hidden;
	z-index:10000;
}


/* NEWSLETTER */

#c559 {
	position:absolute;
	border:#09F 1px solid;
	width:405px;
	height:500px;
	display:inline-block;
	top:300px;
	margin-left:8px;
	background-color:#FFF;
	padding:10px;
}

#c559 h3 {
	background-color:#09F;	
	margin:3px 0 5px 0;
	padding:3px;
	color:#fff;
}

div.field label {
	width:130px;
	float:left;
	clear:both;
	text-align:left;
	padding-bottom:5px;
}

#c93 {
	width:430px;
	margin-left:460px;
	text-align:justify;
}

span.error {
	color:#F00;
	font-size:10px;
	margin:3px 0 10px 0;
	clear:both;
	display:block;
	text-align:right;
	width:360px;
	border-bottom:#eee 1px solid;
}

#c559 form input[type=text], select {
	width:250px;
	clear:both;	
}

#jour {
	width:50px;
}

#mois {
	width:80px;
}

#annee {
	width:70px;
}

/* END NEWSLETTER */
/*recherche*/
#search {
	width:185px;
	float:left;
	padding-top:20px;
}

.searchform{
margin:0;
float:right;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
padding-right:10px;
}

.find {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#00AEEF;
	text-transform:none;
	width:190px;
}
.sub  {
	font-size:9px;
	text-align:left;
	color:#FFFFFF;
	width:23px;
	background-color:#00AEEF;
	border:#999999 1px solid;
}